我对知乎前端相关问题的十问十答 – 张鑫旭；CSS3进阶：酷炫的3D旋转透视；vue常见面试题；使用 vue-virtual-collection 优化滚动性能；端午节后福利：Node.js 8；WebAssembly 看这篇文章就够了；问了23000名开发者，得出这份Javascript年终盘点；“有意思的前端函数面试题”第一题答案原理解析
-
CSS3进阶：酷炫的3D旋转透视 我们做前端的，本能就是炫酷：之前学习 react+webpack ，偶然路过 webpack 官网 ，看到顶部的 LOGO ，就很感兴趣。最近觉得自己 CSS3 过于薄弱，想着深入学习一番，遂以这个 LOGO 为切入口，好好研究学习了一下相关的 CSS3 属性。
-
vue常见面试题 MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。 在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Mo…
-
端午节后福利：Node.js 8 Node.js 8 最令人兴奋的四大新功能：端午节结束了。虽然接下来的四个月都没有节假日，但笔者一点都不烦恼。因为 Node.js 8 在端午后第一个工作日就正式发布，这足以让我与 Node.js 的激情燃烧一个夏天！本文挑选了笔者认为 Node.js 8 最令人兴奋的四大新功能，与大家分享。async/await 与 util…
-
WebAssembly 看这篇文章就够了 同为可在浏览器浏览器中执行的编程语言，为什么WebAssembly比Javascript快？谁看谁知道啊。：你可能已经听说过，WebAssembly 执行的更快。但是 WebAssembly 为什么执行的更快呢？在这个系列文章中，我会为你解释这一点。
-
问了23000名开发者，得出这份Javascript年终盘点 导语：2017年全世界范围内，最受开发者欢迎的JS框架是…… 文/ Sacha Greif 译/ 黄焖鸡 来源/ medium.freecodecamp.org 开门见山，我们在全世界范围内，调查了超过 23000 名开发者，得出了这份17 年 JavaScript 调查报告。 这份调查报告揭示了 很多值得中国开发者（没错，说的就是你）参考的信息 ，从 2018…
-
“有意思的前端函数面试题”第一题答案原理解析 if(a == 1 && a == 2 && a == 3){ console.log("我走进来了"); } <!–答案1:–> var a = {num:0}; a.valueOf = function(){ return ++a.num } <!–答案2：–> var num = 1; function a(){ return num++; } if(a() == 1 && a() == 2 && a() == 3){ console.log("我走进来了…
-
看完你也想编写自己的 react 插件副标题—-为什么我要写这个 react 插件 图片懒加载是项目中常用的功能，然而现有 react 懒加载组件库，用着都不是很爽了 。概括一下有如下几点： 没有只针对 image 懒加载组件。多数组件库都内置了模块、组件、…
-
React 深入系列（二）：组件分类 React 深入系列，深入讲解了React中的重点概念、特性和模式等，旨在帮助大家加深对React的理解，以及在项目中更加灵活地使用React。 React 组件有很多种分类方式，常见的分类方式有函数组件和类组件，无状态组件和有状态组件，展示型组件和容器型组件。好吧，这又是一篇咬文嚼字的文章。但是，真正把这几组…
-
从Chrome源码看浏览器如何计算CSS – 知乎专栏·「极乐科技」 此文有助于更好的理解css在Chrome中的解析流程和计算方式。：在《Effective前端6：避免页面卡顿 》这篇里面介绍了浏览器渲染页面的过程： [图片] 并且《从Chrome源码看浏览器如何构建DOM树 》介绍了第一步如何解析Html构建DOM树，这个过程大概如下： [图片] 浏览器每收到一段html的文本之后，就会把它序列化成一个个的tokens，依次遍历这些token，实例化成对应的html结点并插入到DOM树里面。我将在这一篇介绍第二步Style的过程，即CSS的处理。1. 加载CSS在构建DOM的过程中，如果遇到link的标签，当把它插到DOM…
-
WebKit学习—用WKWebView封装一个常用的WebViewController 惯例先看效果图(后附demo地址) webVideo.gif 在iOS项目开发中，绝大多数功能都是我们原生开发的，但是像一些诸如用户协议说明，公司介绍，App内的活动页以及引用的其他网页都需要借助web页面来实现，有的页面简单，只需要加载一个简单的url即可，有的页面则需要用到OC和JS的交互来实现。 提到WebView，我们可…
-
【第1183期】这些 CSS 命名规范，将省下你大把调试时间 有时候，细节就是区分前端老手和新手的有力证据：一个好的习惯可以节省的不止是时间
-
要做软件工程师，而不是前端工程师 “技术能力拓宽之后，你未必能马上能管理团队、更好地掌握一些跨端技术，尽管如此，你在前端领域的一些想法，可能会有更不一样的转变。”
-
react new context API的一次实践 这一次用好context：最近接到一个简单的内部项目，逻辑并不复杂，就想着 不用redux了，用react的new context API试试看，折腾了两天，把过程和感想跟大家分享下。 由于是公司的项目，所以下文的示例代码都是我重新写的，望见谅！ 基本用法 先让我们来看一下这个接口的基
-
Express.js 与 AWS Lambda — 一场关于 serverless 的爱情故事 无论你是 Node.js 的职业开发者，亦或是使用 Node.js 开发过 API 的普通开发者，你都极有可能使用了Express.js。Express 可以称得上是 Node.js 中最流行的框架了。 构建 Express App 极为容易。你仅需添加一些路由规则和对应的处理函数，一个简单的应用就此诞生。 图注：一个使用传统托管方法的简单 Expr…
-
【网络协议】Web协议未来优化指南 聊聊不同的网络协议以及怎么用好它们：访问 Web 网站和应用时，经常会遇到各种各样的性能问题。比如网页加载慢、视频卡、网络出错等，其中一个关键的影响因素就是网络协议。本文会系统化地介绍 TCP、UDP、HTTP1.1、HTTPS（包括最新的 TLS1.3 协议）、SPDY、HTTP2 等协议存在的问题，以及如何在特…
-
LocalStorage缓存在css与js加载上的应用讨论 一篇关于使用LocalStorage来缓存静态资源方案的利弊分析的文章。：对于前端的资源文件加载的优化，一般我们会采取尽可能的减少请求，合理使用缓存，减少二次请求，压缩文件体积等方式。今天来看看localStorage能给我们带来什么思路。
-
HTTP首部解析 比较完整地介绍各个HTTP头和各自的作用：
-
Weex BindingX 尝鲜前言 三月初，阿里巴巴开源的一套基于 Weex、React Native 的富交互解决方案 「BindingX」。提供了一种称之为 「Expression Binding」 的机制可以在 Weex、React Native 上让手势等复杂交互操作以60fps的帧率流畅…
-
深入研究Chrome：Preload与Prefetch原理，及其优先级 首屏性能优化的又一细节探索。：今天我们来深入研究一下 Chrome 的网络协议栈，来更清晰的描述早期网络加载（像 <link rel=“preload”> 和 <link rel=“prefetch”>）背后的工作原理，让你对其更加了解。
-
Webpack、Rollup相爱相杀的那些事 有点标题党（翻译者的锅），webpack和rollup好着呢。他们负责自己擅长的东西，webpack负责打包业务代码，rollup负责底层的各种库、组件的打包。：https://www.w3ctech.com/topic/1996?from=groupmessage
-
2018 Web 开发者最佳学习路线 个人觉得这不是给新手看的，而是一个指引前端工程师成为web专家的参考图谱：作为一名 Android 开发者，伯特毕业后一直在从事相关开发工作，平时接触最多的也是 Android 技术，但我一直在关注着大前端领域，也就是 Android/iOS + Web 前端。毕竟，大学时期使用 Html + CSS 做过静态网页，还会一点 iOS 开发，还是有一点…
-
动画：从 AE 到 Web 本文基于实际案例总结出 AE 到 Web 动画的实现方法。相对于『无动效稿』的反复编码尝试，该方法无疑能提高效益。
-
腾讯HTTPS性能优化实践 HTTPS原理介绍及优化方式。：本文根据罗成在2016ArchSummit全球架构师（北京）峰会上的演讲整理而成。主要内容分以下三部分：计算性能的分析和优化；无密钥加载；证书优化。
-
从Chrome源码看HTTP 通过源代码更好地理解HTTP报文头、缓存和Gzip压缩：本篇解读基于Chromium 66。HTTP协议起很大作用的是http头，它主要是由一个个键值对组成的，例如Content-Type: text/html表示发送的数据是html格式，而Content-Encoding: gzip指定了内容是使用gzip压缩的，Transfer…
-
每日一博 | Phoenix + WebSocket 分布式部署验证 Phoenix + WebSocket分布式部署实验 前言 对于无状态的web服务，要做分布式部署相对比较简单，很多时候只要架一个反向代理就行。但是对于有状态的web服务，尤其是包含WebSocket成分的web应用，要做分布式部署一直是一个麻烦。传统做法是搞一个中间层，例如Redis之类的做pubsub，但是这样做就不得不改动源码。Erlang/…
-
听说你的 fetch 还要兼容 IE9
珍爱生命，远离IE…：搭建公司官网的框架时采用了 vuejs, 使用 history router mode 来做 SEO 优化, 使用 fetch 做网络请求, fetch 用 whatwg-fetch 做 polyfill. 根据百度浏览器市场份额统计, 2017年全年 IE9 的占有率达到 9…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
