随笔分类 -  性能

性能
js正则0-100之间的正整数
摘要:alert(/^([0-9]{1,2}|100)$/.test(0)) alert(/^([0-9]{1,2}|100)$/.test(99)) alert(/^([0-9]{1,2}|100)$/.test(100)) alert(/^([0-9]{1,2}|100)$/.test(101)) 阅读全文

posted @ 2021-01-14 14:53 漫思 阅读(4809) 评论(0) 推荐(0) 编辑

一种自动化生成骨架屏的方案
摘要:今天的分享主要分为三个部分: 首屏加载状态演进 如何构建骨架屏 将骨架屏打包的项目中 首屏加载的演进 我们先来看一些权威机构所做的研究报告。 一份是 Akamai 的研究报告,当时总共采访了大约 1048 名网上购物者,得出了这样的结论: 大约有 47% 的用户期望他们的页面在两秒之内加载完成。 如 阅读全文

posted @ 2021-01-13 11:39 漫思 阅读(681) 评论(0) 推荐(0) 编辑

js将手机号中间四位变成*号
摘要:方法一、利用数组splice,split,join方法 var tel = 18810399133; tel = "" + tel; var ary = tel.split(""); ary.splice(3,4,"****"); var tel1=ary.join(""); console.log 阅读全文

posted @ 2020-12-29 10:53 漫思 阅读(474) 评论(0) 推荐(0) 编辑

取出字符串中的所有数字
摘要:方法一、遍历字符串并判断 function getNum(str){ var ary = []; var tem = ""; for(var i=0;i<str.length;i++){ if(str.charAt(i) >= "0" && str.charAt(i) <= "9"){ tem += 阅读全文

posted @ 2020-12-29 10:52 漫思 阅读(402) 评论(0) 推荐(0) 编辑

js中字节B转化成KB,MB,GB
摘要:1 function change(limit){ 2 var size = ""; 3 if(limit < 0.1 * 1024){ //小于0.1KB,则转化成B 4 size = limit.toFixed(2) + "B" 5 }else if(limit < 0.1 * 1024 * 1 阅读全文

posted @ 2020-12-29 10:43 漫思 阅读(449) 评论(0) 推荐(0) 编辑

数组去重的几种方法
摘要:var arr = [1,3,4,7,4,3,6,12,45,33]; 1、数组的当前项和下一项比较,如果两者相同,删除其一 arr.sort(); for(var i=0;i<arr.length;i++){ if(arr[i] == arr[i+1]){ arr.splice(i,1) i-- 阅读全文

posted @ 2020-12-29 10:40 漫思 阅读(131) 评论(0) 推荐(0) 编辑

最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等
摘要:一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9] 阅读全文

posted @ 2020-12-29 10:39 漫思 阅读(120) 评论(0) 推荐(0) 编辑

360浏览器强制使用极速模式
摘要:360浏览器强制使用极速模式 <meta name="renderer" content="webkit"> 试用于双核浏览器的都具备这个特征。 <meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta http-equiv="X-UA 阅读全文

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

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

导航