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

28个超牛逼的JavaScript技术用法；前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上；2017 年 JavaScript 发展状况回顾；前端领域2017年有哪些变化，2018年又有怎样的期待？；你所不知道的JSON.parse() 和 JSON.stringify() – 高级用法；CSS 世界概述；javascript异步编程-现状；javascript异步编程(一)-现状

28个超牛逼的JavaScript技术用法 Javascript是一门很吊的语言，我可能学了假的JavaScript，哈哈，大家还有什么推荐的，补充送那啥邀请码。本文秉承着：你看不懂是你SB，我写的代码就要牛逼。 1、单行写一个评级组件 “★★★★★☆☆☆☆☆”.slice(5 – rate, 10 – rate);定义一个变量rate是1到5的值，然后执行上面代码，看图才发现插…
前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上阅读目录理想的前端开发流程 Gulp 为何物 webpack 又是从哪冒出来的结论文章有点长，总共 1800 字，阅读需要 18 分钟。哈哈，没耐心的直接戳我到高
2017 年 JavaScript 发展状况回顾在 2017 年 JavaScript 状态调查结果出来之前，我们专家小组对 JavaScript 过去一年的发展进行了回顾去年的 JavaScript 状况调查报告的亮点之一就是，我们组建了一个专家小组对调查结果进行深入分析。今年呢，我们
前端领域2017年有哪些变化，2018年又有怎样的期待？以下为我在知乎问题「2017年前端有什么样变化？即将来临的2018有什么样的期待？」下的回答，稍作整理分享给大家。如有遗漏欢迎在评论中指出。原文如下：在即将过去的2017年里，我们回顾：逃不过的三大框架 React 继续在前端领域占据着主导地位，并在 2017 年发布了最受期待的版本之一 – React 16。它包含…
你所不知道的JSON.parse() 和 JSON.stringify() – 高级用法 JSON对象的两个方法：JSON.parse() 和 JSON.stringify() 通常用做JSON对象和字符串之间的相互转换，这里不再详细介绍，你可以查看这篇文章： http://www.css88.com/archives/3919 。这里介
CSS 世界概述第1章　概述 CSS世界要深入理解一个事物之前，最好先对其整体有个大概了解，这样才不至于蠡测管窥。如果把CSS比作一座大山，则我们对整体的认知就好比知道这座山的位置、山势、道路状况等，这样，当我们深入其中的时候，就不容易迷路，不会做出错误的决策。例如，对CSS…
javascript异步编程-现状写在前面, 这个话题其实还挺大的, 我自己恐怕力有不逮, 所以只能算是笔记总结, 写的肯定会有点简略. 有错误实在太正常了. 希望能多多指教. 这篇文章仅仅是解释一下现有的异步编程方案不涉及具体原理, 但是我的想法是试试看能不能每个方案都自己实现一遍, 所以可能是系列文章也可能就此太监了. 回调函数 …
javascript异步编程(一)-现状写在前面, 这个话题其实还挺大的, 我自己恐怕力有不逮, 所以只能算是笔记总结, 写的肯定会有点简略. 有错误实在太正常了. 希望能多多指教. 这篇文章仅仅是解释一下现有的异步编程方案不涉及具体原理, 但是我的想法是试试看能不能每个方案都自己实现一遍, 所以可
bezierMaker.js——N阶贝塞尔曲线生成器写在最前由于原生的Canvas最高只支持到三阶贝塞尔曲线，那么我想添加多个控制点怎么办呢？（即便大部分复杂曲线都可以用3阶贝塞尔来模拟）与此同时，关于贝塞尔控制点的位置我们很难非常直观的清楚到底将控制点设置为多少可以形成我们想要的曲线。本着解决以上两个痛点同
bezierMake.js——N阶贝塞尔曲线生成器由于原生的Canvas最高只支持到三阶贝塞尔曲线，那么我想添加多个控制点怎么办呢？（即便大部分复杂曲线都可以用3阶贝塞尔来模拟）与此同时，关于贝塞尔控制点的位置我们很难非常直观的清楚到底将控制点设置为多少可以形成我们想要的曲线。本着解决以上两个痛点同时社区内好像并没有N阶的解决方案（js版）故这次作者非常…
Parcel，零配置开发 React 应用本文译自 Create a React app with zero configuration using Parcel。webpack 已经经历三四年的发展，社区和技术趋于成熟，它已经成为了前端开发中的必备工具。那问题来了，会有新的工具来挑战 webpack 的地位吗？各位不妨看看本文的 Parcel，说不定就是未来的主角。一开始使用 React 的痛苦想必大家都经历过…
2017 年 7 月：15 个有趣的 JS 和 CSS 库
如何在 JavaScript 中使用 Generator？ Generator 是一种非常强力的语法，但它的使用并不广泛（参见下图 twitter 上的调查！）。为什么这样呢？相比于 async/await，它的使用更复杂，调试起来也不太容易（大多数情况又回到了从前），即使我们可以通过非常简单的方式获得类似体验，但是人们一般会更喜欢 async/await。然而，Generator 允许我们通…
构建前端异常监控系统背景最近，刚到新公司，对公司产品进行前端重构；在来公司近一个月中，发现以前产品问题很多，尤其兼容性问题等；在以前项目中也会经常遇到，可能因为某个兼容性问题，导致js代码出错，从而导致整个应用无法运行；但市场上，无论是pc端还是移动端，会有各种不同的系统，不同的浏览器内核，不管是从开发还是…
基于React的音乐播放器，适配PC端和移动端基于React的适配PC端和移动端的轻量音乐播放器技术：React16 之前基于Vue写了一个播放器，带各种功能，最后把自己绕死了。这次用React重写了个，舍弃了那些没用的功能，只保留了基本功能。并且利用媒体查询适配…
【quickhybrid】JS端的项目实现前言 API实现阶段之JS端的实现，重点描述这个项目的JS端都有些什么内容，是如何实现的。不同于一般混合框架的只包含JSBridge部分的前端实现，本框架的前端实现包括JSBridge部分、多平台支持，统一预处理等等。 …
react-router browserHistory刷新页面404问题解决使用React开发新项目时，遇见了刷新页面，直接访问二级或三级路由时，访问失败，出现404或资源加载异常的情况，本篇针对此问题进行分析并总结解决方案。查看个人博客背景使用webpack-dev-server做本地开发服务器时，正常情况只需要简单使用web
Vue组件通信之Bus 关于组件通信我相信小伙伴们肯定也都很熟悉，就不多说了，对组件通信还不熟悉的小伙伴移步这里。在vue2.0中 $dispatch 和 $broadcast 已经被弃用。官方文档中给出的解释是：因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式确实不太好，我们也不希…
基于 HTML5 WebGL 的 3D 服务器与客户端的通信这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算…
论响应式 HTTP Client 在前端的应用喵, 突然想发一话题, 正如标题所言, 我想讨论一下前端发展到现在, 在 ajax 异步请求的一些设计.一枚 javaer 在谈论 javascript 的东西, 希望不会被打. = = 在编写前端网页时, 会经常用到用异步请求来满足各种需求。那么我们是怎么做
2017 年全球 JavaScript 技术调查结果解读「阅」——JSCourse 旗下栏目，专门推荐我们为大家精心挑选的优质 JavaScript 相关技术内容年底了，又将迎来一大波「总结」和「展望」，2016 年为自己制定的 2017 年的目标都实现了吗？如果没有的话，也没关系，因为马上要 2018 了，已经没有时间去实现了，哈哈，开个玩笑，只要自己觉得过去一年过得充实快…
【20171229 前端开发日报】2018年前端技术趋势预览；我不开玩笑，2018 年你还需要学习 JavaScript；论原子 CSS 的日益普及；CSS系列——一步一步带你认识transition过渡效果；three.js简介 —— 3D框架；JS退位，Go语言是DevOps时代最好的编程语言；…详情→
在 React & Redux 中使用 AJAX 轮询原文地址： AJAX POLLING IN REACT WITH REDUX 原文作者：Josh M 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者：刘嘉一校对者： yoyoyohamapi ， FateZeros 更新：查看最新关于使用 redux-saga …
iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ HTTP请求POST/GET请求——常见请求方式处理 iKcamp 制作团队原创作者：大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃文案校对：李益、大力萌、Au、DDU、小溪里、小哈风采主播：可木、阿干、Au、DDU、小哈视…
在 Redux 中使用 AJAX 轮询（二）：Saga 篇原文地址： AJAX POLLING IN REDUX PART 2: SAGAS 原文作者：Josh M 译文出自：掘金翻译计划本文永久链接： github.com/xitu/gold-m… 译者：刘嘉一校对者： yoyoyohamapi ， FateZeros 不久之前我写了一篇关于在 React …
原生js实现瀑布流效果前言最近在整理js基础知识，接触到了几个常用的页面特效，其中觉得用原生js实现瀑布流的案例十分有趣，于是与大家分享一下。瀑布流瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不…