前端每周摘要（2019年1月21日至27日）

本周，我们发布了您可能在前端开发上可能错过的所有重要新闻的精选。 确保检查CSS，HTML和JavaScript的最新更新。

网站开发 | CSS | Java脚本

网站开发

• 大鸿沟 。 两个前端开发人员正坐在酒吧里。 他们无话可说。
• 通过分析112,654个编码测试，我们了解了2019年开发人员的招聘趋势
• 如何通过网络制作VR，一个新的视频系列
• 我们如何从WordPress转变为React，并筹集了8000万美元

• 表现：
  • 网页可用性问题
  • 使用服务工作者预取链接
  

• 工具：
  • Webpack：意外的旅程
  • DevTools的新功能（Chrome 73）
  • 纱线的未来-v2及更高版本
  • rrweb（“记录并重放网络”）：一种用于记录和重放用户在网络上的交互的工具。
  

• 动画：
  • 创建自己的重力和空间模拟器
  • SVG滤镜效果：带有<feMorphology>的轮廓文本
  • Les Animales 2019-出色的设计和动画
  

的CSS

• Web上的表设计模式
• 动画CSS网格
• Flexbox.ninja-由Geoffrey Crofte创建和托管的网站，可帮助您更好地了解CSS Flexbox布局模块
• Gradians and Turns：CSS角度的安静英雄
• 您的2019 CSS布局工具包-Rachel Andrew
• 适用于CSS作者的Firefox DevTools
• Houdini教程：CSS绘画和自定义属性

Java脚本

• 为什么贝宝的每个新Web应用程序都以TypeScript开头
• 2019年JavaScript的新增功能
• 深入JavaScript：如何创建Hex2RGB颜色转换器
• 查找最经常出现的角色

• 打字稿：
  • TypeScript ESLint-支持ESLint支持TypeScript的所有工具的Monorepo
  • TypeScript税
  • 功能性TypeScript：用于坚如磐石的无服务器功能的TypeScript标准
  

• 节点：
  • 免费书籍：Node.js
  • 适用于开发人员的7个顶级Node.js框架
  • 在节点中检测HTTP请求
  • Node.js多线程：什么是工作线程，为什么如此重要？
  

• 理论：
  • 如何充分利用JavaScript（ES6）中的解构功能
  • JavaScript迭代器模式
  • JavaScript算法终极指南
  • 什么是摇树，它如何工作？
  • 15个有用的JS示例，分别是map（），reduce（）和filter（）
  

• VueJS：
  • Vue Masters的10个Vue.js Pro技巧
  • 如何判断Vue.js是否适合您的下一个项目
  

• 反应：
  • React 16.6.0好东西
  • 使用React进行电子邮件确认
  • 了解React默认属性
  • 如何使用Context API开发React超能力
  • 在JavaScript中使用内容可编辑元素（反应）
  • 如何理解Reducer：您可以在没有Redux的情况下使用它们
  • 了解React中的片段
  • 为什么X不能钩？
  

• 角度：
  • Angular 8：第2个beta版在这里，可以下载
  • Angular 6 + Travis CI，无头Chrome
  • 角度优化。 模板中已记忆的管道功能。
  • 神奇地显示您的角度表单的错误消息
  

• 库和插件：
  • 绘制水域图（第2页）：JavaScript图表库的比较
  • autoComplete.js-简单的自动完成的纯原始 Javascript库
  • 热键：按下键盘热键时触发对元素的操作