落叶无痕~

摘要： 体验webpack npm init -y 局部安装webpack： （不推荐全局安装，全局安装会造成版本不稳定，如果多个项目依赖的版本不同，会造成构建失败） npm i webpack webpack-cli -D 查看webpack版本： npx webpack -v （去当前项目中去找） 创建 阅读全文

摘要： 前端性能优化可以分为两大类，分别是 页面级别优化：包含了http请求数以及内联脚本位置优化； 代码级别优化：包含DOM操作优化，CSS选择符优化以及图片优化等。 优化的目的 优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省 阅读全文

摘要： 什么是防抖？ 防抖就是对于频繁触发的事件添加一个延时同时设定一个最小触发间隔，如歌触发间隔小于设定的间隔，则清除原来的定时，重新设定新的定时；如果触发间隔大于设定间隔，则保留原来的定时，并设置新的定时；防抖的结果就是频繁的触发转变为触发一次。 为什么要进行防抖？ 在频繁触发事件的场景，有些情况可能执 阅读全文

摘要： 1、如何实现左侧宽度固定，右侧宽度自适应的布局 DOM结构 方法1：float + margin 实现 方法2：利用 calc 计算宽度 方法3：利用 float + overflow 实现 方法4：利用 flex 实现 2、水平居中 若是行内元素，给其父元素设置text-align: center 阅读全文

摘要： 单页应用的问题： 1、首屏渲染等待时间长：必须得等js加载完毕，并且执行完毕，才能渲染出首屏 2、seo不友好：爬虫只能拿到一个div，认为页面是空的，不利于seo（公司的宣传页会比较在乎seo） SSR 为了解决这两个问题，出现了SSR解决方案，后端渲染出完整的首屏dom结构返回，前端拿到的内容带 阅读全文

摘要： 位运算 内存中的数据，最终的存储方式都是二进制，位运算就是对整数在内存的二进制位进行操作。 按位与 & 两个整数进行按位与运算，相同二进制位的数字如果都是是，则结果为1，有一个为0，则结果为0 下面是 3 & 7 的计算过程 二进制 整数 0 1 1 3 1 1 1 7 0 1 1 3（结果） 3 阅读全文

摘要： 栈 栈是一种特殊的线性表，仅能够在栈顶进行操作，有着先进后出的特性 我们先定义一个简单的 Stack 类 栈有以下几个方法： push：添加一个元素到栈顶 pop：弹出栈顶元素 top：返回栈顶元素（不是弹出） isEmpty：判断栈是否为空 size：返回栈里元素的个数 clear：清空栈 练习1 阅读全文

摘要： 在 vue.config.js中 配置路径缩写 const path = require('path') const resolve = dir => path.join(__dirname, dir) chainWebpack: config => { config.resolve.alias . 阅读全文

摘要： 1、算法 栈 判断括号成对出现 sdfj(nrg(lj()k)nk)sldjwef 合法 q(wdwf()hknkql(whdq)w) 合法 hk)nqeif)liq(h(flq)wj( 不合法 思路： 括号存在嵌套关系，也存在并列关系 可以遍历字符串的每一个字符，使用栈来处理： （1）遇到左括号， 阅读全文

摘要： 富文本编辑器中的图片上传是将图片转换成Base64格式的，如果需要将图片上传至自己的图片服务器，需要修改配置 quillEditor/quill-config.js 上述是通用模式，根据需要修改 uploadConfig 中的内容，以及修改 ajax 的内容 下面是某次使用 页面：quillEdit 阅读全文