20190313 前端开发日报

在使用 React 一年之后,我学到了这些重要的经验和教训;前端开发者必备的Nginx知识;Vue 服务端渲染实践:Web 应用首屏耗时最优化方案;推荐三个助你更好利用 GitHub 的工具;成为前端,你不该学的东西,以及不该做的事儿;JavaScript原型链继承;JavaScript 到底是面向对象还是基于对象?;【面试准备·1】Babel

  1. 在使用 React 一年之后,我学到了这些重要的经验和教训 原文: The most important lessons I’ve learned after a year of working with React 翻译: joky (有稍做修改) 学习一项新技术总是会遇到很多挫折! 万事开头难,然后中间难,然后结尾难…(手动滑稽)。你可能会让自己遨游于各种教程或书籍的海洋中,去倾听别人提出的不同观…
  2. 前端开发者必备的Nginx知识nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 nginx是一个高性能的HTTP和反向代理服务器,也是一个通用的TCP/UDP代理服务器,最初由俄罗斯人Igor Sysoev编写。 nginx现在几乎是…
  3. 推荐三个助你更好利用 GitHub 的工具 2019 年第 26 篇,总 50 篇文章 本文大约 1700 字,阅读大约需要 5 分钟 作为一名程序员,学会使用 Github 是一个必备技能,正如同需要学会利用谷歌搜索问题的解决方案一样。 今天,就推荐3个助你更好使用 Github 的工具,准确说,两个工具加一个微信小程序! 1. Octotre…
  4. 成为前端,你不该学的东西,以及不该做的事儿很多前端都想找一个学习计划,然后认真学,成为一个大牛;他们迫切的想知道自己该学什么,然后看什么书,有什么资源可以用!
  5. JavaScript原型链继承首先创建一个父类 创建一个子类 当我们要通过原型链继承时 子类可以调用父类在原型链上的方法 但是子类的构造函数却指向父类 正如下图(其中subClass为实例化过的对象) 这时候可能会想,那我把子类的构造函数指向自…
  6. JavaScript 到底是面向对象还是基于对象? 你好,我是前阿里手淘前端负责人 winter,这篇文章来自于我在极客时间专栏「 重学前端 」中讲解 JavaScript 的部分。 与其它的语言相比,JavaScript 中的“对象”总是显得不是那么合群。一些新人在学习 JavaScript 面向对象时,往往也会有疑惑:为什么 JavaScript(直到 ES6)有对象的概念,但是却没有像其他的语言…
  7. 【面试准备·1】Babel /** 考虑到窝真的是一个很菜的选手,加上英语不太好文档看的很吃力,部分概念可能理解不对,所以如果您发现错误,请一定要告诉窝,拯救一个辣鸡(但很帅)的少年就靠您了!*/ Babel 是一个 JavaScript 的编译器。你可能知道 Babel 可以将最新版的 ES 语法转为 ES5,不过不只如此,它还可用于语法检查,编译,代码高亮…
  8. Vue源码探究-数据绑定的实现 本篇代码位于 vue/src/core/observer/ 在总结完 数据绑定实现的逻辑架构 一篇后,已经对Vue的数据观察系统的角色和各自的功能有了比较透彻的了解,这一篇继续仔细分析下源码的具体实现。 Observer // Observer类用来附加到每个观察对象上。 // 将被观察目标对象的属性键名转换成存取器, // 以…
  9. Webpack系列-第三篇流程杂记系列文章 Webpack系列-第一篇基础杂记 Webpack系列-第二篇插件机制杂记 Webpack系列-第三篇流程杂记 前言 本文章个人理解, 只是为了理清webpack流程, 没有关注内部过多细节, 如有错误, 请轻喷~ 调试 1.使用以…
  10. Vue 的小奇技(第九篇):快照测试的威力 如果你进入了测试阶段,你可能已经开始时候用了Jest:Facebook 创建的一体化测试框架。现在它是最流行的测试框架之一,而且我从一开始就使用至今。 你也可能在使用由Edd Yerburg 开发的vue-test-utils,它是官方的单元测试实用工具库,能让我们的测试工作变得更方便。 下面给出同时使用了 Jest 和 vue-test-uti…
  11. 处理 Retrofit MalformedJsonException 报错 使用Retrofit配合GsonConverter,我们能很好地将网络响应内容转换成对应的对象。比如像下面这样。 Retrofit网络接口方法 public interface DroidNetwork { @GET(“/content/test.json”) Call<DroidResponse> jsonData(); @GET(“/content/helloworld.txt”) Call<String> p…
  12. 从JS的运行机制的角度谈谈作用域 JS中的作用域、闭包、this机制和原型往往是最难理解的概念之一。笔者将通过几篇文章和大家谈谈自己的理解,希望对大家的学习有一些帮助。如果有什么理解偏差的地方,希望大家可以评论指出,相互学习。 有过一定编程经验的同学,一定不会对作用域感到陌生,在C/C++/Java中等语言中,作用域从来没有JavaScript中的作用域…
  13. postcss 开发实战 来呀!来呀!关注我吧!! 邵裕东,2018年3月入职Qunar,现任平台事业部大前端技术中心前端开发工程师,负责公司移动端框架hy、qrn的开发维护,nanachi小程序多端转译框架开发。追求前端工程化,喜欢做一切有意义的事。 初识 postcss css 是 web 开发中重要的一部分,然而 css …
  14. Nodejs教程19:WebSocket之一:使用Socket.io建立WebSocket应用 性能高。 根据测试环境数据的不同,大约会比普通Ajax请求高2-10倍。 HTTP是文本协议,数据量比较大。 而WebSocket是基于二进制的协议,在建立连接时用的虽然是文本数据,但之后传输的都是二进制数据,因此性能比Ajax请求高。 双向通信。 如果是普通Ajax请求,需要实时获取数据,只能…
  15. Web 应用安全性: 使用这些 HTTP 头保护 Web 应用这是关于web安全性系列文章的第 三 篇,其它的可点击以下查看: Web 应用安全性: 浏览器是如何工作的 Web 应用安全性: HTTP简介 目前,浏览器已经实现了大量与安全相关的头文件,使攻击者更难利用漏洞。接下来的…
  16. 学习 PixiJS — 小精灵冒险小精灵冒险 是 Learn Pixi.js 一书中最后一个案例。点击屏幕让小精灵飞起来,小精灵上升时,会拍打翅膀,并且会有小星星产生。如果她撞到柱子上,她会爆炸成一堆小星星。帮助她通过15个柱子的间隙到达终点,界面…
  17. 前端培训-初级阶段(5 – 8)前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(…
  18. 使用koa2创建web项目 Github上有一个express风格的koa脚手架,用着挺方便,一直以来使用koa开发web项目用的也都是那个脚手架,今天想自己从头搭一个web项目,就折腾了一下 脚手架地址: https://github.com/17koa/koa-generator 初始化 使用 npm init 初始化一个nodejs项目 mkdir koa-demo cd koa-demo npm init 一直回车即可…
  19. 我眼中的 Nginx(二):HTTP/2 dynamic table size update 张超:又拍云系统开发高级工程师,负责又拍云 CDN 平台相关组件的更新及维护。Github ID: tokers,活跃于 OpenResty 社区和 Nginx 邮件列表等开源社区,专注于服务端技术的研究;曾为 ngx_lua 贡献源码,在 Nginx、ngx_lua、CDN 性能优化、日志优化方面有较为深入的研究。 众所周知,HTTP/2 使用了 HPACK …
  20. Fundebug 前端 JavaScript 插件更新至 1.7.0,拆分录屏代码,还原部分 Script error. 摘要:BUG 监控插件压缩至 18K。 1.7.0拆分了录屏代码,BUG 监控插件压缩至 18K ,另外我们还原了部分 Script error,帮助用户更方便地 Debug。请大家及时更新哈~ 拆分录屏代码 从 1.7.0 版本开始,我们拆分了录屏代码。如果需要使用录屏功能的话,需要单独接入录屏插件。 使用 script 方式接入…
  21. 尤雨溪谈 Vue.js :缔造自由与真我 Vue 一开始完全是一个个人兴趣项目。2013 年的时候我还在 Google Creative Lab,那时候前端框架还处于比较草莽的阶段,React 刚刚发布还没几个人知道,最成熟的是 AngularJS (Angular1)。我当时一方面是想自己实现一个简单的框架练练手,另一方面是想尝试一下用 ES5 的 Object. define Property 实现数据变动侦测。众所…
  22. 使用 Webpack 与 Babel 配置 ES6 开发环境 使用 Webpack 与 Babel 配置 ES6 开发环境 Webpack 和 Babel 几乎是现在前端开发必备的工具,Webpack 是一个现代 JavaScript 应用程序的静态模块打包器,Babel 是一个 ES6 编译器,由于目前浏览器对 ES6 的兼容性有差异,无法直接在项目中使用 ES6,需要使用 Babel 编译器转换成 ES5 才能在浏览器中运行。使用 Webpack…

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流