- 博客(40)
- 收藏
- 关注
RSS订阅转载 Vue打包文件放在服务器后，浏览器存在缓存问题
每次打包更新版本发到服务器上，导致偶尔会出现不能即使更新最新代码，浏览器存在缓存的问题。解决方法：找到webpack .prod.conf.js 1.定义版本变量： const Version = new Date().getTime(); // 这里使用的是时间戳 来区分output: { path: config.build.assetsRoot,...
2019-08-22 15:19:00
1074
转载 webpack 用 webpack-parallel-uglify-plugin 加速打包报错
从新拉了份代码。npm install 、npm run dev 都没有问题，但是npm run build 就报上面的错误了查了好多资料，都没有解决上面的问题，也不知道是哪里出了问题，但是可以肯定就是打包文件出错了后面才知道是ParallelUglifyPlugin 加速打包 出错了 。还是要分析报错的原因1、`warnings` is not a suppor...
2019-08-21 17:37:00
2656
转载 Vue报错 Duplicate keys detected: '1'. This may cause an update error. vue报错
情况一、错误信息展示为关键字‘keys‘,此时应该检查for循环中的key，循环的key值不为唯一性 （很普通）情况二、有两个相同的for循环，而这两个for循环的key值是一样的，此时将一个的key值加一个数字或者加一个字符串例如转载于:https://www.cnblogs.com/qiu-Ann/p/11359728.html...
2019-08-15 18:28:00
475
转载 时间戳 Date.parse()和dateObject.getTime()的区别
一、Date.parse()parse() 方法可解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。解析：1、parse() 方法为Date 对象的静态方法，一般采用 Date.parse() 的形式来调用，而不是通过 dateobject.parse() 调用该方法。2、parse() 返回从1970/01/01到一个具体日期的毫秒数...
2019-08-15 18:14:00
495
转载 uni-app 时间格式问题 new Date(str) IOS系统跟Android系统不兼容
今天做了一个需求，要在列表中把后台返回来的时间给显示出来，使用 new Date(str) 在微信开发者工具上显示是没有问题的，然后在IOS系统上显示是NAN。原因是 IOS系统只识别 " / " 不识别 " - ".后台返回来的时间类型一般有三种 时间、时间搓、字符串。我们就研究一下这三种类型怎么 处理才能兼容安卓系统和IOS系统吧。formatTime(d) {...
2019-08-15 16:31:00
1951
转载 uni-app 使用 iconfont 图标 自定义图标
uni-app 的uni-ui 的 Icon 图标组件，裡面的图标只是移动端常见的图标，对于一些其他需求所要显示的图标，这个是完全不够用。那么怎么办?模仿它的组件，用阿里巴巴图标矢量库的图标，自己定义一个图标组件呀。一、uni-app 图标组件1、组件文件m-icon里面有两个文件，一个是m-icon.css文件一个是m-icon.vue文件2、m-icon.css...
2019-08-14 19:09:00
1408
转载 uni-app 使用Vuex+ （强制）登录
一、在项目的根目录下新建一个store文件夹，然后在文件夹下新建一个index.js文件二、在新建的index.js下引入vue和vuex，具体如下：//引入vue和vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({//全...
2019-08-13 19:03:00
592
转载 uni-app 保持登录状态 （Vuex）
在小程序中，保持登录状态是很常见的需求，今天就把写一写使用uni-app框架的保持登录状态功能是怎样实现的。一、场景需求1、场景：初始打开---登陆---关闭，再次打开---（已登录）上次关闭前的页面2、cookie：传统应用保持登录状态的方式是通过读取 cookie 来判断是否是登录状态，但是uni-app不支持对cookie的读写。3、实现：uni-app 的官网的A...
2019-08-13 16:46:00
2768
转载 package.json和npm install、cnpm install 的問題
問題：最近使用cnpm安装项目依赖后，运行项目出现样式错乱问题。描述：最近项目开发，需求参插了很多个版本，所以在前端项目的主干上拉好几套分支代码。拉的分支并不会把node_modules也拉过去，所以只能重新安装cnpm install。运行项目发现一个很严重的bug，一些样式没有生效，导致一些功能没办法正常使用。然后就开始找问题，发现主干上（还是原来的node_modules）的代...
2019-04-26 11:17:00
473
转载 如何将baseUrl项目地址提取放到放到static
原本项目的baseUrl地址是放在src/common/config.js ，但是这有一个缺点，就是本地测试一个地址，生产一个地址。每发一次不同環境的包就要build一下，太麻烦了！有没有解决的办法呢？我们知道static下面的文件，会原原本本打包到dist下面的。所以我们可以把src/common/config.js 放到static文件下，那麼只要build一次，在config....
2019-04-20 16:07:00
423
转载 location.href 本窗口与window.open 新窗口打开用法
二种新窗口打开的区别：window.open("URL",'top'); 只是表示打开这个页面，并不是打开并刷新页面；window.location.href="URL"; 表示重新定向到新页面，同时刷新打开的这个页面；window.location.href=config.default.baseUrl.dev+'/reportOne?orderCode='+th...
2019-04-18 17:58:00
2994
转载 图片转成Base64
var img = "imgurl";//imgurl 就是你的图片路径 function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.hei...
2019-04-01 19:27:00
131
转载 （1）vue点击图片预览（可旋转、翻转、缩放、上下切换、键盘操作）
今天做项目的时候，遇到了新需求，需要把点击图片放大的功能。学习了一下GitHub上的viewerjs插件GitHub地址：https://github.com/fengyuanchen/viewerjs1、安装npm install v-viewer --save-dev2、在main.js中引入import Vue from 'vue';import Vie...
2019-03-11 16:48:00
743
转载 安装vue-cli时-4058报错的解决方法
一、报错信息安装vue-cli时-4058报错二、解决办法1、安装淘宝镜像npm --registry https://registry.npm.taobao.org info underscore2、cnpm install --global vue-cli3、ok转载于:https://www.cnblogs.com/qiu-Ann/p/102709...
2019-01-15 11:31:00
168
转载 Sublime text 3 配置
一、Sublime中实现Ctrl+鼠标左键跳转到定义函数的地方配置步骤：1、首先找到sublime的安装目录，我的是在这里C:\Users\dellpc\AppData\Roaming\Sublime Text 3\Packages\User2、Default.sublime-mousemap 这个文件3、[ { ...
2018-12-04 16:52:00
134
转载 Vue项目本地run与build后样式不同，build后样式不生效
今天老大，让我改一个按钮的样式，就是鼠标放在按钮上，改变字体的颜色。觉得小意思啦，不就是：hover吗？ 啊。。。什么鬼？本地run可以，但是build之后并没有生效！！！我们项目引入的第三方UI库是IView，不管我是在当前组件中修改部分样式，还是修改UI库的css样式，在npmrundev的时候，修改之后的样式是会按照代码来显示的；可是npmrunbui...
2018-11-23 15:47:00
535
转载 npm run build 打包后，如何运行在本地查看效果（Nginx服务）
这段时间，研究了一下vue 打包的很慢的问题。但是当我 npm run build 打包后，在本地查看效果的时候，活生生被我老大鄙视了，因为我打开了XAMPP。他说：你怎么不用Nginx啊？用这个一堆的路径问题！！！！！！然后我就去研究了Nginx 。。。我原谅我老大了。一.初识nginxNginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMA...
2018-11-21 18:40:00
556
转载 JavaScript（ES6）学习笔记-Set和Map与数组和对象的比较（二）
一、Map,Set,Array对比：1、增 let map = new Map(); let set = new Set(); let array = []; map.set('t',1); //Map set.add({t:1}); //Set array.push({t:1});//数组 console...
2018-01-10 10:14:00
241
转载 JavaScript（ES6）学习笔记-Set和Map数据结构（一）
一、Set1、ES6 提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。var s = new Set([1, 2, 3, 3, '3']);s; // Set {1, 2, 3, "3"} //重复元素在Set中自动被过滤：2、Set 函数可以接受一个数组（或类似数组的...
2018-01-09 17:32:00
162
转载 Angular - - ng-focus、ng-blur
1、ng-focus这个指令功能就是比如当一个input等获取到焦点的时候，执行你指定的表达式函数，达到你需要的目的格式：ng-focus=“value”value：获取焦点时执行的表达式，方法。2、ng-blur这个指令功能就是比如当一个input等失去焦点的时候，执行你指定的表达式函数，达到你需要的目的。 格式：ng-blur=”value”value: ...
2017-12-22 12:09:00
342
转载 本地项目与码云上的项目相关联
一、把本地项目放到码云上1、在码云上创建一个创库：HelloWork（这个名字要和本地项目文件夹名是一样的）2、在本地项目文件夹内打开git 工具git initgit statusgit add .git commit -m 'xxxxx'3、将本地库和远程库相关联从上面的第二条命令中，我们可以看出：本地与码云是关联起来的。但是第三条命令，把...
2017-12-13 18:17:00
173
转载 JS快速入门笔记
1、JavaScript不区分整数和浮点数，统一用Number表示。NaN; // NaN表示Not a Number，当无法计算结果时用NaN表示Infinity; // Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity2 / 0; // Infinity0 / 0; // NaN注意...
2017-11-30 18:17:00
128
转载 获取GitHub上远程分支内容
一、clone项目二、获取远程特定分支的内容1、查看所有分支git branch --all # 默认有了ls和master分支，所以会看到如下三个分支 # master[本地主分支] origin/master[远程主分支] origin/ls[远程开发分支] # 新克隆下来的代码默认master和origin/master是关联的，也就是他们...
2017-11-30 11:34:00
138
转载 git fetch 和git pull 的差别
1、git fetch 相当于是从远程获取最新到本地，不会自动merge，如下指令： git fetch orgin master //将远程仓库的master分支下载到本地当前branch中 git log -p master ..origin/master //比较本地的master分支和origin/master分支的差别 git merge ori...
2017-11-27 10:10:00
124
转载 angularjs 自定义过滤器
过滤器格式模块名称.filter('过滤器名字',function(){ return function(被过滤数据，条件1，条件2，。。。。){ //过滤操作 }})一、不带条件的过滤器使用方式：* （1）HTML中：<div>{{被过滤的数据 | 过滤器的名字}}</div> //跟内置过滤器一...
2017-11-22 16:55:00
167
转载 github命令总结
一、创建版本库1、创建一个空目录$ mkdir learngit$ cd learngit$ pwd //pwd命令用于显示当前目录2、创建一个版本库（通过git init命令把这个目录变成Git可以管理的仓库）$ git init3、把文件添加到版本库（1）在learngit的目录下创建一个learn.txt的文件（2）用命令gi...
2017-11-21 15:03:00
102
转载 JavaScript 的setTimeout 和Angular中的$timeout的區別
JavaScript中setTimeout返回值类型和意义说明：1、setTimeout ：暂停指定的毫秒数后执行指定的代码，返回值是id标识，这个id的意义就是通过clearTimeout来清理暂停执行函数。setTimeout函数的ID标识(number类型)，每次调用setTimeout函数都会产生一个唯一的ID，可以通过clearTimeout函数(此函数的参数接收一个s...
2017-11-07 15:22:00
155
转载 vue2.0 导出Excel表格数据
1、安装三个依赖包 npm install -S file-saver npm install -S xlsx npm install -D script-loader2、在项目中创建一个文件夹（比如vendor，一般是在src目录下创建） 把Blob.js和 Export2Excel.js这两个文件夹放到新建的文件夹内Blob.js在Gi...
2017-10-27 16:16:00
255
转载 e2e 测试（1）
距离上一随笔，已经有一个月没有没写。到今天，刚刚好好，是学习e2e测试的一个月。今天有点时间可以总结一下这个月来的收获。1、搭建e2e的测试环境 我是使用 Vue 构建项目，所以我也是通过Vue-cli生成已经包含 Selenium 与 Nightwatch 的 Vue 种子项目。 setup e2e tests with Nightwatch?Yes(单元测...
2017-10-19 16:29:00
716
转载 e2e 测试 出现的错误
每次开始学习vue的新知识时，总在环境这一块出现很多坑。这次我来记录一下，我在搭建vue e2e测试框架是踏过的坑吧。我们都只知道，使用vue init webpack 项目名字<项目名字不能用中文>创建项目时，就可以选择单元测试：setup unit tests with karma + mocha?Yes(单元测试需要) setup e2e tests wit...
2017-09-19 14:02:00
494
转载 npm使用过程中出现的错误
1、安装npm install axios -S报错install "npm ERR! Error: EPERM: operation not permitted" error经常遇到这种报权限的错误install "npm ERR! Error: EPERM: operation not permitted" error，有时候重新安装又可以，有时候有不可用。上网也找不到解决的...
2017-09-11 13:36:00
356
转载 js Date ()
function getPreDay(today){ let yesterday_milliseconds=today.getTime()-1000*60*60*24;//前一天 let yesterday=new Date(); yesterday.setTime(yesterday_milliseconds); let strYear=yesterda...
2017-09-11 11:06:00
88
转载 Vuex的深入学习
1、vuex 的dispatch和commit提交mutation的区别（1）当你的操作行为中含有异步操作，比如向后台发送请求获取数据，就需要使用action的dispatch去完成了。其他使用commit即可。（2）commit=>mutations,用来触发同步操作的方法。dispatch =>actions,用来触发异步操作的方法。（3）在store中注册了...
2017-09-06 16:17:00
112
转载 vuex的学习例子
最近在学习vuejs,一直有听说vuex，用来实现多组件共享的一种状态管理模式，但是网上都说，不要为了用vuex而用vuex，大概意思就是尽量少用vuex，一些小项目可以用bus来实现组件之间的传值问题。虽然说不用vuex，但至少要知道这是个什么东西吧？还要学会怎么用。趁现在有点时间，弥补自己的不足。一些概念性的东西，还是看官方文档吧。Vuex2.0。我们先来看看官网...
2017-09-06 10:14:00
107
转载 npm run build 打包后，如何运行在本地查看效果（Apache服务）
目前，使用vue-cli脚手架写了一个前端项目，之前一直是使用npm run dev 在8080端口上进行本地调试。项目已经进行一半了，今天有时间突然想使用npm run build进行上线打包，试试能否成功看到我的项目效果。一开始是毫无头绪，什么都不懂，直接是就在命令行上敲下：npm run build命令。好开心啊，竟然没有报错。以为就这么简单的成功了，在浏览器上输入：htt...
2017-09-05 11:04:00
5483
转载 Vue.js 引入外部js方法
1、外部文件config.js第一种写法//常量的定义const config = { baseurl:'http://172.16.114.5:8088/MGT2'}//函数的定义function formatXml(text) { return text}//导出 {常量名、函数名}export {config,f...
2017-09-01 15:33:00
188
转载 Table展开行
在element-ui的官网例子中，有展开行的功能，但是只能点击某行的箭头位置，才可以展开当行的内容。这不能满足业务需求，我们老大需要点击该行的任何一个位置都能展开这行内容显示。上网找了好多例子，都能解决我的问题。还是要回到element-ui的开发文档。在Table 表格开发文档中发现，Table Attributes有两个属性：row-key和expand-row-keys...
2017-08-30 18:22:00
461
转载 正则表达式test()和exec()、 search() 和 replace()用法实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> //正则.test...
2017-08-30 12:24:00
223
转载 --save-dev 与 －－save区别
npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install --save另一个是 npm install --save-dev，他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文...
2017-08-21 17:07:00
89
转载 jquery attr方法获取input的checked属性问题
1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase<input type="checkbox" id="select" onclick="check()">全选function check(){var checked=$("#select").prop("checked");aler...
2017-08-01 11:38:00
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人