本杂志专注于Web前端前端技术。收录内容来自国外各大前端技术周刊。有些链接可能直接打不开，需要科学上网解决。本期的D3.js热门介绍是一篇关于D3的精彩介绍文章，D3是一个流行的基于JavaScript的数据可视化库及其模块生态系统。https://wattenberger.com/blog/d3AMELIAWATTENBERGER我最喜欢的CSSHack{border:1pxsolidred}是通过在每个元素周围放置边框来调试CSS和HTML问题的经典技巧。此技术需要一些额外的步骤，但可以极大地帮助定位问题，尤其是对于嵌套元素。https://dev.to/gajus/my-favor...GAJUSKUIZINASApple发布生产中的Web组件例如Ember、WebComponents和StencilJS）。https://dev.to/ionic/apple-ju...MAXLYNCH在JavaScript和TypeScript中使用voidvoid在JS和TypeScript中有不同的含义，但是你可以用它做一些意想不到的事情。https://fettblog.eu/void-in-j...STEFANBAUMGARTNERFirefox69发布：开发人员的新功能https://developer.mozilla.org...5ofMOZILLAArticles&TutorialsArray.from()一个灵活的应用程序Array.from()可以将类数组对象转换为数组，也可以用于生成范围、去重和数组克隆。https://dmitripavlutin.com/ja...DMITRIPAVLUTIN在FirefoxDevTools中调试TypeScripthttps://hacks.mozilla.org/201...JANHONZAODVARKO使用.some()和.find()简化您的JavaScripthttps：//medium.com/poka-techb...ETIENNETALBOT创建一个简单的JavaScript混淆器https://antoinevastel.com/jav...ANTOINEVASTEL如何使用CSS混合模式和SVG动态更改图像颜色https://tympanus。net/codrops/…KYLEWETTONCSS中的溢出和“数据丢失”默认情况下，元素会扩展以适应内容，但如果要指定元素的大小，内容可能会“溢出”。https://www.smashingmagazine....RACHELANDREW使用caption-side属性来控制表格标题的位置https://www.stefanjudis.com/t...STEFANJUDIS你知道从HTML5开始，锚标签可以包含块级元素出来了吗？https://www.bennadel.com/blog...BENNADEL如何让用户快速跳转到页面顶部https://css-tricks.com/need-t...CHRISCOYIERTools&Resources用于ReactDeveloperTools浏览器（Chrome和Firefox）的ReactDeveloperTools插件，现已更新至版本3+。https://www.npmjs.com/package...WebpackBoilerplate轻量级Webpack4样板代码，包括Babel、Sass、ESLint、热模块更新和开发/生产优化。https://github.com/taniarasci...Bitmelo是一个在线创建JavaScript游戏的工具。https://bitmelo.com/DAVIDBYERSSpaceTime用于处理无依赖性时区的库。支持夏令时、闰年和半球时间，让您计算不同时区的时间。http://spacetime.how/SPENCERKELLYvue-treeselectVue.js的多选组件，支持嵌套选项。https://vue-treeselect.js.org/FANGZHOULITOASTUIGrid4.5一个数据网格控件，这个不依赖TypeScript的数据网格组件可以在IE9中使用，并且适用于多种数据类型，具有高级排序功能（可定制）并可轻松重新定位。https://ui.toast.com/tui-grid/NHNENTERTAINMENTCSS书写模式Level3CSS书写模式Level3定义了CSS支持的各种书写模式及其组合，包括从左到右和从右到左的文本排序水平和垂直方向。https://www.w3.org/TR/2019/CR...FontStyleMatcher这个工具可以在你的字体延迟加载的时候调整fallbackfont的字体粗细/大小/间距，让它们排列成尽可能接近，所以没有太多明显的切换。https://meowni.ca/font-style-...KontrastChrome和Firefox扩展。在浏览器中实时快速检查和调整对比度以符合WCAG2.0标准。https://www.getkontrast.com/cypress-axe使用ax-core（用于自动化WebUI测试的辅助功能引擎）来运行Cypress（一种测试框架）进行辅助功能测试。https://github.com/avanslaars...来自Facebook的jscodeshift工具包，用于在多个JavaScript或TypeScript文件上运行codemod。https://github.com/facebook/j...Uptrends控制网站、API和服务器正常运行时间、性能和功能的终极监控工具。https://www.uptrends.com/imagecompressor是一款在线图片压缩工具，可以将PNG/JPG文件压缩高达80%，并保持图片原有颜色。https://www.websiteplanet.com...RemixIcon是一套开源中性风格的SVG系统符号，专为设计师和开发人员打造，免费供个人和商业使用。https://remixicon.com/SVG-edit适用于任何现代浏览器的快速、基于Web、基于JavaScript的SVG绘图编辑器，现已更新至版本5+。https://github.com/SVG-Edit/s...Recharts是一个基于React构建的可组合图表库，已更新至1.6版本。http://recharts.org/en-US/Enpose简单的屏幕截图机器人，通过基于URL的API创建您自己的动态图像。https://enpose.co/创意“订单确认”趣味按钮https://codepen.io/aaroniker/...codepen.io模拟时钟https://codepen.io/JavaScript...codepen.io滚动实验https://codepen.io/andybarefo...codepen.io发布了Node12.10，https://nodejs.org/en/blog/re...Handlebars.js4.2，https://github.com/wycats/han...VuePress1.0.4-Vue驱动的静态站点生成器，https://github.com/vuejs/vuep...Riot4.5-简单而优雅的基于组件的UI库，https://riot.js.org/RxDB8.4-用于JavaScript应用程序的实时数据库，https://github.com/pubkey/rxdb内容来源前端焦点，https://frontendfoc.us/JavaScriptWeekly，https://javascriptweekly.com/响应式设计周刊，https：//responsivedesign.is/WebToolsWeekly,https://webtoolsweekly.com/CSSAnimationWeekly,https://weekly.cssanimation.r...回顾一下JavaScript是如何成长并成为Follow我的公众号，专注于在“真实”语言的生产中使用原生JavaScript模块的前端技术
