20170920 前端开发日报

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

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

  29. 教程 - 使用 TypeScript 构建 Node.js 应用 使用 TypeScript 开发 Node.js 3 个月前 2017 年 6 月 20 日 这篇文章将会告诉您,怎样编译、构建、测试以及调试使用 TypeScript 开发的 Node.js 应用。为此,我准备了一个示例工程, 您稍后可以查看

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

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

原创文章:20170920 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170920.html)
评论已关闭。