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

Vue.js SSR Step by Step (2) – 一个简单的同构DEMO；从项目谈起，为何要用async / await 替代Promise？；一个项目初试 vue；对前端状态管理的个人理解；14个你可能不知道的JavaScript调试技巧；Javascript异步编程模型进化；从零开始构建react应用（六）同构之样式直出；tufte-css – 像写论文排版一样的 CSS 文字样式

Vue.js SSR Step by Step (2) – 一个简单的同构DEMO 上一篇文章中介绍了如何从零开始搭建一个简单的 client-only webpack 配置。接下来我们在前面代码的基础上写一个简单的前后端同构的DEMO。改写入口当编写纯客户端(client-only)代码时，我们习惯于每次在新的上下文中对代码进行取值。但
从项目谈起，为何要用async / await 替代Promise？之前阅读过一篇文章《Async/Await替代Promise的6个理由》，现在async / await语法已经处于Stage3阶段。兼容性服务端方面，在Node.js 7.6版本后，async / await语法已经被Node.js支持，如Ko
一个项目初试 vue 本文首发于我的个人网站： cherryblog.site/ 预览 github 地址：github.com/sunshine940… 首先安装依赖，然后直接运行就可以了~ npm installnpm run dev 前言现在 vue 已经是火了不能再
对前端状态管理的个人理解前端状态管理请三思在这篇文章中提到了前端状态管理的一种思路，也就是使用有限状态自动机来管理前端状态。初读时我没有深入思考以至于鲁莽的认为又是一篇描述函数式中的条件执行来替代 switch 的文章，进而给出了想当然的回复，非常不好意思，所以知耻后苦搜索相关的内
14个你可能不知道的JavaScript调试技巧译者：SlaneYang原文：https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率来调试JavaScript 熟悉工具可以让工具在工作中发挥出更大的作用。尽管江湖传言 JavaScript 很难调试，但如果你掌握…
Javascript异步编程模型进化 Javascript语言是单线程的，没有复杂的同步互斥；但是，这并没有限制它的使用范围；相反，借助于Node，Javascript已经在某些场景下具备通吃前后端的能力了。近几年，多线程同步IO的模式已经在和单线程异步IO的模式的对决中败下阵来，Node也因此得
从零开始构建react应用（六）同构之样式直出前言上文讲到通过同构服务端渲染，可以直出html结构，虽然讲解了样式，图片等静态资源在服务端引入问题的解决方案，但是并没有实际进行相关操作，这篇文章就讲解一下如何让样式像html一样直出。 PS: 直出，我的…
tufte-css – 像写论文排版一样的 CSS 文字样式 Edward Tufte uses a distinctive style in his handouts: simple, with well-set typography, extensive sidenotes, and tight integratio
字幕字体滚动插件——scroxt.js READMEscroxt.js Overviewscroxt.js是一个字体滚动的插件库，包括视频弹幕滚动，直播弹幕、直播弹幕强制模式、单行水平左右滚动、文本垂直滚动上下，用于简单快捷生成滚动字体。性能优秀，通过CPU加速，缓存字体元素，帧运动，达到最流畅
Learn redux step by step 源码地址: git clone -b redux-simulation github.com/wangzhengqu… 为更好理解redux,这个项目时里用到的store provider combineReducers 是模拟redux实现的。 why r
JS 中异步的解决方案 callback 在 JavaScript 中函数是第一公民，可以做为参数传入函数中执行。所以我们可以把需要异步执行的代码放到回调函数中，然后在异步回调再执行这些代码。 Example 如下定义 delay 函数
JavaScript单位换算和数字格式化最近发现自己日常工作中，经常会遇到对需要对后端传过来的一些数据进行显示处理，比如说时间、数值、字符串、数字等等。所以决定归纳在一起，便于查阅和参考。格式化常用插件：numbro.js数据处理一般用：lodash.js、 underscore.js时间处理是
#前端开发那些事#【JPG？GIF？PNG？前端如何选择图片格式？】详见：前端如何选择图片格式？本篇将带你了解 JPG、GIF、PNG 图片格式的那些事。（作者：BenzLeung）
在线追踪压缩后的JS出错代码原文首发：https://qianduan.group/。目前的web静态资源为了减少加载时间和一部分的安全原因,都对js文件进行了合并和压缩，虽然在网页体验上非常不错，但是对于在线js的错误跟踪就显得异常麻烦解决思路对于不要压缩，这点肯定
玩转 React（六）- 处理事件前面的文章介绍了 React 的 JSX 语法、组件的创建方式、组件的属性、组件的内部状态以及组件的生命周期。另外，还顺带说了各个知识点要重点注意的事情，以及我在项目实践中的一些经验。如果你觉得对自己有帮助，…
前端每周清单第 38 期: Node 9 发布，Kotlin 与 React，Netflix 架构解密前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单。新闻热点国内国外，前端
自己动手做一个识别手写数字的 Web 应用（二）继续上文。自己动手做一个识别手写数字的web应用01 01 再次进入docker容器接着上一篇文章，我们继续使用上次新建好的容器，可以终端输入： docker ps -a 如上图，找到上次run的容器，我这边是容器名（NAMES）为suspicious_cori，启动它，可… 继续上文。自己动手做一个识别手写数字的web应用01 01 再次进入docker容器接着上一篇文章，我们继续使用上次新建好的容器，可以终端输入： docker ps -a 如上图，找到上次run的容器，我这边是容器名（NAMES）为suspicious_cori，启动它，可…
《Webpack打包器面板进阶》Webpack-dashboard插件在Github网站上星数超过10000，但我还几乎从没碰过。这么棒的插件，为什么不利用起来呢？现在，瞄准的就是你俩：create-react-app和vue-cli。（by 众成翻译）
#jQuery#【理解jquery的$.extend()、$.fn和$.fn.extend()】jQuery为开发插件提拱了两个方法，分别是：jQuery.fn.extend();jQuery.extend();jQuery.fnjQuery.fn = jQuery.prototype = {　　　init: function( selector, con…请戳→ #前端开发博客#
细说WebSocket – Node篇细说WebSocket – Node篇 – Barret Lee – 博客园 HomeGithub 个人博客Weibo订阅 Posts – 119, Articles – 20, Comments – 1155
Webpack 模块打包器面板进阶终端画面，漂亮的webpack面板 Webpack-dashboard插件在Github网站上星数超过10000，但我还几乎从没碰过。这么棒的插件，为什么不利用起来呢？现在，瞄准的就是你俩：create-react-app和vue-cli 记住，要是背后有人偷看到这个画面，就假装在为美国国家航天局NASA工作。使用webpack，尤其是运行webp… 终端画面，漂亮的webpack面板 Webpack-dashboard插件在Github网站上星数超过10000，但我还几乎从没碰过。这么棒的插件，为什么不利用起来呢？现在，瞄准的就是你俩：create-react-app和vue-cli 记住，要是背后有人偷看到这个画面，就假装在为美国国家航天局NASA工作。使用webpack，尤其是运行webp…
【学会Nginx，10倍提升你的Web应用性能！】今天我们就一起来了解下Nginx。详见