在CSS中 :focus-within 是一个伪类，CSS中伪类:focus-within能非常方便处理获取焦点状态， 当元素本身或其后代获得焦点时，:focus-within伪类的元素就会有效。
在html中内容中的多个空格一般会被视为一个，连续的多个空格符被自动合并了，同时内容前后的空格也会被清除。HTML空格保留的方式、CSS空格保留的方式。
box-sizing用于更改用于计算元素宽度和高度的默认的 CSS 盒子模型。它有content-box、border-box和inherit三种取值，inherit指的是从父元素继承box-sizing表现形式。根据项目中的使用经验和w3c的建议，推荐将box-sizing属性设置为border-box。
动态生成HTML元素的方法有三种:document.createElement()创建元素，再用appendChild( )添加、使用innerHTML直接将元素添加到指定节点、jQuery创建节点...
移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。
PhantomJS无界面的浏览器:认识PhantomJS、网站模拟登录豆瓣网、动态页面模拟点击（unittest -python测试模块）、执行JavaScript代码、模拟最新无界面浏览器...
引号的使用，单引号优先（如果不是引号嵌套，不要使用双引号）、空格的使用问题：（关键字后 符号后 排版 函数 赋值符号= ）等、不写没有使用过的变量，如果定义了一个变量，后来一直没有参与过运算，那么不应该定义这个变量...
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端
有人说，前端的界限就在浏览器那儿。无论你触发了多少bug，最多导致浏览器崩溃，对系统影响不到哪去。想象一下，有天你在家里上网，吃着火锅还唱着歌，点开一个链接，电脑突然就蓝屏了！
我们来讨论HTML和DOM之间的区别。显然，一个普通
Browsh是一个纯文本浏览器，可以运行在大多数的TTY终端环境和任何浏览器。目前，终端客户端比浏览器客户端更先进。终端客户端即时更新和交付，以便于体验新的功能，例如，你可以观看视频。
随着现代浏览器对CSS3的支持愈发完善，对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下：
滑动解锁应该是有两张图片，一张正常的，一张上面有解锁区域的（后端给），然后前端只用把用户释放鼠标后，滑动模块在图片上的xy轴传给后端，后端做成功与否的判断。如果只是纯前端js验证，不具备高安全性。
其实前端工程师并不少，但很多时候合适的前端工程师难找。可能是由于程序员比较内向，前端工程师都没有把自己最厉害的那一面表现出来。今天我们来聊聊前端工程师的简历怎么写，希望能够对大家有帮助。
使用 CSS 让元素不可见的方法很多，剪裁、定位到屏幕外、明度变化等都是可以的。虽然它们都是肉眼不可见，但背后却在多个维度上都有差别
陆时需要发送短信验证码或者其他的验证方式来校验是否是本人操作，达到安全性的目的。点击获取验证码时，倒计时，暂时设定倒计时的时间为180秒....
前端网站性能优化规则：网络加载类、页面渲染类。包括：减少 HTTP 资源请求次数、减小 HTTP 请求大小、避免页面中空的 href 和 src、合理设置 Etag 和 Last-Modified、使用可缓存的 AJAX、减少 DOM 元素数量和深度等
CSS技术技巧法则:不要让你的代码脱离你的掌控，尽量简洁、掌握基础、保持代码的可复用性、面向对象的css、Css3了解他能做的以及你可以使用的部分、渐进增强与优雅降级、Css预处理工具...
textarea默认的高度不是对着内容变化，而是随着内容增多，出现了滚动条。目前的需求是实现一个能够输入的textarea，并且高度跟着内容变化。以及小程序的textarea高度随内容自动改变的实现
微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。
