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

Vue vs React：JavaScript 框架之战；前端每周清单第 19 期： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状；用 JavaScript 刷 LeetCodeOJ 解题报告合集（持续更新）；CSS规范–BEM入门；JavaScript数组迭代（遍历）方法；漫谈 JS 函数式编程（一）；JavaScript 异步编程的四种方式；vue项目构建与实战

Vue vs React：JavaScript 框架之战正如我们之前提到的，WordPress 的核心团队正争论着为应该将哪款（前端框架）加入现在的架构之中。目前看来，暂时脱颖而出的是React与Vue.js，社区中的很多成员正权衡着这两款框架的利弊。那到底哪款框架会胜出，哪款框架又会沦为昔日的prototype.js.呢？让我们一起看看吧。我已经写出了两个几乎一样的Web…
前端每周清单第 19 期： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状前端每周清单第 19 期： Vue的优势与劣势；Node.js有望超越Java；JS在嵌入式及物联网的应用现状为InfoQ中文站特供稿件，首发地址为这里；如需转载，请与InfoQ中文站联系。从属于笔者的 Web 前端入门与工程实践的…
用 JavaScript 刷 LeetCodeOJ 解题报告合集（持续更新） This is the solutions collection of my LeetCode submissions, most of them are programmed in JavaScript. All JavaScript codes are wrote in ECMAScript 6 standard, each solution file will contain a problem description in the beginning, and followed by some necessary explanation, some problem…
CSS规范–BEM入门这段时间在整理前端部分的代码规范，前面提到的CSS规范里面会涉及到选择器的命名，就参考BEM的命名规范，内容整理如下，供大家参考，请斧正！如大家有兴趣，可移步至CSS编码规范 BEM是由Yandex公司推出的一套CSS…
JavaScript数组迭代（遍历）方法前言 ES5和ES6中新增了不少东西，对于数组而言，新增了不少迭代方法，让我们可以抛弃for循环，更方便的写JS代码。正文 ES5和ES6中新增的的数组迭代方法如下： forEach map filter some every reduce / reduceRig…
漫谈 JS 函数式编程（一）这可能是最简单易懂的函数式编程介（扯）绍（淡）了目前前端界（以及其他一些领域）对函数式编程大体上两种态度，一些人是觉得函数式编程特牛逼，尤其是现在许多新生的框架和库都在标榜自己的函数式特征。而另一些人，又觉得函数式编程学起来很难，而且似乎也没有什么卵用，理由是在自己经历的项目里…
JavaScript 异步编程的四种方式异步编程是每个使用 JavaScript 编程的人都会遇到的问题，无论是前端的 ajax 请求，或是 node 的各种异步 API。本文就来总结一下常见的四种处理异步编程的方法。回调函数使用回调函数是最常见的一种形式，下面…
vue项目构建与实战关于微信公众号：前端呼啦圈（Love-FED）我的博客：劳卜的博客知乎专栏：前端呼啦圈前言由于vue相对来说比较平缓的学习过程和新颖的技术思路，使其受到了广大前后端开发者的青睐，同时其通俗易懂的API和数据…
#JavaScript#【JavaScript中的数据结构和算法学习】本文主要讲述Javascript中实现栈、队列、链表、集合、字典、散列表、树、图等数据结构，以及各种排序和搜索算法，包括冒泡排序、选择排序、插入排序、归并排序、快速排序、顺…请戳→ #前端开发博客#
腾讯Web前端大会企鹅电竞PWA实战（MR_LP） 1.前言在听了很多内容之后，接下来是一个非常实在的干货分享。来自腾讯的渠宏伟来给我们一起分享一下，腾讯在前端页面中，是如何利用 PWA 技术来提高用户的转化率的。声明：本文是由李鹏（MR_LP）全程手打，请勿转载，违者必究！本文首发自微信公众平
CSS编码规范CSS 作为网页样式的描述语言。本文档的目标是使 CSS 代码风格保持一致，容易被理解和被维护。 1. 代码风格 1.1 文件 [强制]CSS文件使用UTF-8编码解释：UTF-8 编码具有更广泛的适应性。 1.2 缩进 [强制] 使用 2 …
20170627-HTTP与浏览器缓存机制浏览器缓存机制 Expires策略 Expires是web服务器响应消息头字段，在响应http请求时告诉浏览器在过期时间前浏览器可以直接从浏览器缓存读取数据，而无需再次请求。 Web服务器告诉浏览器在GMT(格林尼治时间):Tue,27…
JavaScript专题之类型判断(上)前言类型判断在 web 开发中有非常广泛的应用，简单的有判断数字还是字符串，进阶一点的有判断数组还是对象，再进阶一点的有判断日期、正则、错误类型，再再进阶一点还有比如判断 plainObject、空对象、Window 对…
Angular 的依赖注入是怎么实现的？这篇文章是探索对于Angular开发者来说既熟悉又陌生的概念：依赖注入。我们在定义控制器、服务(甚至是指令)的时候通常会依赖一些服务，例如下面这样： //按照Angular的严格模式，希望我们这样写： angular.module(‘app’, ) …
#JavaScript#【一个简单的Vue框架是怎么运转起来的？】今天我们来从零开始写一个非常简单的 VUE 框架，主要是让大家知道最核心的 vue 部分是怎么运转起来的。包括数据绑定，模板处理，以及页面渲染，数据驱动视图等几个部分 #前端开发博客#
Chromium 新的弹窗机制以及 HTML 的元素自 1995 年 JavaScript 诞生之初，就包含了 3 个方法 alert()、confirm() 和 prompt()。在随后的 Chrome 版本中，Chrome 团队一直在修改原生弹窗的表现。但是这种阻断式的弹窗总被各种广告网站恶意使用，因为只
开启基于JavaScript的机器学习之路 | 机器学习与JavaScript（一）基于 JavaScript 的机器学习？！没错，是基于 JavaScript 的机器学习！关注前端之巅系列文章——《机器学习与 JavaScript》，利用 JavaScript 开启机器学习之路！ —— 由前端之巅分享
2017 iWeb 峰会上海记录 winter，阴明，手淘的动画，百度的h5模板 —— 由MAYDAY1993分享
Promise是Monad吗? 译者按: 近年来，函数式语言的特性都被其它语言学过去了。原文: Functional Computational Thinking — What is a monad? 译者: Fundebug 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所
在CSS中解决过长和不期望出现的内容问题当我们写css的时候，有时候会忘记设计里面存在的临界情况。举个例子来说吧，当内容的长度超过了我们的期望值，我们也无法解释其中的可能性，页面的设计很可能会因此而崩掉。我们不能保证css总是会按照我们期望的那样工作，但至少我们可以用不同类型的内容来测试，以减少这种情况的发生。 —— 由根号三分享
腾讯 Web 前端大会分享浅析 — 主会场篇原文链接腾讯 Web 前端大会完美落幕。希望大家能收获满满干货。博主负责大会部份的讲师的遴选。虽然我全程都没怎么听（基本都在安排展位和发微博），但我希望通过选题的角度，以及PPT的内容，给大家分享一点思路和分享的导读。 TC39, ECMAScript, a
React进阶之高阶组件前言本文代码浅显易懂，思想深入实用。此属于react进阶用法，如果你还不了解react，建议从文档开始看起。我们都知道高阶函数是什么, 高阶组件其实是差不多的用法，只不过传入的参数变成了react组件，并返回一个新的组件. A higher-orde
Functional programming in Javascript is an antipattern（已加入掘金翻译计划大礼包）该文章正在掘金翻译计划（https://github.com/xitu/gold-miner）中翻译，大家可以持续关注掘金翻译计划以获取最新译文。千山万水总是情，来个 star 行不行？(◍•ᴗ•`◍)*＊ —— 由根号三分享
适合前端开发者的vim配置像使用sublime一样使用vim，包含各种语法高亮以及eslint语法检查。 —— 由shanyue分享
Angular4 开发实战：(12) 安全路由对于一些管理系统，我们总是需要一些权限控制，就好像总是需要登录才能访问到个人中心之类的页面。 Angular给我们提供了很强大的安全守卫。 —— 由铁锅分享
19+ JavaScript Shorthand Coding Techniques 19 个让你代码变得简单易读的技巧 —— 由晓风well分享