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

再谈JavaScript作用域——你确定你真的知道？；利用CSS变量实现令人震惊的悬浮效果；专访死马：为什么说Egg.js是企业级Node框架；2018阿里巴巴前端面试总结(题目+答案)；React Mixin 的前世今生；WebSocket 通信过程与实现；Htte：声明式 HTTP 自动化测试框架；Vue.js中侦听器（watch）的高级用法

再谈JavaScript作用域——你确定你真的知道？什么是作用域？作用域，这个词在编程界经常能听到看到，每一个程序员几乎都有被问到过。在前端圈，面试JavaScript相关知识，这可以算说是一个非常基础的问题了。但早年间我长期陷入了一种“只可意会不可言传”的地步，我不知道是不是有许多小伙伴与我曾经有一样的经历
利用CSS变量实现令人震惊的悬浮效果最近，我从 Grover网站上发现以一个好玩儿的悬停动画，也有了些自己的灵感。这个动画是将鼠标移动到订阅按钮上移动光标会显示相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。怎样才能达到这
专访死马：为什么说Egg.js是企业级Node框架
【面试分享：2018阿里巴巴前端面试总结(题目+答案)】脑子混了记得不多了，记得多少就记录多少吧。。。。详见（来自：梦魇小栈）
React Mixin 的前世今生在 React component 构建过程中，常常有这样的场景，有一类功能要被不同的 Component 公用，然后看得到文档经常提到 Mixin（混入）这个术语。此文就从 Mixin 的来源、含义、在 React 中的使用说起。使用 Mixin 的缘由 Mixin 的特性一直广泛存在于各种面向对象语言。尤其在脚本语言中大都有原…
WebSocket 通信过程与实现什么是 WebSocket ？ WebSocket 是一种标准协议，用于在客户端和服务端之间进行双向数据传输。但它跟 HTTP 没什么关系，它是基于 TCP 的一种独立实现。以前客户端想知道服务端的处理进度，要不停地使用 Ajax 进…
Htte：声明式 HTTP 自动化测试框架 Htte 是一款声明式 HTTP 自动化测试框架, 使用 YAML 编写测试。翻译: English | 中文编写完 API 接口后，我们需要测试其功能。手动一条一条用 Postman 和 curl 测试也是一种方式，但是缺点显而易见。严谨精明的程序员常常会编写一些测试程序来完成这项工作。一般是生成请求数据，再通过 http …
Vue.js中侦听器（watch）的高级用法 Vue.js中侦听器（watch）的高级用法假设有如下代码： <div> <p>FullName: {{fullName}}</p> <p>FirstName: <inputtype="text"v-model="firstName"></p> </div> new Vue({ el: ‘#root’, data: { firstName: ‘Dawei’, l…
JavaScript的BOM、DOM操作、节点以及表格（二）
Vue SSR 组件加载
yahoo前端优化建议-个人总结_ 2. 减少DNS查找组件分散到2-4个主机名，这是同时减少DNS查找和允许高并发下载的折中方案 3. 避免重定向 HTTP 重定向是一项用于将客户端重定向到设备专用网址的常用技术。但采用重定向会增加延迟。若必须重定向的话，请使用HTTP重定向（响应体为空）并用301(永久转移)或302（暂时转移）状态码。（两者区别在…
【20180429 前端开发日报】JavaScript学习笔记：DOM的操作；那些年前端跨过的域；用flow.js提升前端健壮性；再谈JavaScript作用域；为何我最终选择放弃升级 webpack4？；【React进阶系列】从零开始手把手教你实现一个Virtual DOM（三）；Angular…详情→
Vue nextTick 机制背景我们先来看一段Vue的执行代码： export default { data () { return { msg: 0 } }, mounted () { this.msg = 1 this.msg
Node HTTP/2 Server Push 从了解到放弃前阵子，在Media看到一篇文章《Node.js can HTTP/2 push!》。看到push这个字眼时，我想到的是WebSocket消息推送。难不成HTTP/2还能像WebSocket那样可以服务端主动推送消息？好厉害，我就一下子来了兴趣。然