马鞍山网站网站建设,做网站模板用什么软件,系统官网网站模板下载地址,网站开发种类前端每周清单专注前端领域内容#xff0c;以对外文资料的搜集为主#xff0c;帮助开发者了解一周前端热点#xff1b;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号#xff08;ID#xff1a;frontshow#xff… 前端每周清单专注前端领域内容以对外文资料的搜集为主帮助开发者了解一周前端热点分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号IDfrontshow及时获取前端每周清单。 新闻热点 国内国外前端最新动态 Chrome 61 新特性介绍Chrome 61 中即将原生地支持 JavaScript 模块意味着开发者可以不用 Babel 等转换器即直接在浏览器中运行模块化代码。除此之外Chrome 61 还允许开发者使用 navigator.share 来触发 Android 原生的分享对话框并且引入了 WebUSB 接口来访问受信的 USB 设备更多特性介绍请查看原文。Yarn 1.0 发布著名的 JavaScript 包管理器 Yarn 终于发布了其 1.0 版本目前已经有超过 175000 个 Github 上的项目包含了 yarn.lock 文件每个月有超过三十亿的下载量。在新版本中Yarn 引入了工作空间、自动合并 lockfiles、可选择的版本解决等特性并且进行了其他一系列的性能提升与错误修复等工作。Meteor 15.2 发布经过超 40 个 Pull Request 的请求合并之后Meteor 发布了 1.5.2 版本新版本中放弃了对于 MongoDB 2.4 版本的支持修复了 Node.js 垃圾回收的 Bug引入了一系列的新特性详情请查看原文。百度与 W3C 中国联合组织移动网页加速技术研讨会2017年8月30日百度联合W3C中国在北京中关村软件园国际会议中心主办了“移动网页加速技术研讨会”W3C中国以及腾讯、阿里巴巴及UC、搜狗、小米、傲游、中国移动、中国电信、DCloud、听云等W3C中国区会员及厂商代表积极参与了本次研讨会。本次研讨会探讨了百度MIPMobile Instant Pages技术以及类似技术如Google AMP、Facebook Instant Article、腾讯云加速涉及到的标准化问题即如何让一个页面被内容分发平台即时展现渲染从而以更快的加载速度和更友好的展现交互方式来提升用户在内容分发平台上的浏览体验。研讨会探讨了使用Pre-fetch/Pre-render page、Async open page、CDN服务来实现这类服务的可能性。开发教程 步步为营掌握基础技能 面向 Web 开发者的 VR 指南近日来越来越多的浏览器添加了对于 VR 特性的支持本文即是盘点下目前浏览器中 VR 技术发展的现状并且对可用的 WebVR 相关 API 进行简要介绍。本文首先介绍了 VR 以及 WebVR 的基础概念列举了 WebVR 目前的浏览器以及设备的支持情况然后分析了 WebVR 的发展趋势与潜在机会更多 WebVR 相关资料参考这里。基于 Vue.js 与 Webpack 的三种代码分割范式代码分割是提升单页应用初始加载速度的重要方式之一其能有效提升用户体验本文则着眼于介绍 Vue.js 应用开发中常见的三种代码分割方式分别是按照页面切分、按照页面的可见区域折叠切分以及按条件加载。更多 Vue.js 相关资料参考这里。利用 Flow 与 Recompose 编写高阶组件高阶组件是 React 应用开发中典型的设计模式之一我们常常会利用 Recompose 库来实践高阶组件另一方面Flow 静态类型检测工具能够有效提升应用的鲁棒性本文即是介绍如何在开发中协同使用 Flow 与 Recompose编写具有静态类型的高阶组件。本文依次介绍了如何从 Recompose 中引入类型声明、如何为类组件添加类型声明、如何编写高阶函数等内容更多 React 相关资料参考这里。Node.js 中 async_hooks 图解async_hooks 是 Node.js 8 中引入的实验性接口其允许开发者依赖 init、before、after、destroy 四个回调函数监控异步资源的执行情况。本文则是以手绘图形象地介绍 async_hooks 的工作原理与运行机制更多 Node.js 相关资料参考这里如何在 Chrome DevTools 中调试 JavaScriptChrome DevTools 是非常强大的调试工具本文着眼于介绍如何使用 Chrome DevTools 来添加断点并且单步执行 JavaScript 代码从而帮助开发者更有效地定位到错误点。本文首先介绍了测试用例以及如何重现错误然后依次阐述了添加断点、单步调试、检查当前值、修复错误并重新保存等内容更多 Web 调试相关资料参考这里。工程实践 立足实践提示实际水平 TypeScript 与 Webpack 的激情碰撞本文是 ts-loader 的核心维护者之一分享的多个能提升 Webpack 中 TypeScript 使用体验的插件。fork-ts-checker-webpack-plugin 能够利用子进程来进行类型校验HappyPack 则允许并发处理多个文件从而提升 Webpack 的编译速度thread-loader 与 cache-loader 还能进一步提升编译速度更多 Webpack 相关资料参考 https://parg.co/bVs 。理想的 React 架构应该具备的特征React 本身并不是某种应用架构它只是 MVC 架构中的视图层本质上只是拥有内部组件生命周期的单向数据绑定的视图库。本文则是作者分享的自己实践中总结出的 React 应用架构特征控制器与模型层不应该直接被 React 组件表示、Props 尽可能少地在深层组件间传递、尽可能地使用不可变数据以减少计算压力更多 React 相关资料参考这里。来自 HousingEngg 的 React Native 实践分享HousingEngg 去年开始 PWA 化应用以来极大地提升了用户体验而在进行移动端应用开发的技术选型时为了尽可能地完成代码复用决定用 React Native 进行开发。本文首先介绍了开发目标与 React Native 相关技术栈选型包括 react-navigation、redux-observable、ramda、redux-persist 等然后介绍了 storybook、fastlane、detox、sentry 等常用的工具最后分享了些开发过程中遇到的坑以及构建流程的搭建。更多 React Native 相关资料参考这里。利用 requestAnimationFrame 优化动作性能requestAnimationFrame 为我们提供了相对底层的接口本文则是对于 requestAnimationFrame 的深度解析。本文首先介绍了 requestAnimationFrame 的基础用法与运行机制然后介绍了其在 Easing 动画、SVG 绘制、定时器方面的应用更多 Web 动画相关资料参考这里。深度阅读 深度思考升华开发智慧 car2go 的前端框架选择本文是 car2go 的工程师分享的他们在前端框架选择时候的考量今年组建新的前端开发团队时需要根据团队内成员不同的经验、背景、编程倾向与技能来进行选择。技术选型主要从文档、项目的维护者的投入、StackOverflow 等常见平台的问题丰富度、工具链的完善程度、插件或者扩展的数量、Web 技术标准、上手难易程度、代码风格、API 设计、可扩展性等方面进行考虑最终的候选者是 React 与 Vue.js不过因为 Vue.js 更加完善的文档最终胜出。面向创业者与 CTO 的 React 开源协议解析本文是 Facebook 前工程师后来的创业者对于近日沸沸扬扬的 React BSD 专利协议的个人解释希望能够帮助更多的人理解 Facebook 设置该协议的初衷以及对于使用者的潜在影响。本文首先介绍了 2012 年雅虎对于 Facebook 的专利诉讼及其应对方式然后分析了该事件对于 Facebook 专利战略的启示笔者认为 Facebook 设置该协议更多的是处于防卫考虑避免受到恶意的专利诉讼。不过对于那些潜在的可能和 Facebook 进行直接竞争的创业公司还是需要慎重地使用 React 等系列框架。10 个常见的软件架构概述很多人都会好奇大型商业系统的设计是如何进行的实际上在大型软件开发启动之前我们都会选择合适的能够提供想要的功能与高性能的特性的架构本文则是介绍软件设计中常见的十种架构对比了其使用场景、优势与劣势。本文依次介绍了分层模式、客户端-服务器模式、主从模式、管道过滤模式、代理模式、点到点模式、消息总线模式、黑板模式、解释器模式等。Mobile Web 性能优化手册无论是开发者、设计师或者市场专员都会关心最终用户对于产品的使用体验而在移动端愈发成为主要入口的今天移动 Web 的性能优化也愈发重要。本手册则是图文并茂地介绍了移动 Web 优化应该考虑的点。本手册依次分析了性能优化的实际意义、性能优化的感知指标会有哪些、常见的移动 Web 优化策略以及 AMP 与 PWA 等常见的优化建议等内容更多 Web 性能优化相关资料参考这里。开源项目 乐于分享共推前端发展 react-imgproreact-imgpro 是基于 React 的图片处理组件该组件能够提供常见的缩放、调色等图片处理功能并且将处理之后的图片以 base64 编码形式返回。Lozad.jsLozad.js 是基于 IntersectionObserver API 的轻量级、高性能、可配置的纯 JavaScript 懒加载器其能够被用于进行图片、iframe 等多种形式的元素。Rythm.jsRythm.js 是非常有趣的 JavaScript 库它能够为你的页面添加动感地音乐效果仿佛在摇滚中起舞。DownshiftDownshift 是 PayPal 开源的简单、灵活的 React 输入组件提供了自动完成、下拉选择等多种丰富的功能Downshift 提供了 Render Function as Children 的接口从而给予了开发者极大的灵活性与自由发挥的空间。FastifyFastify 是新近发布轻量级的 Node.js 服务端框架其受到了 Hapi、Restify 以及 Express 的启发不过在性能评测上却远远优于 Hapi 或者 Express仅次于原生的 http.Server()。巅峰人生 5 年从新手程序媛到研发总监如何获得跨越式的成长路径本文是百度外卖技术总监张灿在二叉树 Live 上的分享介绍了自己对于技术领域的转型中的转型动机分析、转型问题的应对如何应对技术发展的瓶颈期从实习生到研发总监的升级之路在历经的初级菜鸟、资深技术、技术管理等相关方面的感悟与经验总结。前端之巅 「前端之巅」是InfoQ旗下关注前端技术的垂直社群加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。投稿请发邮件到editorscn.infoq.com注明“前端之巅投稿”。
