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

尤雨溪：回应『Angular有哪些地方比Vue更优秀？』；2017拼多多前端笔试；HTML5使用Canvas来绘制图形；2017-08-02 前端日报；Egg 1.7.0 发布，阿里开源的企业级 Node.js 框架；React.js学习第一步；【全栈React】第1天: 什么是 React?

尤雨溪：回应『Angular有哪些地方比Vue更优秀？』最近 @大漠穷秋老师发布了一篇对比 Angular 和 Vue 的文章。框架之间的对比虽然是老生常谈，但也确实是绕不过去的话题，Vue 本身的文档里也直接就有和其他框架的对比。同为开源的技术方案，比较本身其实没有任何问题，但在写 Vue 与其他框架的比较的时
2017拼多多前端笔试简答题： settimeout 与 setInterval的区别，及对他们的内存的分析区别 setTimeout是在一段时间后调用指定函数（仅一次） setInterval是每隔一段时间调用指定函数（N次） {代码…} 以上面的代码来说, 虽然设置…
HTML5使用Canvas来绘制图形
2017-08-02 前端日报2017-08-02 前端日报精选 JavaScript 浮点数精度之谜前端面试必备——基本排序算法从贺老微博引出的“遍历器（Iterators）加速那些奥秘”JavaScript 进阶之深入理解数据双向绑定全栈React: React 30天Creating Custo…
Egg 1.7.0 发布，阿里开源的企业级 Node.js 框架 Egg 1.7.0 已发布，Egg 是阿里开源的企业级 Node.js 框架，为企业级框架和应用而生。团队的架构师和技术负责人可以非常容易地基于自身的技术架构在其基础上扩展出适合自身业务场景的框架。 Egg 奉行『约定优于配置』，按照一套统一的约定进行应用开发，团队内部采用这种方式可以减少开发人员的学习成本，开发人员…
React.js学习第一步开始前安装 node.js; 安装 cnpm; 安装 yarn; 安装完成yarn后, 将镜像替换成国内的: {代码…} 安装 create-react-app: {代码…} 项目初始化命令行切到需要创建项目的目录内, 然后执行: {代码…} 初始化生成的…
【全栈React】第1天: 什么是 React?本文转载自：众成翻译译者：iOSDevLog链接：http://www.zcfy.cc/article/3765原文：https://www.fullstackreact.com/30-days-of-react/day-1/ 今天，我们从一开始就开始。让我们看看React是什么，是什么让React运…
2017年 Web 开发趋势翻译：疯狂的技术宅作者：Dmitry Budko英文标题：Web Development Trends 2017英文原文：https://dashbouquet.com/blog/… 如今，Web开发以惊人的速度发展，2016非常热门的技术趋势，在今天已经被视为过时的东西…
基于jQuery的一个“射日”小游戏写在最前本次的分享是一个基于jQuery实现的一个移动端射箭类小游戏。主要实现了目标物、障碍物的随机渲染，以及中箭效果的判定等。欢迎关注我的博客，不定期更新中—— 效果预览 game.gif 点我查看源码仓库。主要结构规划 … //基础属性 defaultOption = {} //绘制整体画面 …
Node.js 2017企业用户调查结果发布 Node.js基金会发布了2017年用户调查结果。该调查显示，企业用户对Node.js的兴趣与日俱增。从2016年11月30日到2017年1月16日，有超过1400名开发人员和管理人员参与了此次在线调查，该调查的目标是“分析Node.js用户”和“发现可能的改进领域”。看中稳定性的企业开发人员可能无法每个版本都升级，他们让Node.js的长期支…
webpack3.x 的 Vue 多页/单页脚手架，开箱即用简介该项目为日常项目开发中抽离的一个脚手架，目的是为了方便后续开发。脚手架默认配置es6-7-8＋cssnext+vue开发环境，但并不仅限于用vue做开发。并对webpack打包流程做了优化处理。支持
express-no-stress 生成器：使用 Express.js 和 Swagger 构建优秀的 API 在这篇短文中，我将介绍如何使用 Node.js 以及一流的技术和方法搭建一个 API 应用程序。我将介绍 express-no-stress 生成器，可用它来快速搭建一个构建于 Express.js 之上的新 API 应用程序。搭建的这个应用程序提供了结构化的日志记录、API 请求验证、交互式 API 文档、环境驱动的配置、一个简单的构建/转译过…
React知识地图–ES6原文在我的博客：https://github.com/YutHelloWo…如果喜欢请start或者watch。这将是我继续写下去的动力。这里梳理下React技术栈需要的最小知识集，让你可以最短时间掌握React,Redux,React-Router,ES6的相关知…
JavaScript 中数组排序的秘密我们都知道js数组排序的方法为array.sort，但你知道里面深埋的秘密吗？ array.sort的使用在MDN的文档中，关于array.sort的参数compareFunction是这样描述的：
【全栈React】第6天: 状态本文转载自：众成翻译译者：iOSDevLog链接：http://www.zcfy.cc/article/3824原文：https://www.fullstackreact.com/30-days-of-react/day-6/ 今天我们开始了解React中有状态组件的工作原理，并且看看我们何时以…
Gitalk – 继多说之后一款很Geek的评论插件使用 Github 登录支持多语言支持个人或组织无干扰模式（设置 distractionFreeMode 为 true 开启）快捷键提交评论（cmd|ctrl + enter）评论支持 Markdown 语法
JavaScript专题之jQuery通用遍历方法each的实现 JavaScript 专题系列第十一篇，讲解 jQuery 通用遍历方法 each 的实现 each介绍 jQuery 的 each 方法，作为一个通用遍历方法，可用于遍历对象和数组。语法为： jQuery.each(object, )
JavaScript 排序算法（JavaScript sorting algorithms） JavaScrip 排序算法（JavaScript Sorting Algorithms）基础构造函数以下几种排序算法做为方法放在构造函数里。 function ArrayList () { var array = ; array = array ; array = aux…
【全栈React】第5天: 数据驱动本文转载自：众成翻译译者：iOSDevLog链接：http://www.zcfy.cc/article/3821原文：https://www.fullstackreact.com/30-days-of-react/day-5/ 我们的应用程序中的硬编码数据不是好主意。今天，我们将把我们的组…
#CSS3#【CSS3自定义webkit滚动条样式】使用谷歌Chrome浏览器的最新版本，滚动条样式已经是非常漂亮了。这个webkit-scrollbar仅适用于webkit内核。如果你想找其他的，可以试试用jquery滚动条插件。webkit属性::-webkit-sc…请戳→ #前端开发博客#
npm 与 package.json 快速入门 npm 是前端开发广泛使用的包管理工具，之前使用 Weex 时看了阮一峰前辈的文章了解了一些，这次结合官方文章总结一下，加深下理解吧！读完本文你将了解：
HTTP1.0、HTTP1.1 和 HTTP2.0 的区别作者 | 一只好奇的茂地址 | http://www.jianshu.com/p/be29d679cbff 声明 |&nbsp
wtfjs – 一系列的 JavaScript 语言的有趣技巧合集 A list of funny and tricky examples of JavaScript. JavaScript is a great language. It has a simple syntax, large ecosyste
Vue.js 中，7种定义组件模板的方法 | Codementor 翻译有多种方式可以在vue中定义模板组件。我算了一下，至少有7种不同的方法：字符串（String）模板字符串（Template literal） X-Templ
vue-cli “从入门到放弃”主要作用：目录结构、本地调试、代码部署、热加载、单元测试在如今前端技术飞速发展的时代，angular.js、vue.js 和 react.js 作为前端框架已经呈现出了三国鼎立的局面。作为国人若你不知道 vue，小生表示可以理…
javascript手机号码校验工具类下面是我自己封装的一个工具类，仅供参考 {代码…}
JavaScript 包管理的前世今生编者按：本文由myvin在众成翻译平台上翻译。JS生态系统的繁荣离不开强大的包管理工具，今天我们来看看JavaScript 包管理的进化过程。（图片来自网络）和 Yarn 相比，npm 在缓存、集成度和扩展性方面表现如何呢？我们将在这篇文章中一辨分晓。如果将一个 JavaScri…
RxJS: 白话 Subjects 原文链接: netbasal.com/rxjs-subjec…本文为 RxJS 中文社区翻译文章，如需转载，请注明出处，谢谢合作！如果你也想和我们一起，翻译更多优质的 RxJS 文章以奉献给大家，请点击【这里】我已经发表过一篇关于 Subject 的文章
#前端技术#【有趣的 JavaScript 示例列表】详见：这份列表受到 Brian Leroux 在 2012 年 dotJS 上演讲的《WTFJS》启发而整理。在文中，你会发现一些疯狂的 JS 示例，作者还将为你解释它们如何工作。相信，你会找到一些新的启发。[二哈]