- 博客(38)
- 收藏
- 关注
RSS订阅
原创 JavaScript执行过程
任务分为同步任务和异步任务，一个任务通常由多个桢组成 同步任务是放在运行栈中的，而异步任务会被浏览器的timer模块拿走，不会放在运行栈中 任务进入执行栈，同步任务就直接执行，异步任务放到异步队列中 异步任务分为宏任务和微任务，常见宏任务：I/O 、setTimeout、setInterval；微任务：Promise.then catch finally、process.nextTick ...
2019-08-17 17:27:31
251
原创 vuecli3 webpack dllplugin配置
配置webpack dllplugin提升打包速度，依赖库越大速度越明显1.全局安装webpack、webpack-clinpm install webpack -gnpm install webpack-cli -g查看安装是否成功webpack -v2.package.json"scripts": { "build:dll": "webpack --c...
2019-08-14 18:01:58
1556
原创 项目常用
密码进行md5加密传输cnpm install --save js-md5import md5 from 'js-md5'md5(this.password)优雅的处理async和awaitcnpm install await-to-js --savemain.js:将方法挂载全局，也可在封装请求的时候统一做to的处理import Vue from 'vue'im...
2019-07-24 10:37:37
201
原创 vscode格式化vue配置
{ "files.autoSave": "afterDelay", "liveServer.settings.CustomBrowser":"firefox", "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files (x86)\\Mozilla Firefox\\firefox...
2019-07-24 10:21:29
93
原创 性能工具
查看工具：lighthouse 1.直接下载扩展程序，已上传百度云2.npm引入1）cnpm install -g lighthouse2）安装谷歌浏览器3）输入命令查看lighthouse <url> --view类似于lighthouse https://market.gree.com/#/home --view yslow:...
2019-07-24 10:15:17
129
原创 项目常用webpack配置
1.分析工具：webpack-bundle-analyzer "scripts": { "serve": "vue-cli-service serve", "build:dev": "vue-cli-service build --mode dev", "build:test": "vue-cli-service build --mode test", "b...
2019-04-22 14:42:14
1967
原创 npm发布
先登录npm账号npm login发布，注意版本号和名称npm publish删除，注意当前package.json中的版本号和名称npm unpublish --force
2019-11-21 11:16:40
112
原创 响应式
今天做了一个需求，PC端报表数据希望一行显示，不希望标题等换行或者乱掉 除了对进度条等进行等比缩放，字体也要随着页面的缩放而改变，使用@media配合rem实现，一开始使用62.5%等这种百分比的数字进行自动的缩放，但是谷歌的字体最小是12px，然而其它浏览器并不会有这样的限制，会一直缩小直到看不清，一开始被局限住了，后来就使用百分比加上固定值的方式html,body {...
2019-11-14 15:03:01
162
原创 Mock
公司内网也用不了easyMock，加上easyMock有时候又不稳定，所以记录一下mock的使用首先设置请求的拦截import Mock from 'mockjs'import { getTableData} from './response/data'/** * 1.要拦截的URL，字符串或正则表达式 * 2.要拦截的请求类型，get/post/put/delete/optio...
2019-10-18 11:31:31
233
原创 项目优化小技巧
在任何页面使用 shift + / 即可查看该页面的快捷键 火狐用户记住账号密码直接在输入框回显问题@blur是防止点击过一次再点击下面会出现提示框<el-input v-model="form.password" type="password" :readonly="readonly" ...
2019-09-30 15:45:49
124
原创 vscode原生小程序支持scss
1.安装插件Live Scss Compiler2.在项目根目录下创建文件夹.vscode,在文件夹下创建settings.json文件3.配置settings.json{ "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".wxs...
2019-09-03 14:14:03
2402
原创 知识点汇总——Vue
Vue的data什么时候是对象，什么时候是方法？在一个普通的 Vue app 中，data 是一个对象new Vue( { data : { title : 'abc' }} )在 Vue 的 Component 中，data 要写成一个 function，并返回对象为什么组件里的data要写成一个方法类似于闭包，让数据在组件内部，不受其他组件的...
2019-08-25 16:28:25
160
原创 知识点汇总——SPA
spa的原理第一次进入页面时会请求一个html文件，路径发生变化（也就是路由），但是并没有新的html文件请求，页面内容实现局部刷新为什么页面切换快？页面每次切换跳转时，并不需要处理html文件的请求，这样就节约了很多HTTP发送时延，所以我们在切换页面的时候速度很快。SPA的优点页面切换快 项目体积小 服务器压力小 前后端职责分离，架构清晰SPA的缺点首页加载过慢 不利...
2019-08-25 16:19:31
145
原创 知识点汇总——深拷贝和浅拷贝
1、讲讲浅拷贝和深拷贝的区别？浅拷贝：拷贝指针深拷贝：复制一个新的对象,两个内存，修改其中一个对象并不会影响另一个对象2、怎么实现深拷贝？至少2种方法通过递归实现// 浅拷贝function copy(target,source){ for(var item in source){ // 加上递归就是深拷贝 if(source[ite...
2019-08-22 11:20:31
158
原创 yslow优化
Make fewer HTTP requests：减少http请求数Use a Content Delivery Network (CDN)：使用CDNAdd Expires headers：添加过期头。Expires headers 告诉浏览器是否应该从服务器请求一个特定的文件或者是否应该从浏览器的缓存抓住它。Expires headers 的设计目的是希望使用缓存来减少HTTP re...
2019-08-21 16:57:34
123
原创 lodash——数组
intersection：给定数组的交集union：返回数组的并集without：剔除数组中指定元素的值，不像_.pull, 这个方法会返回一个新数组。pull，pullAll：移除数组中等于给定元素的值var array = [1, 2, 3, 1, 2, 3]; _.pull(array, 2, 3);console.log(array);// => [1, ...
2019-08-13 11:20:25
307
原创 lodash——lang
castArray：如果value不是数组, 那么强制转为数组。clone：浅拷贝；cloneDeep：深拷贝（修改对象、数组等元素时，不会影响原先的对象）conformsTo：var object = { 'a': 1, 'b': 2 }; _.conformsTo(object, { 'b': function(n) { return n > 1; } });...
2019-08-13 11:14:10
110
原创 lodash——集合
集合指(Array|Object)。countBy：创建一个组成对象，key为迭代器运算的结果，value为匹配该结果的数量（注：迭代次数）groupBy：用法类似于_.countBy()。返回一个对象，key为迭代器运算的结果，value为包含所有匹配项的数组。_.groupBy(['one', 'two', 'three'], 'length');// => { '3':...
2019-08-13 11:13:59
227
1原创 echarts（二）
报表周围有很多的空白参考 Echarts 配置项属性：grid,（附上地址：https://echarts.baidu.com/option.html#grid）注：grid可以在网格上绘制折线图，柱状图，散点图（气泡图），所以只对这些有用let option = { grid: { top: 0, bottom: 0, ...
2019-08-13 10:44:18
126
原创 使用图标
一.Iconfont1.下载至本地2.将文件引入 项目3.在main.js注册import '@/assets/font/iconfont.css'4.使用：一定要注意iconfont后面的空格！！！<i :class="'iconfont '+item.iconClass"></i>二.使用svg：详见：https://j...
2019-07-24 11:19:41
186
原创 文件下载
// 文件下载export const fileDownload = (content, fileName = 'bug列表.csv') => { let eleLink = document.createElement('a') eleLink.style.display = 'none' let blob = new Blob([content]) //conte...
2019-07-24 10:54:09
86
原创 git私有项目让developer推代码
一、在Gitlab页面里，点击Project，找到指定的Project里；二、点击Members，可以添加人员，并给指定的人员设置权限。三、点击Protected Branches，可以给Project的分支设置是否受保护，如果受保护，除了master权限的人员，其余人都不可以push、delete等操作。（settings--->repository---protected bra...
2019-07-24 10:52:18
89
原创 vuex持久化存储插件
一.使用js1.plugin文件夹定义.export default store => { if (localStorage.state) store.replaceState(JSON.parse(localStorage.state)) // 每次执行mutation时都会执行当前的回调函数 store.subscribe((mutation, state) ...
2019-07-24 10:45:27
260
原创 背景图片居中，缩小两边裁剪
#home { width: 100%; height: 100vh; background: url('../assets/home.png'); background-position: center center; //图片居中显示 background-repeat: no-repeat;}
2019-07-24 10:44:23
802
原创 微信小程序（二）——上拉加载
使用图表库：https://www.jianshu.com/p/f2cdca74964b<template> <div class="question-list"> <card v-for="(item,index) of questionList" :key="index" :data="item" ...
2019-07-24 10:42:52
89
原创 mpvue踩坑
slot和v-for一起使用点击事件根本没有反应 // 页面跳转后data数据没有重置 onLoad () { Object.assign(this.$data, this.$options.data()) },微信小程序使用easy-mock：http://www.cnblogs.com/zyrblog/p/9029746.html...
2019-07-24 10:42:36
84
原创 大数据性能优化
下拉列表：使用vue-virtual-scroll-list插件使用<virtual-list>包裹for循环渲染的部分// size:每行是多高， remain：想要渲染多少条数据 <Select v-model="selectData" style="width:200px"> <virtual-list :size="30" :rem...
2019-07-24 10:17:36
131
原创 echarts
构建要在mounted里进行 echart坐标文字显示不开：文字显示不开显示6位剩下的用...代替axisLabel: { color: "#000", interval: 0,//显示所有类目，设为1则隔一个显示一个类目 formatter: function(value) { if (value.length > 6) { return valu...
2019-07-23 16:19:22
119
原创 高德地图
使用原生的可能要配置vue.config.js （只做记录，项目中未使用）chainWebpack(config) { config.externals({ 'AMap': 'AMap' })}申请key的时候一定要选择web端！！！！！选个web服务搞了半天没搞出来1.main.js：该搞的插件搞一搞import VueAMap from 'vu...
2019-07-18 17:26:17
258
原创 vue使用百度地图
1.main.jsimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // 自己申请的ak码 ak: ''})2.组件使用注意：css设置宽高<template> <div class="map-div"> <!-- 输入搜索地址 --> <...
2019-07-18 15:13:17
274
原创 启动mongodb
1.自己新建一个c:/data/db文件夹，路径自定义，要和下面的对起来2.进入MongoDB的bin目录下执行 mongod --dbpath c:\data\db直接执行上面的命令有时会报错，就执行下面的命令 mongod --dbpath c:\data\db --storageEngine=mmapv1按网上写的路径好像转义有问题，就换了个/...
2019-07-02 08:56:25
146
原创 webpack dllPlugin踩坑
在chainWebpack中配置chainWebpack:config => { const files = fs.readdirSync(path.resolve(__dirname, './dll')) for (let i = 0; i < files.length; i++) { if (/.*\.dll.js/.test(files[i]...
2019-05-15 10:18:13
1190
原创 微信小程序下拉刷新
1.在app.json中配置{ "pages": [ "pages/home/main", "pages/loadList/main" ], "window": { "enablePullDownRefresh": true }}不过这种全局都会刷新2.在局部页面中刷新在main.json中配置（在main.js并没有什么用）{...
2019-05-10 10:17:19
93
原创 微信小程序mpvue+vant
一、构建mpvue项目1.初始化项目：vue init mpvue/mpvue-quickstart my-project2.引入依赖npm install3.打包一下（不打包会报找不到app.json）npm run build4.将整个项目导入微信小程序开发者工具5.在vscode打开修改代码，然后npm run dev即可边修改代码边查看效果二....
2019-04-19 08:58:45
456
原创 变量作用域
将作用域的知识点串一下，多是JavaScript高级程序设计以及es6参考手册的汇总：ES5没有块级作用域：// 块级作用域，if语句中的变量声明会将变量添加到当前的执行环境（在这里是全局环境）if(true){ var color = 'red'}console.log(color) // red// 在使用for循环时尤其要牢记这一点for(var i = 0;...
2019-03-19 10:48:43
162
原创 created应该输出10条数据，输出20条问题
列使用fixed，在table中body会加载两次，在组件里调用created，也会输出两次数据
2018-12-24 15:19:21
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人