随笔分类 -  前端优化

前端优化
amis 前端低代码框架
摘要:amis 前端低代码框架 软件简介 amis 是一个前端低代码框架,通过 JSON 配置就能生成各种后台页面,极大减少开发成本,甚至可以不需要了解前端。 目前在百度广泛用于内部平台的前端开发,已有 100+ 部门使用,创建了 3w+ 页面。 文档 https://baidu.gitee.io/ami 阅读全文

posted @ 2020-12-17 14:09 漫思 阅读(4660) 评论(0) 推荐(0) 编辑

有哪些必看的 JS 库?
摘要:作者:徐小夕链接:https://www.zhihu.com/question/429436558/answer/1594467061来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 reac 阅读全文

posted @ 2020-12-10 19:41 漫思 阅读(478) 评论(0) 推荐(0) 编辑

UMI.js开发知识总结
摘要:五分钟掌握最小知识体系 本文阅读时间大概为5分钟,但是能让你了解基于UMI和DVA构建项目的最小知识体系,你可以粗略的浏览一下本文所提到的知识,在后续的讲解中都会多次重复提起,保证学习效率。由于现在前端工程化的流行,所以在学习一个新的框架时,可能会面临一些疑惑。 比如拿react举例: es6特性好 阅读全文

posted @ 2020-09-23 09:35 漫思 阅读(632) 评论(0) 推荐(0) 编辑

网页的linke rel="icon"详解 favicon深究
摘要:字词转换是中文维基的一项自动转换,目的是通过计算机程序自动消除繁简、地区词等不同用字模式的差异,以达到阅读方便。字词转换包括全局转换和手动转换,本说明所使用的标题转换和全文转换技术,都属于手动转换。 如果您想对我们的字词转换系统提出一些改进建议,或者提交应用面更广的转换(中文维基百科全站乃至Medi 阅读全文

posted @ 2020-09-07 20:15 漫思 阅读(4796) 评论(0) 推荐(0) 编辑

什么是回流,什么是重绘,有什么区别?
摘要:html 加载时发生了什么 在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体 DOM Tree 和样式结构体组合后构建rend 阅读全文

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

vue双向绑定原理分析
摘要:当我们学习angular或者vue的时候,其双向绑定为我们开发带来了诸多便捷,今天我们就来分析一下vue双向绑定的原理。 简易vue源码地址:https://github.com/jiangzhenfei/simple-Vue 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者 阅读全文

posted @ 2020-08-09 18:55 漫思 阅读(3116) 评论(0) 推荐(0) 编辑

HTML/CSS -- 浏览器渲染机制
摘要:我们可能都知道浏览器含有一个渲染引擎,用来渲染窗口所展示的内容。默认情况下,渲染引擎可以显示html、xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览 阅读全文

posted @ 2020-08-09 18:39 漫思 阅读(519) 评论(0) 推荐(0) 编辑

浏览器重排与重绘
摘要:前几天内推某街,被问到了酱紫一个问题,了解浏览器的重绘与重排吗?瞬间蒙住了,的确好像没有怎么听说过。于是今天抽了点时间研究了下重排和重绘,这里分享给大家。 浏览器在页面渲染过程中非常重要的两个概念,即重排和重绘。了解这两个概念对于你在今后写代码过程中,尤其是对性能要求比较高的话,有非常大的帮助。来看 阅读全文

posted @ 2020-08-07 09:31 漫思 阅读(637) 评论(0) 推荐(0) 编辑

axios的封装与异常处理(async/await)
摘要:众所周知,es新增了promise,避免了回调地狱。而es7的async/await更加完美的将异步实现为同步代码。更多关于promise,async/await,推荐:阮一峰 在vue项目中,http请求我们更多用到的是axios,如果不进行封装,那么在业务代码中的每次请求都需要重复大量的axio 阅读全文

posted @ 2020-07-31 17:16 漫思 阅读(2656) 评论(0) 推荐(0) 编辑

echarts tooltip超出容器被遮挡的解决办法
摘要:如果实在解决不了可以加我微信 一定能解决 最近项目中使用到echarts。由于数据的分类较多,导致tooltip超出容器,且被周围的其他dom所遮挡。网上找了一圈发现很多朋友说配置其中的confine: true, 然而该配置只是将tooltip限制在该容器内。 当周围的dom的z-index过于高 阅读全文

posted @ 2020-07-31 17:14 漫思 阅读(13102) 评论(0) 推荐(0) 编辑

前端常用60余种工具方法
摘要:1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile = 阅读全文

posted @ 2020-07-06 11:17 漫思 阅读(358) 评论(0) 推荐(0) 编辑

echarts itemStyle symbol 折线图原点样式调整
摘要:symbol 适用类型 :折线图、散点图 。默认:null 标志图形类型,默认自动选择(8种类型循环使用,不显示标志图形可设为'none'),默认循环选择类型有: 'circle' | 'rectangle' | 'triangle' | 'diamond' | 'emptyCircle' | 'e 阅读全文

posted @ 2020-07-05 17:16 漫思 阅读(3195) 评论(0) 推荐(0) 编辑

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-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) 编辑

导航