- 博客(10)
- 收藏
- 关注
原创 vue项目的一些优化
1.代码层面的优化 v-if和v-show区分使用场景 computed和watch区分使用场景 v-for遍历必须为item添加key,且避免同时使用v-if 长列表性能优化 事件的销毁 图片资源懒加载 路由懒加载 第三方插件按需引入 优化无限列表性能 服务端渲染SSR或者预渲染 2.webpack层面的优化 webpack对图片的压缩 减少ES6转为ES5的冗余代码 提取公共代码 模板预编译 优化Source Map 构建结果输出分析 vue项目的编译优化 3.基础
2020-05-11 16:48:55
109
原创 日期格式化
const dateFun = { /** * demo:yyyy-MM-dd hh:mm:ss.S * @param {[type]} fmt [description] * @param {[type]} date [description] * @return {[type]} [description] */ dateFormat (fmt, date) { let thisDate = date || new Date() var o = { 'M+': thisDate.getMonth() .
2020-05-11 16:37:57
163
原创 数据过滤
import filterMethods from './filter.js’ filters: { formatData (value, types) { if (types) { console.log(’types或者value', types, value) return filterMethods[types](value) } } } // 展示整数不保留小数,格式 XX万, XX 亿, XX 亿, 1万 --- int1 // 展示整数保留一位小数,格式 XX.0万, XX.0亿, X.
2020-05-11 16:34:01
153
原创 页面初始化样式
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, s...
2018-07-20 11:07:29
444
原创 单页面和多页面的区别
多页面应用 每次跳转都会请求一个网页,返回的是html文件 优点:首屏时间非常快,SEO效果好 (搜索引擎优化) 缺点:因为跳转页面,页面切换比较慢 单页面应用 页面跳转不请求html页面,而是通过js渲染,通过js动态的把当前的内容删除掉,把新的页面的dom结构渲染出来 优点:页面切换快 缺点:首屏时间稍慢,SEO差...
2018-07-20 10:40:14
1514
原创 js字符串截取函数slice()、substring()、substr()
取字符串的三个函数:slice(start,[end]) 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差substring(start,[end]) 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置substr(start,[length]) 第一个参数代表开始位置,第二个参数代表截取的长度PS:字符串都从0开始计起...
2018-07-13 14:26:55
260
原创 vue 时间戳格式化
公用方法在src目录下新建公用的js文件,如common.js//日期格式化 export const formatDate = (date, fmt) => { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) } ...
2018-07-12 16:43:47
2409
原创 vue框架搭的一些命令
sudo cnpm install --global vue-cli //全局安装vue-clisudo vue init webpack my-project //初始化一个项目cd my-project //进入这个项目sudo cnpm install //...
2018-07-11 14:09:09
139
原创 vue-router的参数传递和接收参数
通过params来传递this.$router.push({ name:'router1',params: { id: status ,id2: status3}} //类似于post传参接收params传递的参数this.$route.params.id通过query来传递参数this.$router.push({ name:'router1',query: { id: status ,id2:...
2018-07-11 11:12:37
788
原创 cordova通过cordova cli创建一个简单的app
cordova概述 Cordova 是一个移动的开源框架,只提供运行环境,像一些UI部件mv框架,你需要选择他们并包含到刚开始创建cordova项目他不存在任何的插件,任何需要的组件,都需要明确添加 应用的人群1.移动应用开发者,想扩展一个应用的使用平台,而不通过每个平台的语言和工具集重新实现2.web开发者,想包装部署自己的web App将其分发到各个应用商店门户。3.移动应用开发者,...
2018-02-11 11:22:15
251
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人