风流痞子狼-优快云博客

原创 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 181

原创日期格式化

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 232

原创数据过滤

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 229

原创页面初始化样式

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 510

原创单页面和多页面的区别

多页面应用每次跳转都会请求一个网页,返回的是html文件优点:首屏时间非常快,SEO效果好 (搜索引擎优化)缺点:因为跳转页面,页面切换比较慢单页面应用页面跳转不请求html页面,而是通过js渲染,通过js动态的把当前的内容删除掉,把新的页面的dom结构渲染出来优点:页面切换快缺点:首屏时间稍慢,SEO差...

2018-07-20 10:40:14 1653

原创 js字符串截取函数slice()、substring()、substr()

取字符串的三个函数:slice(start,[end]) 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差substring(start,[end]) 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置substr(start,[length]) 第一个参数代表开始位置,第二个参数代表截取的长度PS：字符串都从0开始计起...

2018-07-13 14:26:55 322

原创 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 2481

原创 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 186

原创 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 850

原创 cordova通过cordova cli创建一个简单的app

cordova概述 Cordova 是一个移动的开源框架,只提供运行环境,像一些UI部件mv框架,你需要选择他们并包含到刚开始创建cordova项目他不存在任何的插件,任何需要的组件,都需要明确添加应用的人群1.移动应用开发者，想扩展一个应用的使用平台，而不通过每个平台的语言和工具集重新实现2.web开发者，想包装部署自己的web App将其分发到各个应用商店门户。3.移动应用开发者，...

2018-02-11 11:22:15 316

qq_39679438的博客