20171112 前端开发周报-前端开发博客

前端笔试面试简答题汇总；10 个独特的 CSS 背景视觉效果；前端同学必须要了解关于通信方面的知识；只分享一张大图「2016-2017 前端技术脑图」；字幕字体滚动插件——scroxt.js；这样的 validator.js 是不是你想要的呢？；聊聊 Spring Boot 2.0 的 WebFlux；「前端那些事儿」② 极限性能优化

前端笔试面试简答题汇总前言整理这份面试题的目的是为了让更多前端的同学能够在面试中抓住面试官想要得到的知识点，从而给面试官一个更满意的答案。在面试中我并不倡导使用套路来套路面试官，短短的几个小时的面试本质上也并不能看出面试者的实际水平，但是不可否认的是掌握足够的技巧和经验是可以为面试者拿到一份满意的Offer的。这里…
10 个独特的 CSS 背景视觉效果这几年的web设计中，大背景的设计变得越来越流行。特别是在现在大屏大行其道的情况下，设计师在设计中越来越多的使用大分辨率的背景图来填充屏幕，这样更能制造独特的视觉效果，能更好的传达他们想要向用户传达的内容。但是，大部分的设计仅仅是硬生生的把大
前端同学必须要了解关于通信方面的知识 head、options、get、put、post、delete含义与区别了解它们的区别，这对于 RESTful架构来说非常有意义。如果你还不知道什么叫 RESTful架构？ HEAD请求（判断资源是否存在） HEAD和
只分享一张大图「2016-2017 前端技术脑图」点击查看原图
字幕字体滚动插件——scroxt.js READMEscroxt.js Overviewscroxt.js是一个字体滚动的插件库，包括视频弹幕滚动，直播弹幕、直播弹幕强制模式、单行水平左右滚动、文本垂直滚动上下，用于简单快捷生成滚动字体。性能优秀，通过CPU加速，缓存字体元素，帧运动，达到最流畅
这样的 validator.js 是不是你想要的呢？ validator.js 一个简单的数据验证对象，适用于浏览器与node环境。 github 文档在线例子 use install: npm install -S vdjs const Validator = require(‘vdjs’) var valid = Validator.validate(data, {}) …
聊聊 Spring Boot 2.0 的 WebFlux 聊聊 Spring Boot 2.0 的 WebFlux## 前言对照下 Spring Web MVC ，Spring Web MVC 是基于 Servlet API 和 Servlet 容器设计的。那么 Spring WebFlux 肯定不是基于前面两者，它基于 Reactive Streams API 和 Servlet 3.1+ 容器设计。那 Reactive Streams API 是什么？先理解 Stream 流是什么？流是…
「前端那些事儿」② 极限性能优化前言前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！然而前端优化策略却是一件老生…
从项目谈起，为何要用async / await 替代Promise？之前阅读过一篇文章《Async/Await替代Promise的6个理由》，现在async / await语法已经处于Stage3阶段。兼容性服务端方面，在Node.js 7.6版本后，async / await语法已经被Node.js支持，如Ko
sublimeText3之码上有爱前言相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,vscode,atom,esciplse,vim等萝卜青菜都各有所爱,每个编辑器都有它的独特之处,本质上并无优劣之分,只要代码写得好
一个项目初试 vue 本文首发于我的个人网站： cherryblog.site/ 预览 github 地址：github.com/sunshine940… 首先安装依赖，然后直接运行就可以了~ npm installnpm run dev 前言现在 vue 已经是火了不能再
14个你可能不知道的JavaScript调试技巧译者：SlaneYang原文：https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率来调试JavaScript 熟悉工具可以让工具在工作中发挥出更大的作用。尽管江湖传言 JavaScript 很难调试，但如果你掌握…
这么多前端优化点你都记得住吗？围绕前端的性能多如牛毛，涉及到方方面面，以我我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列注意，是罗列不是展开，遇到不会不懂的点还请站外扩展开车速度有点快，坐稳了。 tips : 这么多前端优化点你都…
#CSS#【css常用代码大全】css的一些常见的代码，兼容浏览器的书写代码。长期整理 #前端开发博客#
《你有学习者综合征吗？Web 开发是重灾区》学而不用，不停学习，却没有真正实际应用知识来做东西。如果过去的一年里，学习的语言或框架超过 3 个，那你可能已经感染学习者综合征了。（飞哥的咖啡译，欢迎加入翻译组：）
当你们在谈论React和Vue的时候，我在用Mithril 关于这些个框架的想法在说到前端框架的时候，人们的第一反应是React或者Vue或者是Angular，实在。前端界有个好，就是跟风跑。作为一个小众程序语言爱好者，当然选择框架的时候也是要与众不同的。下面让我隆重的介绍一下Mithril.js，超级快，超级小，不敢
vue 自定义指令的魅力本文同步发表在富途web开发团队博客 futu.im/posts/2017-… 在你初次接触一个新的Javascript框架时，会像第一次进糖果店的孩子一样。给啥拿啥，而更直接点，有些东西可以让你更容易成为一个开发者。不可避免的是，我们在用框架时都会有一个同
对前端状态管理的个人理解前端状态管理请三思在这篇文章中提到了前端状态管理的一种思路，也就是使用有限状态自动机来管理前端状态。初读时我没有深入思考以至于鲁莽的认为又是一篇描述函数式中的条件执行来替代 switch 的文章，进而给出了想当然的回复，非常不好意思，所以知耻后苦搜索相关的内
14招搞定JavaScript调试译者按：很多时候，大家可能只是依靠console.log来调试JavaScript代码，这样做的局限性不言而喻，这篇博客将教你几招实用的调试技巧。原文: The 14 JavaScript debugging tips you
基于 node.js 的 HTTP/2 客户端/服务器连接实验及 RawCap 抓包分析最近，我在Windows 7 PC上，用Chrome 62浏览器打开知乎首页（https://www.zhihu.com），发现知乎竟然是基于HTTP/2的。之前一直以为只有Google、Facebook才支持HTTP/2，没想到它竟然这么快流入寻常百姓家了。这篇小短文介绍一下在Windows 7上用node.js构建HTTP/2客户端及服务器，并采用RawCap抓包，用Wireshark…
JS 中异步的解决方案 callback 在 JavaScript 中函数是第一公民，可以做为参数传入函数中执行。所以我们可以把需要异步执行的代码放到回调函数中，然后在异步回调再执行这些代码。 Example 如下定义 delay 函数
Webpack HMR 原理解析 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览 Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览
LeanCloud带图形校验码的短信发送Vue组件开发有15万开发者使用LeanCloud服务，其中不乏知乎、懂球帝、爱范儿、拉卡拉等知名应用，LeanCloud提供了数据存储、即时消息……等一站式服务，并从常用的用户管理需求出发，提供了邮箱验证、短信验证……等用户账户相关…
「前端那些事儿」② 优化策略-自查表前言前端的工作并不仅仅是实现「视觉&交互稿」，想要开发一个高性能易维护的「完美」站点并未易事，针对前端的性能优化贯穿着项目开发的始终，绝不是交互口中的「拖拽工人」！然而前端优化策略却是一件老生常谈的问题，百度一把大量的博文，曾拜读过张成文大大的《现代
#前端开发那些事#【JPG？GIF？PNG？前端如何选择图片格式？】详见：前端如何选择图片格式？本篇将带你了解 JPG、GIF、PNG 图片格式的那些事。（作者：BenzLeung）
【学会Nginx，10倍提升你的Web应用性能！】今天我们就一起来了解下Nginx。详见
JavaScript 框架的探索与变迁（上）译者言近几年可谓是 JavaScript 的大爆炸纪元，各种框架类库层出不穷，它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM，到 BackboneJS、Dojo 提供监听器的形式，在到 Ember.js、Angular…
Vue.js SSR Step by Step (2) – 一个简单的同构DEMO 上一篇文章中介绍了如何从零开始搭建一个简单的 client-only webpack 配置。接下来我们在前面代码的基础上写一个简单的前后端同构的DEMO。改写入口当编写纯客户端(client-only)代码时，我们习惯于每次在新的上下文中对代码进行取值。但
web调试优化-chrome开发者工具不完全指南 1.前言chrome，对于web开发者而言，都是很熟悉的一个浏览器，无论是从事的是前端，后端或者是测试！简单、快捷和功能强大使它受到了许多开发者的青睐！在浏览器排行上，chrome最多人使用，而且占了浏览器份额的半壁江山。可见其欢迎程度。作为一个前端开发者，我
#CSS#【高级CSS选择器,CSS3选择器】以前由于考虑到IE6等浏览器的兼容属性，常常对于高级的css选择符不感兴趣，最近开始，发现前端方面的IE6其实已经逐渐的消失了，学会用css3的高级选择器，可以起到事半功倍的效果，所…请戳→ #前端开发博客#