Bruski的博客

参考文章：https://ijs.me/2019/01/14/mozjpeg-pre-build-compile-error-fix/如果是macOS的话，通过brew把mozjpeg相关依赖装好：brew install libtool automake autoconf nasm此时重新安装mozjpeg应该就可以通过了。实在不行把项目依赖删了重装rm -rf node_modulesnpm cache clean --force...

定个小目标⛳️：实现用VS Code编辑默认vue cli创建的vue2项目，对.vue, .js等文件有错误检查与代码风格检查(lint)、保存时自动修复(autofix)、按照Prettier风格进行格式化。上网搜索vscode的vue项目lint和格式化，大多文章介绍的是其团队自己一揽子规范，很多规则不通用，还有很多过时、无效的配置也一并贴出来（当前为2021年），看得我头都大了????我只想要一个vue、eslint、prettier三者结合的官方默认配置，怎么这么麻烦？？于是我决定痛下决心

Author：Bruski ????????‍????(bruskiwang@outlook.com)CSS层叠样式表作为前端三剑客之一，通过各类选择器来解耦HTML结构与表现，让开发者拥有专注控制样式的能力，实现了关注点分离。通过层叠机制，为规则赋予不同的重要程度，让我们的样式代码能够灵活地继承与覆盖。它就像精灵宝可梦里的百变怪????，拥有强大而奇妙的变化与适应能力，前端技术也因CSS的加入而变得漂亮与有趣????本文主要分享CSS技术中的一个切面概念：渐进增强，希望能够从原理+实例出发，给

React原理学习vdom和diffh函数vnode数据结构patch函数diff算法只比较同一层级，不跨级比较tag不相同，则直接删掉重建，不再深度比较tag和key两者都相同，认为是相同节点，不再深度比较JSX本质查看react编译结果：Babel编译后为createElement函数（h函数 ），返回vnode。// 参数一：标签名 / 组件变量// 参数二：attributes// 参数三及往后：children / textReact.createElem

特别好的讲解文章: 来自知乎：《一文读懂前端缓存》 - 小蘑菇小哥对于缓存总是一知半解，实践有遇到缓存奇怪现象，比如更新了代码，然后用户端由于版本失配导致报错。面试中面试官也对强缓存的概念和解决方案深究，搞得我好难堪。于是痛定思痛，好好学习一版缓存的知识，文章就来源于知乎的一篇深度好文，以下只展示我做的思维导图笔记。缓存概览按缓存位置分类Memory Cache 内存缓存Disk Cache 硬盘缓存Service Worker![Service Worker请求网络的过程按失效.

参考：知乎-JS 实现两个大数相加？-pany回答背景：大数相加，由于js精度 最大只能到 9007199254740991 (16位) 一旦数字超过这个范围便会损失精度为了能让超精度的数字相加，所以要用字符串表示数据let a = "9007199254740991";let b = "1234567899999999999";function add(a, b) { //取两个数字的最大长度 let maxLength = Math.max(a.length, b.length).

参考：https://juejin.im/post/6844904120432721933函数防抖在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。/** 将普通函数包裹一层 */function debounce(fn, wait) { var timer = null return function() { var context = this var args = arguments if (timer) { cle.

浅拷贝与深拷贝参考: 掘金文章JS类型及存储深拷贝和浅拷贝的主要区别就是其在内存中的存储类型不同：JS的五大基础类型 (undefined，boolean，number，string，null)都是存储在栈内存中，按值存放不可修改，所以拷贝的时候是直接复制值JS的引用类型 (object, array, function...)，其真实值存储在堆内存中，变量存储的实际是指向堆内存地址的指针，存储在栈内存，所以比较、赋值的时候是复制指针，修改会影响到堆中的数据。浅拷贝浅拷贝即遍历原对象的第一

面向对象 OO面向对象的术语指：把软件组织成一系列离散的、合并了数据结构与行为的对象。包含4个方面：标识（identity）： 数据被量化成对象分类（classification）：有着同样数据结构和行为的对象被分组为一个类继承（inheritance）：多个类基于一种分层关系，共享类间属性和方法多态（polymorphism）：对于不同的类，相同的操作有着不同的动作三种模...

Markdown学习笔记作者：欧阳锋链接：https://www.jianshu.com/p/335db5716248来源：简书简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。基础语法标题标题语法# h1## h2### h3#### h4##### h5##### h6h1h2h3h4h5h6文字高亮高亮语法> 这段...

JSON概念JSON: JavaScript对象表示法(JavaScript Object Notation)JSON是存储和交换文本信息的语法，类似XML。采用键值对的方式来组织，易于读写和解析。JSON是独立与语言的，任何语言按照JSON语法都可以解析。JSON与xml相比长度比xml小 json读写快 json可以使用JavaScript內建方法解析：JSON.par...

AJAX：异步的javascript和xml 实现AJAX的XMLHttpRequest对象open(method, url, async)：规定请求类型、url、异步还是同步method：发送请求的方法 URL：请求的地址 async：true为异步，false为同步，默认为truesend(string)：把请求发送到服务器string：GET无主体，参数拼接到URL...

HTTP:计算机通过网络进行通信的规则,无状态的协议(不保留连接,没有记忆)默认情况下,发送XHR请求的同时,还会发送以下HTTP头部信息:Accept: 浏览器能够处理的内容类型 Accept-Charset: 浏览器能够显示的字符集 Accept-Encoding: 浏览器能够处理的压缩编码. Accept-Language: 浏览器当前设置的语言. Connection: 浏...

  秋招找到了前端的工作,待遇还不错,对于初出茅庐的我来说觉得受到极大的尊重.所以要赶在上岗前,努力提升自己,特此开始框架的学习,记录一下公司给出的学习清单.PC端学习清单:1 框架:Vue.jshttps://cn.vuejs.org/v2/guide/ 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层 当与现代化的工具链以及各种支持类库结合使用时，V...