随笔分类 -  性能

性能
Vue 组件 Props 类型及默认值
摘要:refArr: { type: Array, default: () => { return [] } }, refFun: { type: Function, default: () => () => {} }, refObj: { type: Object, default: () => ({} 阅读全文

posted @ 2020-06-19 09:41 漫思 阅读(2629) 评论(1) 推荐(0) 编辑

Lodash JS实用类库 数组操作 延时执行 功能强大
摘要:Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。 中文文档:https://www.lodashjs.com/docs/4.17.5.html 你还在为JavaScript中的数据转换、匹配、查找等烦恼吗?一堆看似简单的foreach,却冗长无趣,可仍还在不停的rep 阅读全文

posted @ 2020-06-10 19:22 漫思 阅读(1048) 评论(0) 推荐(0) 编辑

防抖节流
摘要:使用场景: 项目有个需求是输入框在输入的时候进行搜索,展示下拉数据,但是没必要输入一个字都进行搜索,所以想到了在输入结束200毫秒后再进行搜索,从而引出来了 js的节流(throttle),防抖(debounce)。 函数概念 函数防抖(debounce): 在事件被触发n秒后再执行回调,如果在这n 阅读全文

posted @ 2020-05-18 18:14 漫思 阅读(219) 评论(0) 推荐(0) 编辑

vue-cli3使用bootstrap4
摘要:jQuery 1.安装jQuery 和 popper.js npm install --save jquery npm install --save popper.js 2.在main.js中引入 import $ from 'jquery' 3.配置全局jQuery 在项目根目录下创建vue.co 阅读全文

posted @ 2020-05-18 14:51 漫思 阅读(3502) 评论(0) 推荐(0) 编辑

vue项目首屏加载优化实战
摘要:问题 单页面应用的一个问题就是首页加载东西过多,加载时间过长。特别在移动端,单页面应用的首屏加载优化更是绕不开的话题。下面我会写出我在项目中做的一些优化,希望大家能够相互讨论,共同进步。 我的项目vue-cli3构建的,vue+vue-router+vuex,UI框架选用 element-ui,aj 阅读全文

posted @ 2020-04-27 10:15 漫思 阅读(1164) 评论(0) 推荐(0) 编辑

在vue-cli + webpack 项目中使用sass
摘要:1、准备工作: 由于npm的服务器在国外,网速慢而且安装容易失败,建议在安装之前,先安装国内的镜像,比如淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue-cli 全局安装 vue-cli cnpm 阅读全文

posted @ 2020-03-25 09:53 漫思 阅读(1045) 评论(0) 推荐(0) 编辑

ES6如何引入图片
摘要:Vue-cli脚手架引入图片的几个方法 1、import方法 第一步:在.vue文件中import edit from 'path'(path是图片与.vue的相对路径) 第三步:在template中 给标签绑定属性 最后刷新界面看效果就可以了! 2、static方法 第一步:图片放在static文 阅读全文

posted @ 2020-03-11 10:31 漫思 阅读(4598) 评论(0) 推荐(0) 编辑

Jquery和Vue的差异教程
摘要:1、Jquery的插件是销毁后进行重新加载。所以说是局部刷新,但是布局是全部。 销毁了再次重建。 2、Vue的插件是局部,是精确的局部。局部不会销毁。 3、Vue可以对数据进行分片操作,分片不是分页操作。 可以先有一些属性。 { name:"马良", age:"1000" }。 然后再次来一些新属性 阅读全文

posted @ 2020-02-28 21:32 漫思 阅读(227) 评论(0) 推荐(0) 编辑

页面和数据的优化方案
摘要:1、数据压缩 1.1、压缩掉没有用的数据,刘东说的裸数据,逻辑上删除掉,但是能满足描述数据的要求。 1.2、数据的近义词。 之前的数据结构 data:['2020-1-1','2020-1-2','2020-1-3','2020-1-4','2020-1-5'] 压缩以后的 ['2020-1-1~2 阅读全文

posted @ 2020-02-28 21:18 漫思 阅读(328) 评论(0) 推荐(0) 编辑

JS、C#编码解码
摘要:最近在项目中用到请求一个地址的时候,会传个JSON数据。刚开开始没什么问题,后来发现有特殊符号就会有问题,找到一些解决方案,在此记录下。 escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,, 阅读全文

posted @ 2019-12-19 15:18 漫思 阅读(319) 评论(0) 推荐(0) 编辑

一文学会 TypeScript 的 82% 常用知识点(下)
摘要:一文学会 TypeScript 的 82% 常用知识点(下) 前端专栏 2019-11-23 18:39:08 都已经 9021 年了,TypeScript(以下简称 TS)作为前端工程师不得不学的技能,我们必须掌握。 在上篇「一文学会 TypeScript 的 82% 常用知识点(上)」中,主要介 阅读全文

posted @ 2019-11-30 00:24 漫思 阅读(584) 评论(0) 推荐(0) 编辑

contentType: 'application/json' C#后台怎么处理
摘要:contentType: 'application/json' 的处理如下: $(function () { $.ajax({ 'url': "/Home/Send2SHengPi", data: JSON.stringify({"WorkId":[1, 2, 3, 4, 5]}), content 阅读全文

posted @ 2019-09-11 13:30 漫思 阅读(2477) 评论(1) 推荐(0) 编辑

常见的代码片段
摘要:1、$(id).select2({ placeholder : "--请选择--", allowClear : true, data : list }); 2、简短函数获取地址栏参数(传入参数调用函数即可) function getQueryString(name){ var reg = new R 阅读全文

posted @ 2019-01-25 20:25 漫思 阅读(268) 评论(0) 推荐(0) 编辑

$.ajax 中的contentType
摘要:在ajax中数据的type的默认值为:GET 在 cnodejs.org 论坛中有一个问题,让我也很奇怪,说是 $.ajax 设置数据类型 applicaiton/json之后,服务器端(express)就拿不到数据,好奇之下,就去翻了翻资料,发现了一个自己也没有注意到的事。 于是有了这篇文章。 正 阅读全文

posted @ 2018-12-16 18:03 漫思 阅读(203) 评论(0) 推荐(0) 编辑

非常实用的10款网站数据实时分析工具
摘要:网络分析工具可以帮助你收集、预估和分析网站的访问记录,对于网站优化、市场研究来说,是个非常实用的工具。每一个网站开发者和所有者,想知道他的网站的完整的状态和访问信息,目前互联网中有很多分析工具。 1. Google Analytics 这是一个使用最广泛的访问统计分析工具,几周前,Google An 阅读全文

posted @ 2017-03-12 11:06 漫思 阅读(1580) 评论(0) 推荐(0) 编辑

导航