摘要:
一、背景 前段时间被人吐槽自己负责的官网访问慢 其实自己平时访问的时候是有意识到的,但是没有特别放在心上 在工作的列表中优先级排的不高 最近空闲了下来,使用性能分析工具审计了一遍网站的各项指标 发现了比较严重的问题 二、问题 1、页面内容空白时间长 2、图片没有压缩 问题 1: 是啥原因导致的心中还 阅读全文
摘要:
本文结合 Vue 源码进行学习 学习时,根据 github 上 Vue 项目的 package.json 文件,可知版本为 2.6.10 解析器 一、解析器的作用 解析器的作用就是将模版解析成 AST(抽象语法树) 在 Vue 中,解析 template 里面的 DOM 元素转换出来的 AST,是一 阅读全文
摘要:
最近在设置代理的时候,每次手写不方便,想起linux有个alias命令可以用,防止忘记,这边记录一下 一、alias 设置 1、设置别名 proxy bash 1、 设置别名前,使用 先查看自定义的别名是否已经被使用 type proxy 输出 proxy not found 2、 文章以这个作为例 阅读全文
摘要:
一、柯里化定义 在计算机科学中,柯里化是把 接受多个参数的函数 变换成 接受一个单一参数(最初函数的第一个参数)的函数 并且返回 接受余下参数且返回结果的新函数的技术 高阶函数 高阶函数是实现柯里化的基础,高阶函数是至少满足以下两个特性之一 1、函数可以作为参数被传递 2、函数可以作为返回值输出 一 阅读全文
摘要:
JavaScript 中深拷贝实现 拷贝时候涉及到: 1、循环结构 2、判断数组 Array 还是对象 Object 函数实现 /** * 获取满足条件的数组中的第一个元素 * @param {Array} list 将要筛选的数组 * @param {Function} f 用来过滤的函数 */ 阅读全文
摘要:
节流: 在规定时间内,多次触发事件,但是只执行一次 场景:输入框搜索,地图渲染 优化用户体验 防抖:多次触发事件,以最后一次触发时机开始,延迟规定时间执行 场景:浏览器滚动时加载图片,点击提交按钮 优化性能 有时候节流和防抖可以交替使用,看业务需求,并不是那么死板 阅读全文
摘要:
初衷 开了自己的博客,当然会想要知道自己的博客有没有被人关注,访问最多的是那个页面等等 加入百度统计一般可以解决你的所有需求 问题 然而博客园可能因为自身的一些原因 在 head 里面 加入了<meta name="referrer" content="origin"> 这个标签 origin 表示 阅读全文
摘要:
记一次无数据库下动态更新文案的解决历程 背景 一个简单官网 www.xxx.cn,使用 vue + nuxt 作为技术栈,做 ssr; 文案一开始是写死,后面产品提需求了,说他们想要可以随时修改这些文案 好吧,那只能改成动态加载文案了... 解决 提取加载 因为该网站比较轻量,目前还不需要配备一个数 阅读全文
摘要:
我自己的常用 prettier 配置如下: 常用配置文件链接 "JavaScript开发中常用的代码规范配置文件" prettier 配置选项 (官网文档译文) 支持自定义的代码风格,可在CLI和API中使用。 单行代码的最大宽度 Print Width 指定代码换行的行长度。单行代码宽度超过指定的 阅读全文
摘要:
JavaScript 实现 let str = 'AAABBAACCAAAADDE' function continuousString(str) { let finalObj = {} let tempObj = {} let count = 0 for (let i = 0; i < str.l 阅读全文