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

从 Nuxt.js 学习到了什么？；新手玩CSS中的一些黑科技；WebSocket：5分钟从入门到精通；ES6中的尾调用优化；解析js中的this对象；React、Vue 、 Angular 共分天下，2018首将会是谁？；Node.js v8.9.4 (LTS) 发布，可以从任何目录配置；react骨架屏

从 Nuxt.js 学习到了什么？这段时间由于工作需要，对 Nuxt.js 这个框架进行了一些深入的研究，从中学习到了一些东西，所以写下来分享一下。我本人对 Nuxt.js 高度认可，我甚至觉得这种前端工程化的解决方案的架构模式正是我们所需要去学习和借鉴的一种非常优秀的实践。写这篇文章的目的不
新手玩CSS中的一些黑科技哎哎 1、鼠标移进网页里，不见了= = *{ cursor: none!important; } 2、简单的文字模糊效果 *{ color: transparent; text-shadow: #11
WebSocket：5分钟从入门到精通 WebSocket的出现，使得浏览器具备了实时双向通信的能力。本文由浅入深，介绍了WebSocket如何建立连接、交换数据的细节，以及数据帧的格式。此外，还简要介绍了针对WebSocket的安全攻击，以及协议是如何抵御类似攻击的。二、什么是WebSocket HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层…
ES6中的尾调用优化原文：http://exploringjs.com/es6/ch_tail-calls.htmlECMAScript 6 提供了尾调用优化(tail call optimization)功能，以使得对某些函数的调用不会造成调用栈(call stack)的增长。
解析js中的this对象前言（几天之前写了源码分析之后，感觉太疲惫了，写一些相对轻巧的内容调剂一下，希望喜欢的同学可以点个赞和收藏~）进入正题，this对象在js中是很常见，但是在这里也经常会出错，本文将对常见的this对象的情况做一些总结正文 this 对象是在函数运行时，基于函数的执行环境绑定…
React、Vue 、 Angular 共分天下，2018首将会是谁？要论 2017 年最主流的三个 Web 前端结构，应莫过于 Angular、Vue 和 React 了。然而在实际运用中，这三个结构却不尽相同，对于规模不大的前端项目来说，Vue 因其极易上手会被列出首选之位，Angular 在快速开发大型 Web 项目上很受推崇，但仍存许多缺点，React 正为 JavaScript 运用开发者供给新的开发方式。因此，面对各…
Node.js v8.9.4 (LTS) 发布，可以从任何目录配置 Node.js v8.9.4 (LTS) 发布了，Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。更新内容： deps: upgrade npm to 5.6.0 (Kat Marchán) #17535 build: configure can now be run from any di…
react骨架屏 ehome-react-skeleton 一个可以自动生成react骨架屏的webpack loader. 起始菊花的loading图太low，骨架屏更美观。公司UI不愿意为设计骨架屏图片（在一个小公司，UI也比较少）！后来我想了一下能不能通过webpack
【20180105 前端开发日报】原生 JavaScript 模块的现在与未来；面向自己的2018前端开发指南（一）；vue开发看这篇文章就够了；2018 我所了解的 Vue 知识大全；前端不止：请告诉我，你要什么样的图标；很全很全的JavaScript模块讲解，看了绝不后…详情→
2018 要学习的优秀 JavaScript 库与知识 Alex Proimos — 纽约公共图书馆自修室 (CC BY 2.0) 去年，我写了一篇关于2017 需要学习的技术的文章。今年有一些惊喜。我们致力于回答 “在你投资学习的时候，哪些最高效？” 的问题 JavaScript 有最多的包，取得压倒性胜利。首先，软件吞噬了世界，web 吞噬了软件，同时 JavaScript 吞噬了 web…
vue vuex vue-rouert后台项目——权限路由（超详细简单版）
《手机活动页图片性能优化分享》页面性能优化包括很多方面，而其中图片优化是其中最为重要的一环，特别是对于以图片为主页面而言。此次主要分享我们在手机活动页中对于图片的优化分享心得。（by 火头军人/摩洛克义伸）
理解flexible.js所需的viewport知识 viewport探索 flexible.js解读 http://www.quirksmode.org/mob…http://www.quirksmode.org/mob…http://www.quirksmode.org/mob…
vue2组件通信-使用dispatch和broadcast 最近在使用 Element 过程中发现组件通信大量使用 dispatch 和 broadcast 两个方法，之前在 vue2 组件通信也提到过 vue2 中取消了 $dispatch 和 $broadcast 两个重要的事件，而 Element 重新实
【前端系列】学习 NPM 0 npm 是每一位前端工程师都必备的技能。入门前端，就从入门npm开始吧。一、什么NPM NPM是随同NodeJS一起安装的包管理工具，常见的有以下几种使用场景：
AJAX请求真的不安全么？谈谈Web安全与AJAX的关系维护人：戴荔春开篇三问 AJAX请求真的不安全么？ AJAX请求哪里不安全？怎么样让AJAX请求更安全？前言本文包含的内容较多，包括AJAX，CORS，XSS，CSRF等内容，要完整的看完并理解需要付出一定的时间。正文开始… 从入坑前端开始，一直到现在，AJAX请求都是以极高的频率重复出现，也解…
从0开始实现 react-router 从0开始实现 react-router react-router 已经经历了好几个版本的大更新。在这里我们打算参照v4.0的设计思想创一个轮子: tiny-router history api 现代浏览器提供了提供了对histor
把JavaScript标准库之数组一网打尽学习任何编程语言，数组都是绕不过去的坎，每个编程语言都在其标准库里面内置了功能强大的Array对象。通过参考阮一峰教程和MDN,我把数组常见的方法以及一些误区总结如下，内容较多，而且会继续补充，希望这一篇文章可以把数组的知识一网打尽。 1. 数组的简单概念
NodeJS + Aliyun 实现 DDNS DDNS，即动态DNS，简单来说就是服务器的 IP 地址经常变动，这个时候需要一个主动上报的服务来更新 DNS 的解析记录，保证域名指向正确的 IP 地址。比如在自己家中的树莓派上部署了某些服务，且路由器有公网 IP，由于每次重新拨号，公网 IP 都会变，所以想要根据域名去访问树莓派，必须做 DDNS。 DDNS 可以选择花生…
从源码的角度看 React JS 中批量更新 State 的策略（上）在之前的文章「深入理解 React JS 中的 setState 」与「从源码的角度再看 React JS 中的 setState 」中，我们分别看到了 React JS 中 setState 的异步表现，并从源码的角度简单地了解了 React 中 setState 的设计结构以及原理。这篇文章继上篇文章后，继续从源码的角度来了解 React 中对 State 批量更新策略的定…