摘要：
# 第 5 章 最佳实践1. 平稳退化：~~现在基本所有带交互的网站都使用 Ajax，SAP 也火起来了，平稳退化真是很难实现了~~（看到第七章发现我之前的观点是错了）2. 分离 JS3. 向下兼容4. 性能考虑# 第 6 章 案例研究：图片库改进版1. 键盘访问（提高可访问性） onclick 已经帮我们处理了，eg：下面这个绑定了 onclick 的按钮鼠标左键点击和 tab ... 阅读全文
摘要：
# 第 3 章 基本概念## 3.5.2 位操作符> ECMAScript 中所有数值都是以 IEEE-754 64 位格式存储，但位操作符并不直接操作 64 位的值。而是先将 64 位的值转换成 32 位的整数，然后执行操作，最后再将结果转换为 64 位。（对于开发人员 64 位存储格式是透明的，因此整个过程像是只存在 32 位的整数一样）## 3.5.6 关系操作符- 比较的操作数为对象，... 阅读全文
摘要：
参加的这个 [【前端开发开程师招聘】\_神灯科技招聘 - 拉勾网](https://www.lagou.com/jobs/5677423.html?source=delivered&i=delivered-6) 的面试，不是帮助睡眠的眼罩的那个。。我原本想着先了解一下公司，结果闹了笑话，面试的时候谈起公司产品我说起眼罩的事直接给对方整懵了。。公司在远中悦来大厦，这些现代的大厦建的都真好啊！公司做的... 阅读全文
摘要：
# 四大基本原则（CRAP）## 亲密性（Proximity）元素分类放在一起。## 对齐（Alignment）对齐分为：左对齐、右对齐、居中对齐、两端对齐、慎用居中对齐，居中对齐的 “对齐线” 强度弱，没有力度。## 重复（Repetition）对首尾运用重复可以很好地收尾，让读者读到尾部视线停留。整个系统样式进行重复会让系统样式保持一致性，使系统各模块（页面）看上去是一个整体。## 对比（Co... 阅读全文
摘要：
收到面试通知当天因为学校出事要求我明天必须回去，所以就买当晚的火车票，然后跟公司说学校有事明天没法去面试了，公司人事比较好给我安排到当天下午面试。公司规模不是很大，但位置好下了地铁到，可能因为招的是实习生问的比较简单，但面试时说的工资还算正常没有招聘网站上写的最低工资的那么低。# 面试题1. 谈谈你简历上的项目2. GET，POST 的区别和应用场景3. 说说你前端用的工具4. 说说你用的... 阅读全文
摘要：
# 第一章 解开 CSS3 的面纱## 使用 CSS3 的好处1. 减少开发和维护成本：如传统实现圆角边框需要绘图、切图才能完成，而使用 css 可以直接完成2. 提高页面性能## 渐进增强（Progressive Enhancement）首先保证核心功能实现，让任何地段的浏览器可以看到站点的内容，然后考虑用高级但非必要的 CSS 和 JS 技术为现代浏览器提供更好的用户体验。# 第二章 C... 阅读全文
摘要：
# 第一章 网络基础知识计算机网络根据规模可以分为：广域网（WAN: Wide Area Network）和局域网（LAN: Local Area Network）协议的标准化：- 国际标准化组织（ISO: International Organization for Standards）制定了一个国际标准开放式通信系统互联参考模型（OSI: Open Systems Interconnect... 阅读全文
摘要：
# 方法一：告诉浏览器不要缓存（不一定好使） # 方法二：动态 script 创建 或者 var s = document.createElement('script'); s.setAttribute('src', '<script src="build/js/script.min.js?' + Math.rendom()); s.setAttr... 阅读全文
摘要：
使用 [paazmaya/shuji: Reverse engineering JavaScript and CSS sources from sourcemaps](https://github.com/paazmaya/shuji) 可以从 sourcemap 中获取源码。一个故事：今天同事在完全没将代码加到过 stage 的情况下按了 VSCode 的`Discard All Changes... 阅读全文