20180318 前端开发日报

使用Vue创建自定义表单inputs;基于 HTML5 WebGL 的 3D 机房;美团点评金融平台 Web 前端技术体系;我未曾见过的 JS 特性;Hikic.js 史上最大 1.2 版本更新,插件支持助力更多功能;json-schema 可视化编辑器发布了;[IT杂谈] Nodejs 不适用于大规模服务端开发?;如何使用 JavaScript 实现一门编程语言

  1. 基于 HTML5 WebGL 的 3D 机房前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了,这篇文章的主要目的是说明一下,3D 机房中的 eye 和 center 的问题,刚好在项目中用上了,好生思考了一番,最终觉得这个例子最符合我的要求,就拿来作为…
  2. 美团点评金融平台 Web 前端技术体系 作者介绍了美团点评金融平台前端的技术选型以及背后的思考。
  3. 我未曾见过的 JS 特性
    分享一些妖魔鬼怪,settimeout可以传参确实实用!:有一天我正在阅读 MDN 文档,发现了一些我之前压根没有意识到在 JS 中存在的特性和 API。这里我罗列了一些,不管它们是否有用,JS 的学习永无止境。 有多少人知道在 JS 里你可以给 for 循环和语句块命名?反正我不知道…… 命名完新名称之后你可以在 for 循环中的 …
  4. json-schema 可视化编辑器发布了 JSON-Schema-Editor-Visual 是一个高效和易用的 schema 编辑器,基于 React.js 开发。产品截图: Github: json-schema-editor-visual 试用地址:demo 欢迎大家试用和 star
  5. 玩转你的图片,各种图片效果的Canvas实现前阵子因业务需求,需要对图片进行一些特殊处理,例如反相,高亮,黑白等,都是使用Canvas来实现 ImageData 要实现上述所说的各种效果,最核心的事情便是对图片的ImageData对象进行改动。 ImageData对象是一个用…
  6. Chrome 66 使用 DevTools 跟踪 JS 对象和 DOM 对象的引用 新的特性让内存泄漏更容易调试:https://zhuanlan.zhihu.com/p/34272169?utm_source=wechat_session&utm_medium=social&from=groupmessage
  7. HTTP 的连接管理 连接管理是一个 HTTP 的关键话题:打开和保持连接在很大程度上影响着网站和 Web 应用程序的性能。
  8. 快速了解react 概况: 通过本篇文章你可以对react的重点有个整体的认识。 关于react是什么,优点,解决什么问题等,网上一大推就不啰嗦了。  了解虚拟DOM的实现,参考这篇文章  (https://www.zhi
  9. 前端性能优化——关键渲染路径总结于: Critical Rendering Path 关键渲染路径与性能优化 从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理,从而将它们转变成渲染的像素这一过程中有一些中间步骤,优化性能其实就是了解这些步骤中发…
  10. 如何理解 React 高阶组件(HOC)? 如何理解 React 高阶组件, 并运用到自己的项目中去?
  11. iOS 中的 JS 最近主要在研究 iOS 中的 JS 这一块内容,打算从 为什么不能单纯地搞前端、JSCore 的原理和通信机制、OC 底层 Runtime 原理、如何通过 JS 任意修改 iOS 的运行结果 这 4 部分来阐述,旨在让前端和 iOS 开发同学更加了解跨端开发的
  12. feflow:使用 Node.js 编写的致力于提升研发效率和规范的工程化解决方案 致力于提升研发效率和规范的工程化解决方案,使用 Node.js编写. 特性 强大的插件机制,易于扩展. 和Yeoman集成,很容易通过Yeoman脚手架进行项目的初始化创建. 支持多种主流构建,包括webpack, fis等等 定义了一系列规范,包括Commit规范和ESLint规范. …
  13. 那些激动人心的React,Webpack,Babel的新特性对于我们开发体验带来哪些提升 (Webpack 4.0+, React 16.0.0+, Babel 7+) 写在开头: 在怀着激动和忐忑的心情写出团队第一篇文章时,这个兴奋感一方面来自团队组件以来这是我们首次对外部开启一扇窗,另一方面我们也会持续听取意见,维持一个交流的心态。 自Re
  14. Web 开发者使用 JavaScript 进行机器学习指南 如题,这真的是一篇学习指南。
  15. TypeScript 实践分享
    复杂的项目和多人合作的项目ts的优势还是蛮明显的:
  16. CSS Houdini 和 CSS Paint API 又一篇介绍 CSS Houdini 的文章。
  17. CSS3 :default 伪类选择器简介 CSS3 :default 伪类选择器作用设计的作用是让用户在选择一组数据的时候,依然知道默认选项是什么,否则其他选项一多,选着选着就不知道默认提供的是哪个了,算是一种体验增强策略。作用不是很强烈,但是关键时刻却很有用。
  18. You-need-to-know-css 作者总结了自己的收获和在工作中经常用到的一些 CSS 小样式,为了以后可以更爽的复制粘贴而写下了这份文档。
  19. 使用 SVG 符号和 CSS 变量实现多彩图标
    挺有趣的文章,越来越多的图标可以不再用图片来做了:使用图片和 CSS 精灵制作 web 图标的日子一去不复返了。随着 web 字体的爆发,图标字体已经成为在你的 web 项目中显示图标的第一解决方案。 字体是矢量,所以你无须担心分辨率的问题。他们和文本一样因为拥有 CSS 属性,那就意味着,你完全可以应用 size 、 col…

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

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


关注我

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

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

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