Yinkai Chen
Yinkai Chen
# nginx配置多个vue项目 ## 需求 `nginx` 下配置多个 `vue` 项目，或者说非根目录下的配置 > 举例: * blog: `https://www.yoursite.com/blog` * test: `https://www.yoursite.com/test` ## vue项目中配置 > `vue-router` 设置 `base` 路径 ```js base: '/blog' ``` > `config/index.js` 修改...
## 版本号规则 一般版本号格式为 `MAJOR.MINOR.PATCH`： - MAJOR：主版本号，当你做了不兼容的 API 修改。 - MINOR：次版本号，当你做了向下兼容的功能性新增。 - PATCH：修订号，当你做了向下兼容的问题修正。 一些其他的规则： 1. 任何时候都不能修改已发布的内容，任何修改都应该发布新版本。 2. 主版本号为 0 时，表示还处于开发阶段。 3. 主版本号递增时，次版本号和修订号清零；次版本号递增时，修订号清零。 4. 判断版本的优先级，必须拆分为拆分主版本号、次版本号、修订号进行比较，比如：`1.0.0 < 2.0.0 < 2.1.0 < 2.1.1`。 5....
**需求描述：在移动端页面中，有一个”购买‘’按钮，若本地安装了 app，则直接打开本地 app，若没有安装，则跳转到 AppStore 或者应用市场。** ## 如何打开本地 app？ 首先， `ios` 与 `Android` 都支持一种叫做 `schema` 协议的链接，例如 金华银行的协议为 `jhbhttp://xxxxx` 激活这个协议有 3 种方式: 1.直接写在 a 标签中 2.location.href 3.iframe 跳转 _而 location.href 与 iframe...
# vue-cli 搭建的项目处理不同环境下请求不同域名的问题 > 使用 `vue-cli` 开发项目过程中, 根据开发环境和正式环境不同, 我们往往需要请求不同域名下的后台接口, 这时候, 该怎么去设置, 达到同一种写法可以根据环境不同而自动切换请求域名呢? 本文将会介绍两种配置方式. > 本文中所有请求都是使用 [axios](https://github.com/axios/axios) ## 一 > 1. 修改 `config/dev.env.js` (开发环境的配置) ```javascript 'use strict' const merge = require('webpack-merge')...
# 面试经历分享 由于前段时间工作调整，也是面试了好几次，所以在此记录下一些面试问题（大部分是笔试题）。 ## html,css * 简述盒模型 * `repain` 和 `reflow` * `div` 居中 * `rem` ## js * 如何解决小数点相加出现的异常，如 `0.1 + 0.2 = 0.300000000000004`. 如果是减法，除法，乘法呢？ * 10w条数据，一次性渲染到页面上，如何处理可以不冻结UI？ * 简述...
可能有细心的小伙伴发现了， 今天访问的时候并没有出现 `此网站不安全` 之类的提示，而且 `url` 边上还出现了绿色的小锁了. 原因是我刚刚把网站升级到 `https` 啦～ 那么，为什么要选择升级 `https` 呢? * 避免运营商劫持 相信有很多同学遇到过, 浏览网页的时候，突然右下角出来个小弹窗，可能还带着一些不可描述的图片，或者提示你收到了一个红包之类的。 * 避免被浏览器识别为 `不安全` 在 `chrome` 中打开 `http` 的链接时，可以看到 `url` 的左边往往都有 `不安全`, `危险` 之类的警告。可能很多人看到，就会直接关闭网页了。 所以本文将会分享下[我的博客](https://www.cykspace.com)由...
# BFC(块级格式上下文) ## 定义 可以先看一下官方的定义 [BFC](https://www.w3.org/TR/CSS21/visuren.html#block-formatting) > Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other...
# javascript 事件循环 可以先来看这样的一段代码, 可以思考下会输出什么结果: ```javascript console.log('event start') setTimeout(function () { console.log('setTimeout'); }); new Promise(function(resolve,reject){ console.log('promise start') resolve() }).then(function(){ console.log('promise end') }) console.log('event end') ``` 正确的输出结果如下: ```javascript // event start...
# vue首屏加载优化 项目基于 `vue-cli` 搭建, 部署采用 `nginx` 服务. ## 使用CDN 首先将 `vue`, `vue-router` 从 `vendor.js` 中分离出来(若使用 `vuex`, 则将 `vuex` 也分离) 1.在 `index.html` 中引入 ```html ``` 2.修改 `build/webpack.base.conf.js`, 配置 `externals` ```js...
## 非根目录下的配置 文章较老，见#40 ## 背景图片路径问题 在 data 中导入图片数据 ```js data () { return{ bg:require('./openIndexBG2.jpg') } } ``` 然后再绑定 ```html ``` 这样可以避免背景图片路径产生错误