20180311 前端开发日报

我对知乎前端相关问题的十问十答 – 张鑫旭;css3进阶:酷炫的3D旋转透视;Vue常见面试题;使用 vue-virtual-collection 优化滚动性能;端午节后福利:Node.js 8;WebAssembly 看这篇文章就够了;问了23000名开发者,得出这份Javascript年终盘点;“有意思的前端函数面试题”第一题答案原理解析

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原文:20180311 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20180311.html)