我在修改以前的项目时，前辈居然使用了ajax同步属性，使我大为震惊。因为使用同步后，页面无法任何操作，只能等请求完成才能执行其他函数，这个问题让我好找啊！ ajax同步属性 什么是ajax同步属性 我们使用ajax都是看中它是异步请求，但有时候，项目需要先ajax获取到数据后再执行其他函数，这时就需要ajax同步，但现在都是使用async、await，所以ajax使用同步属性浏览器会报警告。 下面…

由于我的服务器是真的辣鸡，就迫使我优化项目提高项目加载速度。减少代码体积迫在眉睫，好在elementUI可以按需引入，而我项目又不需要这么多组件。elementUI按需引入真香，嘿嘿。 elementUI按需引入 1、安装elementUI npm i element-ui -S 2、安装babel-plugin-component 借助 babel-plugin-component，我们可以只引…

js可选表格择字段导出excel 纯前端实现可选字段导出。 插件链接：js可选表格择字段导出excel 如果想要后端获取数据在可选字段导出，只需要把要导出的字段传给后端，后端直接生成一个excel文件，前端下载文件就行，下载代码如下： // xlsx下载 download(fileName, fileData) { if(this.isIosOrAndroid() == 1){ let a = d…

css有一个很神奇的功能clip-path，它能裁剪元素，可以裁剪出各种形状，比如：5边形、6边形、多边形、不规则图形等。十分强大。 css裁剪元素 裁剪神器 http://tools.jb51.net/code/css3path 属性 用法 部分摘抄菜鸟教程 属性定义及使用说明 clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。可以指定一些特定形状。 语法…

设置rem (function() { // 以下是定义rem的基本单位的代码 var remSwitch = true; var oW = null; var timer = null; // 初始化 reset(); // 监听页面变化 window.addEventListener("orientationchange", function() { reset(); }); window.a…

一个好看的网站，少不了花里胡哨的颜色，说起颜色，当然少不了渐变。下面我介绍文字渐变和背景渐变。 css渐变 线性渐变 旧版用法：gradient（渐变类型，起点x 起点y，终点x 终点y，起始颜色，终点颜色）。 实现简单渐变gradient一共有5参数： 1、渐变类型：可以是线性渐变linear或者径向渐变radial。 2、起始位置：可以是坐标如 (0 0)、(50% 0)，也可以是关键值如(l…

我在做自定义按钮触发文件上传的时候，去百度找方法都是：div点击后通过js触发input的文件上传，而不是使用label标签。 自定义按钮触发文件上传 不使用label 不使用label代码： <div onclick="upfile()">上传</div> <input type="file" style="display: none;" id="cs">&l…

随着项目越来越大，用的插件越来越多，vendors也越来越大。vue-cli打包是根据减少http请求数的规则进行打包，而我在网站性能优化的时候说过，异步加载js会减少将近一半的时间，但又不能分太多js出来，分太多js会导致http请求过多而拖慢网站速度，这个度需要根据自己项目来分或者和。 vue的vendors优化 拆分vendors // 是否为生产环境 const isProduction …

图片懒加载就是页面先请求1k甚至更小的模糊图片，当页面滚动到或快滚动到可视窗口的时候，加载高清图片，虽然加载模糊图片，增加了http请求次数和流量，但使得首次打开速度加快。网站图片很多使用后用户体验翻倍！ 图片懒加载 html <img src="./img/模糊图片.png" alt="" data-src="./img/高清图片.png"> js function lazyLoad…

        我在写完Promise、async、await之后我发现，有一个“绕”点，异步和同步分不清。所以我单独写一篇文章，来讲讲我对js的异步同步的理解。 看看官方图解 日常生活 这个问题我问了我同学：你对异步同步的理解。 同学A说： 统一步伐是同步。声音和画面是同步。 同学B说： 你知道我不吃姜，并且告诉其他人是同步。 同学C说： 先做语文作业，然后做数学作业，再做英语作业，是异步。如果…