- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue中使用swiper
一、集成swipernpm install swiper二、main.js中引入公共样式import 'swiper/dist/css/swiper.min.css'三、页面中调用，在需要使用swiper的组件里引入swiper，swiper的初始化放在mounted里（若想要从后台请求图片放上去 new Swiper要写在网络请求成功的回调函数，否则无法出来数据。）<...
2018-10-31 16:02:59
393
原创 vue-lazyload使用
一、集成vue-lazyloadnpm install vue-lazyload二、配置main.jsimport VueLazyload from 'vue-lazyload'Vue.use(VueLazyload,{ preLoad:1.3, error:require('./assets/error.png'), loading:require('./assets/lo...
2018-10-31 15:08:04
461
原创 常用正则速查表
速记手机号：/^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/大写字母：/^[A-Z]+$/日期，如：2000-01-01：/^\d{4}(-)\d{1,2}\1\d{1,2}$/email地址：/^\w+([-+.]\w+)*@\w+([-.]\w+)*...
2018-10-30 14:25:21
467
转载 SourceTree + Beyond Compare解决Git冲突的方法
采用可视化SourceTree插件beyondCompare解决冲突1、构造冲突（1）修改了server.xml文件的第40行内容并且提交推送到远程库上；（2）另外一个工作目录下也修改了该文件的低40行内容，并且也要推送到远程库上去；推送的时候出现如下问题：git -c diff.mnemonicprefix=false -c core.quotepath=false p...
2018-10-29 14:56:06
2173
2
原创 sessionStorage、localStorage、cookie方法小结
特性 Cookie localStorage sessionStorage 数据的生命期 一般由服务器生成，可设置失效时间。如果在浏览器端生成Cookie，默认是关闭浏览器后失效 除非被清除，否则永久保存 仅在当前会话下有效，关闭页面或浏览器后被清除 存放数据大小 4K左右 一般为5MB 与服务器端通信 每次都会携带在HTTP头中，...
2018-10-29 10:14:16
180
原创 vue中使用mockjs
一、npm集成mockjsnpm install mockjs --save-dev二、新建mock文件mock.jsimport Mock from 'mockjs';const demoData = function(){ let Data = []; for (let i=0;i<10;i++){ let data={ name:Mock.Random....
2018-10-25 15:34:54
285
原创 vue-cli引入flexible
一、安装lib-flexiblenpm i lib-flexible --save二、在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'三、在项目根目录的index.html头部加入移动端适配的meta配置<meta name="viewport" content="width=device-wid...
2018-10-19 15:42:40
815
1
原创 vue集成px2rem
一、安装px2rem-loadernpm install px2rem-loader二、配置build文件夹下utils.js，找到generateLoaders 修改如下配置const px2remLoader = { loader: 'px2rem-loader', options: { remUnit: 75 //设计稿宽度/10 }...
2018-10-19 15:01:30
778
转载 详解JavaScript中的Event Loop（事件循环）机制
前言我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起（pending）这个任务，然后在异步任务返回结果的...
2018-10-19 09:44:56
119
转载 JS三座大山
前言本篇文章比较适合3年以上的前端工作者，JS三座大山分别指：原型与原型链，作用域及闭包，异步和单线程。原型与原型链说到原型，就不得不提一下构造函数，首先我们看下面一个简单的例子：function Dog(name,age){ this.name = name; this.age = age;}let dog1 = new Dog("哈士奇",3)...
2018-10-19 09:10:01
1407
2
原创 js数组方法总结
JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：...
2018-10-18 11:17:01
161
原创 px2rem 使用技巧
安装px2rem后，再使用px上有些不同，大家可以参考px2rem官方介绍，下面简单介绍一下。直接写px，编译后会直接转化成rem ---- 除开下面两种情况，其他长度用这个在px后面添加/*no*/，不会转化px，会原样输出。 --- 一般border需用这个在px后面添加/*px*/,会根据dpr的不同，生成三套代码。---- 一般字体需用这个 ...
2018-10-17 16:48:58
4325
原创 vue 中npm run dev自动打开浏览器与热更新
一、自动打开浏览器config/index.js修改autoOpenBrowser:true重启项目二、热更新1. config/index.js 修改dev中 poll选项值为true(或者时间)2.build/webpack.dev.conf.js 修改devServer中hot选项值为true重启项目...
2018-10-12 10:33:35
6245
2
转载 深拷贝与浅拷贝的区别，实现深拷贝的几种方法
转载自 https://www.cnblogs.com/echolun/p/7889848.html如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例...
2018-10-09 10:08:44
146
原创 正则去除字符串中所有空格
function removeAllSpace(str) { return str.replace(/\s+/g, ""); }
2018-10-08 17:00:18
5346
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人