最新文章

JS函数的防抖、节流、柯里化

函数防抖也是我们在一个网站中经常会用的到的方法。那么什么是函数防抖呢?其实很简单,就是我们在一段时间内频繁触发同一个事件,可能会十分的影响性能,所以,我们想要在一段时间内只触发一次。这就要用到防抖和节流。举个例子,防抖是频繁触发后,1s内没有再触发时才调用事件处理程序。

css性能优化–will-change

will-change通过告知浏览器该元素会有哪些变化,使浏览器提前做好优化准备,增强页面渲染性能。1、auto: 实行标准浏览器优化。2、scroll-position: 表示开发者希望在不久后改变滚动条的位置或者使之产生动画。

约 530 字 1192 CSS 阅读全文

js 获取 本周、上周、本月、上月、本季度、上季度的开始结束日期

js 获取 本周、上周、本月、上月、本季度、上季度的开始结束日期

vue引入百度地图

vue引入 百度地图;第一步:安装vue-baidu-map;第二步:引入,全局,这里也可以局部引入;第三步:引入页面;

约 472 字 4283 Vue.js 阅读全文

JS 来监控复制粘贴

使用JS 来监控复制粘贴,返回一个Selection对象,表示用户选择的文本范围或光标的当前位置,Selection.getRangeAt返回一个包含当前选区内容的区域对象。ClipboardEvent.clipboardData 属性保存了一个 DataTransfer 对象,这个对象可用于:描述哪些数据可以由 cut 和 copy 事件处理器放入剪切板,通常通过调用 setData(format, data) 方法;获取由 paste 事件处理器拷贝进剪切板的数据,通常通过调用 getData(format) 方法

JS函数节流

事件频繁触发可能造成的问题?一些浏览器事件:window.onresize、window.mousemove等,触发的频率非常高,会造成界面卡顿。如果向后台发送请求,频繁触发,对服务器造成不必要的压力

推荐8个炫酷的数据可视化大屏项目

推荐 8 个炫酷的数据可视化大屏项目,包含:GoView、vue-big-screen、react-big-screen、DataV、DataV-React、iDataV、DataEase、FlyFish

两行CSS 提升渲染性能7倍

现在的网站需要优化和高性能,因为用户的注意力很短暂。阈值响应时间为400毫秒。假如Facebook、Instagram这样的网站登录时间大于阈值会怎么样?那么大概没人会再回到这些网站了。最常见的用例是当你需要在页面加载时呈现大量数据列表、数据表格或者图片列表的时候。例如像文档、说明书这样的静态网站,或旅游博客等......

约 932 字 6392 CSS 阅读全文

css控制超出宽度 ...展示

当一行文本或者多行文本超过设计图宽度或者高度得时候,可以将超过得部分通过...的形式进行省略,有多种方法:1、使用JS的字符串截图 2、使用css进行操作。当然JS使用 字符串截取也可以,只不过 css相对更加方便。

约 385 字 1459 CSS 阅读全文

JavaScript简写技巧

整理了一部分前端js简写技巧;分为入门级和进阶级别;有常见的三目运算、声明变量、循环语句、变量赋值、默认值赋值、对象属性、箭头函数、解构赋值等等

解决vue.js数据修改影响列表原数据

其实这个也不是vue.js特有的问题,只是我在项目中使用vue.js遇到的问题,其它比如React.js等框架解决方法类似。当点击设置角色进行编辑名称的时候,列表中的名称也跟着发生改变,当没有保存而是直接关闭的时候列表中的数据发生了改变

约 307 字 1155 Vue.js 阅读全文

解决VScode下载太慢的问题

解决VScode下载太慢的问题,解决办法:复制下载地址,打开浏览器,去新建一个下载。将下载地址中的az764295.vo.msecnd.net更换为vscode.cdn.azure.cn使用国内的镜像服务器加速,就好了。

前端性能优化的常见方法

前端性能优化方法:1、减少http请求数;2、图片优化;3、使用CDN;4、开启GZIP;5、样式表和JS文件的优化;6、使用无cookie域名;7、前端代码结构的优化。

koa2如何允许跨域_koa2跨域模块koa2-cors

当域名、端口、协议有任意一个不一样的时候就会存在跨域,那么跨域如何解决呢。用koa2写的RESTful api,但是调试这个接口的时候,会存在跨域,可以用koa2-cors设置koa2来解决后台允许跨域

约 421 字 4109 Node.js 阅读全文

jquery中$.proxy及wrap()的使用

在使用了jquery框架的情况下, 有一种更好的方式,就是使用$.proxy函数。 jQuery.proxy(),接受一个函数,然后返回一个新函数,并且这个新函数始终保持了特定的上下文(context )语境。 wrap(),就是包裹的意思,就是在所在器外层包裹一层东西。