20180707 前端开发日报

译 | JavaScript焦虑症和疲劳症;vue菜鸟从业记:公司项目里如何进行前后端接口联调;Web后端工程师应该拥抱前端了;webpack 4 :从0配置到项目搭建;写一个不会忘记的Promise;Vue父子组件通过prop异步传输数据踩坑;JavaScript中的强制类型转换;详解JavaScript之神奇的Object.defineProperty

  1. 译 | JavaScript焦虑症和疲劳症 【编者按】一直以来 JavaScript 都是饱受争议的编程语言,这门语言的多变和生态体系之复杂让人又爱又恨。最近几年 JavaScript 已经发生了巨大改变,就算是老鸟也时常会感到困扰。而作为开发者指南的撰写者Flavio Copes在患上了持续多年的“JavaScript 疲劳”时,现在却爱上了JavaScript 和它的生态系统,这到底是怎么一回…
  2. vue菜鸟从业记:公司项目里如何进行前后端接口联调 最近我的朋友王小闰进入一家新的公司,正好公司项目采用的是前后端分离架构,技术栈是王小闰非常熟悉的vue全家桶,后端用的是Java语言。 在前后端开发人员碰面之后,协商确定好了前端需要的数据接口(扯那么多,其实也就是关于json数据的字段的定义),然后前后端程序
  3. Web后端工程师应该拥抱前端了 前言 大数据部发展到一定的阶段,无论是内部体系的完善,还是服务能力对外的暴露,对web端交互能力都有极大的需求,所以对web研发的诉求其实也是非常大的。 现在不少web后端工程师还是基于传统的开发模式,通过服务端渲染,把服务端的代码散布在每个div块里,但最终又不可避免的还是需要引入js进行交互,但采用…
  4. webpack 4 :从0配置到项目搭建 本文首发我的博客 本文涉及到的相关代码 webpack4发布以来,我写项目都是用脚手架,即使再简单的项目,真的是really shame。。虽然道听途说了很多 webpack4 的特性,却没有尝试过,因为它给人的感觉就是,em…很难。但是今天我从最简单
  5. 写一个不会忘记的Promise 今天,我教大家写个Promise。玩掘金的同学可能上个星期会发现前端模块有很多Promise的文章,当然,我不会跟风写个类似的文章,我只是整理一下Promise的设计思路罢了。 为什么题目要强调“不会忘记”呢?因为之前一次面试。面试官正好问到了Prom
  6. Vue父子组件通过prop异步传输数据踩坑 今天碰到vue开发父子组件通信的一个小坑,情况是这样的:子组件使用echart展示图表,所需options由父组件通过prop传入,父组件中的options初始值为空,在mounted钩子函数中发起http请求获取数据然后更新options,结果子组件无法正确
  7. JavaScript中的强制类型转换 总结和剖析JavaScript中的强制类型转换,主要参考《你不知道的JavaScript(中卷)》第四章。 文章内容主要分为五个部分,第一部分讲述向基本类型数据转换的4种抽象操作,第二部分讲述显式强制类型转换,第三部分讲述隐式强制类型转换,第四部分讲述相等关系,其中需要掌握“抽象相等比较算法”,再结合第一部分的4种抽象操…
  8. 详解JavaScript之神奇的Object.defineProperty 摘要: JavaScript有个很神奇的Object.defineProperty(),了解一下? =与Object.defineProperty 为JavaScript对象新增或者修改属性,有两种不同方式:直接使用=赋值或者使用Object
  9. 前端遇上Go: 静态资源增量更新的新实践 为什么要做增量更新 美团金融的业务在过去的一段时间里发展非常快速。在业务增长的同时,我们也注意到,很多用户的支付环境,其实是在弱网环境中的。 大家知道,前端能够服务用户的前提是 JavaScript 和 CSS 等静态资源能够正确加载。如果网络环境恶劣,那么我们的静态资源尺寸越大,用户下载失败的概率就越高。 …
  10. 浏览器缓存和webpack缓存配置 浏览器缓存 浏览器缓存分为两种类型: 强缓存:也称为本地缓存,不向服务器发送请求,直接使用客户端本地缓存数据 协商缓存:也称304缓存,向服务器发送请求,由服务器判断请求文件是否发生改变。如果未发生改变,则返回304状态码,通知客户端直接使用本地缓存;如果发
  11. 在浏览器中使用tensorflow.js进行人脸识别的JavaScript API  作者 | Vincent Mühle 编译 | 姗姗 出品 | 人工智能头条(公众号ID:AI_Thinker) 【导读】随着深度学习方法的应用,浏览器调用人脸识别技术已经得到了更广泛的应用与提升。在实际过程中也具有其特有的优势,通过集成与人脸检测与识别相关的API,通过更为简单的coding就可以实现。今天将为大家介绍一个…
  12. Webpack 提取公共代 CommonsChunkPlugin 背景 如果不提取公共部分会有什么后果? 1. 相同资源重复加载引用,浪费用户流量以及服务器成本; 2. 每个页面需要加载的资源太多,导致网页首页加载缓慢; 提取之后有什么优点? 1. 相同资源只打包加载一次,减少网络传输流量,降低服务器压力; 2. 页面加载速度加快,提交用户体验; 具体用法 思路 …
  13. React拾遗:从10种现在流行的 CSS 解决方案谈谈我的最爱 (中) 上篇 介绍了 React 现在流行的 CSS 解决方案。本篇就直接进入主题详细讲讲我最喜欢的解决方式之一:tachyons 个人认为,tachyons 适合小的、样式不是重点的项目以及写 Demo, 但这不代表不能用 tachyons 完成大项目和漂亮的主页:
  14. 面试精选之http缓存 前端面试常问第二大问题是关于http缓存这块。说真的,http缓存相关的细节比较多,并且 http 常用协议版本有1.0、1.1,(本文暂不讨论http2.0)。 缓存相关 header 我们先罗列一下和缓存相关的请求响应头。 Expires 响应头,代
  15. 适配Vanilla/React/Angular/Vue的H5数字键盘组件 为什么不直接使用系统键盘? H5键盘和H5页面完美适配,没有挤压页面的问题 解决系统键盘不支持autofocus的问题 自定义键盘布局,定制化输入体验 产品需求你怕不怕 这个轮子有什么好? 支持原生JS、React、Angular、Vue最新版本 不够吗
  16. js内存图与垃圾回收 在你决定是否看这篇文章之前,试做以下四道小测。做对了,说明你对js内存的问题有很清晰的理解,没必要往下看;如果做错了,那么恭喜你,这篇文章将给你一个提升自己的机会。 问题1: 问题2: 问题3:
  17. CSS 自定义属性的策略指南 原文地址: www.smashingmagazine.com/2018/05/css… 译文地址: github.com/yued-fe/y-t… 译者: 波波 校对者: ziven27、 小爷 关于作者 Mike 是来自澳大利亚的独立网站开发人
  18. 做有追求的coder – Redux进阶compose方法的实现与解析 前言 在使用redux的过程中,不免要用到中间件,用到中间件,就免不了使用compose方法来解决中间件层层嵌套的问题,那么redux中的compose方法实现原来是怎样的呢? 用法 compose(…functions) 这是函数式编程中的方法,为了方便
  19. Grid —— CSS网格布局初探 Grid —— CSS网格布局初探 原文链接 前言 CSS网格布局是CSS中最强大的布局系统。 这是一个二维系统,这意味着它可以同时处理列和行, 不像flexbox那样主要是一维系统。 你可以通过将CSS规则应用于父元素(网格容器)

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

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


关注我

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

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

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