20190819 前端开发日报

再看 2019 大前端技术趋势,Web OS 概念正落地;记一次 JS 偶发性加载失败的经历;ReactNative之iOS原生和JavaScript的交互;开发者必备 — Web 无障碍手册;一步一步搭建前端监控系统:如何监控资源加载错误?;webpack hash chunkhash contenthash浅析;Vue实战—购物车详情页面的实现(11);JS防抖技术和节流技术

  1. 再看 2019 大前端技术趋势,Web OS 概念正落地 “前端三大框架已趋于平稳,标准化,向 Web Components 看齐;强运营背景下,移动端以前端开发为主,已成定局;5G 时代快来了,互联网的长期在线情况有可能会被打破。终上所述,未来浏览器会越来越重要,Web OS 的概念正在慢慢落地。”
  2. 记一次 JS 偶发性加载失败的经历前段时间,偶尔会有同事反映某页面会崩溃。几率极低,且毫无规律!我自己尝试了一下,果然!没有任何问题!问题无法重现,也就没当回事。
  3. ReactNative之iOS原生和JavaScript的交互 在 ReactNative 开发中, 在 JavaScript 语法无法实现的时候会涉及到一些原生开发, 既然是混合开发就会涉及到一些 iOS 和 ReactNative 之间通讯的问题, 这里就涉及到两种方式: RN 调用原生的方法, 给原生发送数据 原生给 RN 回传数据, 或者给 RN 发送通知 下面就简单记录下这两种方式的实现 JS调用…
  4. 开发者必备 — Web 无障碍手册 KendoReact 团队无障碍优化之路的一个阶段性总结。
  5. 一步一步搭建前端监控系统:如何监控资源加载错误?摘要: 资源加载失败会破坏产品功能以及用户体验…. 作者:一步一个脚印一个坑 原文:搭建前端监控系统(三)静态资源加载监控篇 Fundebug经授权转载,版权归原作者所有。 一步一步搭建前端监控系统系列博客: …
  6. webpack hash chunkhash contenthash浅析官网解释:bundle由chunk组成,其中有几种类型(入口 entry chunk child chunk)。通常,chunk会直接对所输出的bundle。但是有些配置并不会产生一对一的关系。
  7. Vue实战—购物车详情页面的实现(11)上次我们为商品分类菜单添加了显示购物数量,这篇我们继续推进项目,来实现购物车的详情页面,在开始之前我们先看它在页面中的样子:
  8. JS防抖技术和节流技术在监听窗口进行resize、scroll等调用函数频率很高的操作时,如果每次都做相应的处理,则会加重浏览器的负担,导致渲染延迟,甚至是假死,这样会给用户带来非常糟糕的体验。为此我们必须在特定场景下限制调用频率…
  9. 纯前端JS zip打包文件并下载 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8885 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、事情的起因 之前做了个SVG Sprites还原工具(上传合并好的SVG Sprites文件,分解成独立的小SVG),然后经用户反馈,希望增加个打包下载功能。 …
  10. 重学JS:async/await 前言 异步操作一直是JS中不可或缺的一环,从最开始回调函数,到后面的Promise,再到ES2017引入的async函数,异步操作逐渐进化,变得越来越简单方便,接下来就仔细看看在ES2017引入了async函数后,异步操作产生了哪些变化。 有什么用 以往我们使用异步函数,都是async/await一起用的,但是这回我准备拆开看,分别介…
  11. 记录一个小问题:clean-webpack-plugin 路径不匹配问题 今天在改造之前的一个老项目的webpack配置时,使用 clean-webpack-plugin 插件清除打包文件 dist 目录。得到一个 error : 关于报错clean-webpack-plugin:E:workspaceardist is outside of the project root. Skipping… 复制代码 配置也很简单, new CleanWebpackPlugin( ) 复制代码 在官方NPM地址…

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流