性能优化
文章平均质量分 57
司徒小北
这个作者很懒,什么都没留下…
展开
-
css 文本超出就隐藏并且显示省略号
一、单行文本溢出显示省略号overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行二、多行文本溢出显示省略号overflow: hidden;text-overflow: ellipsis;display:-webkit-box; //作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直原创 2021-12-23 12:58:26 · 949 阅读 · 0 评论 -
JS 节流与防抖
一、区别 节流强调的是n秒内函数最多触发一次,注意这里的用词最多,也就是可能不触发,一般第一次和最后一次可能不会触发;防抖强调的是函数两次调用的间隔必须大于n秒,如果函数触发的频率一直小于n秒,那么只有最后一次才会触发函数执行二、场景节流:当给document加scroll事件时,假定处理函数为fn,那么当滑动鼠标时scroll事件会不断的被触发,影响滑动性能,这时可以用节流处...原创 2020-01-14 08:47:34 · 230 阅读 · 0 评论 -
90%的前端都会踩的坑
移动开发时代,前端同学刚刚送别了让人头秃的IE浏览器,却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛,始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑,都习惯性地记录了下来。昨日一瞥竟积少成多,稍感诧异。因此分享出来,希望对大家能有所帮助。兼容问题:1、iconfont 字...原创 2020-01-06 09:14:22 · 817 阅读 · 0 评论 -
字蛛的用法以及遇到的问题
字蛛是一个中文字体压缩器,可以压缩字体文件,从而解决加载缓慢的问题。字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。字蛛官网网址为:http://font-spider.org/接下来说一下具体的使用方法:一、首先安装font-spidernpm install font-sp...原创 2019-12-20 15:02:03 · 2081 阅读 · 3 评论 -
YApi高级Mock及自动化测试与断言
网易云课堂 有yapi的教程,讲解了yapi的自动化测试以及断言的具体实现,使用json-schemamock数据,高级mock添加期望(正则等用法等)及mockjsonp接口响应的方法脚本案例,可以看看...原创 2019-12-10 17:44:58 · 4158 阅读 · 1 评论 -
vue 中使用防抖和节流,防止重复点击或重复上拉加载
/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */export const Debounce = (fn, t) => { let delay = t || 500; let timer; console.log(fn) ...原创 2019-06-04 23:33:47 · 9922 阅读 · 2 评论