20170920 前端开发日报-前端开发博客

【翻译】19种JS高效缩写法；【React系列】如何构建React应用程序；如何看待百度要求内部全面停止使用 React / React Native？；程序员神一样的存在：JavaScript 乱码艺术；JS中将变量转为字符串；前端框架模式的变迁；关于Facebook 的 React 专利许可证 – 陈皓；react 写的一个快递查询、电影头条

【翻译】19种JS高效缩写法原文:19+ JavaScript Shorthand Coding Techniques 1 使用三目运算符使用三目运算符，可以更简洁地把if else写成一行 {代码…} {代码…} 2 短路求值当你把一个变量的值赋给另一个变量，如果你要求原变量不能…
【React系列】如何构建React应用程序前面几篇内容简单整理了一些React的基础知识点，以方便大家能够简单的了解React的一些相关概念。在本节中，我们来试着以一个简单的例子来分析，如何构建一个React应用程序，该如何去思考。首先，我们来选择比较…
如何看待百度要求内部全面停止使用 React / React Native？前一阵收到Apache的通知，要求所有Apache项目禁止使用带Facebook BSD+PATENTS License的项目，并限时完成替代，估计好多人要加班了，幸好我们没用。现在抵制这个License的公司越来越多，加班的苦逼工程师也越来越多。。。其实这个License不光React用，大家可以看看Facebook的开源项目，很多都带了这个PATENT…
程序员神一样的存在：JavaScript 乱码艺术在小编过去的认知里，程序员是一种神奇的存在。他们可以编译在我们眼里完全乱码的程序，就好比会古老的玛雅语言一样让人崇拜。可就在最近，小编发现，程序员是一种神一样的存在…… 比如，你猜这是啥： (!! ) ]+( ]+ ]+(! ) ]+(! ) ] 颜……颜文字? 这是JavaScript语言，如果请…
JS中将变量转为字符串译者按:语言的细枝末节了解一下就可以了，不需要太较真，不过如果一点也不知道的话，那就不太妙了。原文: Converting a value to string in JavaScript 译者:Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。对于JavaScript，有3种不同方法可以将…
前端框架模式的变迁前言前端框架的变迁，体系架构的完善，使得我们只知道框架，却不明白它背后的道理。我们应该抱着一颗好奇心，在探索框架模式的变迁过程中，体会前人的一些理解和思考本篇将讲述的是前端框架变化过程中的一些思考，前端框架模式的变化：从无到有，从MVC(Flux或者R
关于Facebook 的 React 专利许可证 – 陈皓随着Apache、百度、Wordpress都在和Facebook的React.js以及其专利许可证划清界限，似乎大家又在讨论Facebook的这个BSD+PATENT的许可证问题了。这让我想起了之前在Medium读过的一篇文章——《React, Faceboo
react 写的一个快递查询、电影头条在掘金潜水也有很长的时间了，首先说下本猿是17年刚刚毕业的一只，实习半年多了，因为对React感兴趣，也有幸找到一份关于React的工作，工作中写的是门户网站，移动端出于自己的好奇，利用create-react-app作为脚手架构建，搭配Ant Design
67 个节省前端开发者时间的实用工具、库与资源在这篇文章中，我不会与大家谈论大型的前端框架，如 React、Angular、Vue 等，也没有涉及那些流行的代码编辑器，如 Atom、VS Code、Sublime，我只想与大家分享一个有助于提升开发人员效率的工具列表合集。或许，一些朋友已经对文中的一些工具有所了解，但如果你发现了一些对你有帮助的新工具，那么，我将倍感…
基于web创建逼真的3D图形 | CSS技巧在成为一名web开发者之前，我从事于视觉设计行业，创造屡获殊荣，电影和电视节目等高端3D效果，例如 Tron, The Thing, Resident Evil,和 Vikings。为了能够创造这些效果，我们需要使用高度复杂的动画软件，例如 Maya,
深入理解 js this 绑定 ( 无需死记硬背，尾部有总结和面试题解析 )js 的 this 绑定问题，让多数新手懵逼，部分老手觉得恶心,这是因为this的绑定 ‘难以捉摸’，出错的时候还往往不知道为什么，相当反逻辑。让我们考虑下面代码: {代码…} 在平时搬砖时比较常见的this绑定问题，大家…
基于 Laravel 5.5 + Vue 2.1 构建的开发笔记记录系统 —— Code 好事项目简介 Code 好事是一个记录开发笔记的网站，结合了Laravel 5.5 和 vue 2.1 组件化开发。后台基于 ucer-admin 开发，封装了大量 js 代码，可以在很大程度上减轻你的工作量：演示站点： http://codehaoshi.com Github 传送门： https://github.com/Ucer/codehaoshi 感谢先辈们的无私，此项目源…
Web 的现状：网页性能提升指南原文：The State of the Web: A guide to impactful performance improvements 互联网发展非常迅速，所以我们创造了Web平台。通常我们会忽视连通性等问题，但用户们却不会视而不见。一瞥万维网的现状，可以发现我…
《一步步带你做vue后台管理框架》——登录功能系列教程《一步步带你做vue后台管理框架》第三课 github地址：vue-framework-wz线上体验地址：立即体验《一步步带你做vue后台管理框架》第一课：介绍框架《一步步带你做vue后台管理框架》第二课：上手使用《一步步带你做vue后台管理框架》第
Anime.js 2.1.0 发布，轻量级 JavaScript 动画库 Anime.js 2.1.0 已发布，Anime 是一个灵活且轻量级的 JavaScript 动画库。和 CSS，独立变换，SVG，DOM 属性和 JS 对象配合使用。改进 Children animations can now inherit properties from their parent timeline (targets, duration, delay, easing, round) ( #152 ) Add support for vmin/vmax/ch…
你不知道的CSS（三）本文首发于我的博客在前面两篇文章《你不知道的CSS（一）》和《你不知道的CSS（二）》中大致介绍了一些CSS方面比较隐晦的但又很实用的技巧。相信这些技巧会为大家在项目实践中带来一定的帮助，本文作为《你不知道的CSS》系列的第三篇文章，将继续在CSS技巧方面进本文首发于我的博客在前面两篇文章《你不知道的CSS（一）》和《你不知道的CSS（二）》中大致介绍了一些CSS方面比较隐晦的但又很实用的技巧。相信这些技巧会为大家在项目实践中带来一定的帮助，本文作为《你不知道的CSS》系列的第三篇文章，将继续在CSS技巧方面进
Vue 2.0学习笔记：Vue的运行环境最近开始在恶补Web前端的相关技术栈。除了React之外还有Vue。学习的过程都是痛苦的，感觉自己被掏空了。除了基础不扎实之外，很多东西都得学。为了不会那么容易忘记学习的相关知识，通过博客，把自己的学习过程记录一来。好记性不如烂笔头。首先要说的是， Vue 2.0学习笔记是一个从零开始的一个学习过程，由于自…
[深圳线下活动] Alloyteam Web 前端大会讲师全部来自 Alloyteam 成员，大会将向业界分享 Alloyteam 最新技术实践、技术干货。做最纯净、最干货、最专业的前端大会
去哪儿网迷你React的研发心得去哪儿网迷你React是年初立项的新作品，在这前，去哪儿网已经深耕多年，拥有QRN（react-native的公司制定版），HY（基于React的hybird方案）， yo(基于React的移动UI库)，QRN-web(基于React的三端合一移植方案)，…
JavaScript 是如何工作的：内存管理以及如何处理四种常见的内存泄漏原文：How JavaScript works: memory management + how to handle 4 common memory leaks 译者：neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 几个礼拜之前我们… 原文：How JavaScript works: memory management + how to handle 4 common memory leaks 译者：neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 几个礼拜之前我们…
CoffeeScript 2 发布 We are pleased to announce CoffeeScript 2! This new release of the CoffeeScript language and compiler aims to bring CoffeeScript i
性能优化之组件懒加载: Vue Lazy Component 介绍这篇文章分享了从遇到前端业务性能问题，到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案（Vue Lazy Component ）的过程。初始加载资源过多问题起源于我们的一个页面，下面是这个页面的截图和初次请求的瀑布图。初始加载了155个请求初始加载的时候，一共请求了155…
【 js 基础】为什么 call 比 apply 快？这是一个非常有意思的问题。在看源码的过程中，总会遇到这样的写法：var triggerEvents = function(events, args) { var ev, i = -1, l = events.length, a1 = args , 这是一个非常有意思的问题。在看源码的过程中，总会遇到这样的写法：var triggerEvents = function(events, args) { var ev, i = -1, l = events.length, a1 = args ,
深入浅出 JavaScript 内存管理，垃圾回收简介在 JavaScript 中，本篇文章讲解JavaScript 中垃圾回收机制，内存泄漏，结合一些常遇到的例子，相信各位看完后，会对JS 中垃圾回收机制有个深入的了解。
Prettier 1.7.0 发布，前端代码格式化“神器”
colority.js —— (~1kb) library to extract colors from pictures. extracting colors from pictures. DEMO Installation
腾讯IMweb Conf 2017大会图文笔记 — 下下午的干货就比较多，我主要是在Node分场+小程序架构剖析，其他的没有整理了。早上的整理链接《腾讯IMweb Conf 2017大会图文笔记 — 上》。目录《Egg&node从小工坊走向企业级开发》– 天猪@阿里巴巴《WebIM大流量柔性微服务实战下午的干货就比较多，我主要是在Node分场+小程序架构剖析，其他的没有整理了。早上的整理链接《腾讯IMweb Conf 2017大会图文笔记 — 上》。目录《Egg&node从小工坊走向企业级开发》– 天猪@阿里巴巴《WebIM大流量柔性微服务实战下午的干货就比较多，我主要是在Node分场+小程序架构剖析，其他的没有整理了。早上的整理链接《腾讯IMweb Conf 2017大会图文笔记 — 上》。目录《Egg&node从小工坊走向企业级开发》– 天猪@阿里巴巴《WebIM大流量柔性微服务实战
一篇包含了react所有基本点的文章去年，我写了一本关于学习React.js的小书，原来是大约100页。今年我要挑战自己，把它归纳为一篇文章。本文不会涵盖什么是React，或者为什么要学习它。相反，这是面向已经熟悉JavaScript并熟悉DOM API基础知识…
#前端开发那些事#【Git 相关命令总结】详见：git相关命令总结对于开发人员来说，掌握 Git 命令是必不可少的，现在将常用的命令做一总结。（作者：巩小白）分享Web前端相关的技术文章、工具资源、学习心得以及笔记。小编会在12小时内审核通过，并与大家分享精选文章。小狮也会在微博【IT程序狮】上，推荐大家的文章。欢迎Web开发者们踊跃投稿哦。
教程 – 使用 TypeScript 构建 Node.js 应用使用 TypeScript 开发 Node.js 3 个月前 2017 年 6 月 20 日这篇文章将会告诉您，怎样编译、构建、测试以及调试使用 TypeScript 开发的 Node.js 应用。为此，我准备了一个示例工程，您稍后可以查看