林钹渊的博客

在使用vue-cli脚手架构建完项目，项目完成后，需打包上线。默认打包方式则是 npm build，然后项目根目录会生成 dist 文件夹。服务端将该文件夹替换线上即可。但是当第n（n>1）次上线后，由于在用户端会默认缓存index.html入口文件，而由于vue打包生成的css/js都是哈希值，跟上次的文件名都不同，因此会出现找不到css/js的情况，导致白屏的产生。虽然刷新一...

在进行图片拍照上传功能时，由于现在手机像素越来越好，常常一张照片拍下来好几M，在上传时即拉长了上传时间，用户体验糟糕，又增加了服务器压力。除此之外，iphone手机竖直方向拍照还会存在图片自动旋转90度的问题。以为ic插件是比较好的解决办法。首先引入ImageCompressornpm install image-compressor.js使用时先引入import Image...

npm 安装推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i mint-ui -SCDN目前可以通过 unpkg.com/mint-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。<!-- 引入样式 --><link rel="stylesheet" href="https://unp...

之前因为把图片放在assets里面，所以图片地址正确了但是怎么都不显示。要了解为什么先了解一下assets和static的区别assets中的文件会经过webpack打包，重新编译，推荐该方式。而static中的文件，不会经过编译。项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。简单来说，static中建议放一些外部第三方，自己的放到assets，别人的放到s...

这里使用的是babel-polyfill 插件，用法如下：首先cnpm install babel-polyfill -D 安装插件，然后在main.js里面引用import "babel-polyfill";接着webpack的入口文件以及babel进行配置：entry: { // app: './src/main.js' app: ['babel-pol...

公司的项目拷贝到家里，是不是就启动不了了。虽然使用了cnpm install安装之后还是疯狂提示你缺少什么什么包，而且按照他的提示永远安装不完。就像下面这样 造成这样的原因是当你在一台电脑上编译后npm会有cache缓存，到另外一台电脑上编译这个项目的缓存与原缓存不一致，导致编译报错。 解决办法：1. 删掉node_modules文件夹，2 .执行 npm cache cl...

目标效果，做一个起止时间选择，用户在输入时两次分别选择开始时间和结束时间，如下图 对应的结束时间需要大于开始时间，先看代码 pickerOptions: { disabledDate(time) { return time.getTime() > Date.now() - 8.64e6; }, }, pickerO...

<span v-for="(item,index) in but" :key="index" :class="{'active':indexActive === index}" @click = "clickfun(index)"> {{item.txt}} </span>如上面代码所示，动态绑定的实质就是：class=“{‘active’：true/false

手机号：var validateMobilePhone = (rule, value, callback) => { if (value === '') { callback(new Error('负责人手机号不可为空')); } else { if (value !== '') { ...

最近项目中遇到的问题，只想在某个组件里面更改element-Ui的样式，而不影响全局。在网上看了很多瞎jb扯的东西，根本不适用或者没效果。先手直接说方法：在需要更改的组件里新增一个style标签【重点：不要加scoped】，然后直接获取class设置样式就可以咯，class自己去浏览器里右键审查元素可得到。建议：在获取到的样式里加上能限制范围的父层选择器，不然就变成全局样式咯。&lt...

<script>　　 export default {　　　　　　data(){　　　　　　　　return {　　　　　　　　　　example0:"",　　　　　　　　　　example1:"",　　　　　　　　　　example2:{　　　　　　　　　　　　inner0:1,　　　　　　　　　　　　innner1:2　　　　　　　　　　}　　　　　　　　}　...

直接上代码，以下window.setTimeout(function(){ if(this && !this._isDestroyed){ //_isDestroyed 组件是否被销毁 return; } window.location.href = "/serverMonitor?t="+ new Date().getTime();}，5...

watch: { '$route': function (to,from) { if (to.path == '/ecolo') { } } },可以使用以上来监视路由的变化，从而做出需要的操作。其中to和path都是对象