20190213 前端开发日报

用一张图总结web缓存策略;JS 常用技巧;前端开发中最常用的JS代码片段;Webpack性能优化整理;「前端面试题系列5」ES6 中箭头函数的用法;Webpack 4 的故事以及如何用正确的方式去最终配置它【更新版】;Vue 源码中一些util函数;Vue 中组件使用中的细节点

  1. 用一张图总结web缓存策略1 浏览器缓存 浏览器缓存机制有四个方面,它们按照获取资源时请求的优先级依次排列如下: 1.Memory Cache 2.Service Worker Cache 3.HTTP Cache 4.Push Cache 1.1 Memory Cache MemoryCache,是指存在内存中的缓...
  2. JS 常用技巧 1. 类型强制转换 1.1 string强制转换为数字 可以用 *1 来转化为数字(实际上是调用 .valueOf 方法) 然后使用 Number.isNaN 来判断是否为 NaN ,或者使用 a !== a 来判断是否为 NaN ,因为 NaN !== NaN '32' * 1 // 32 'ds' * 1 // NaN null * 1 // 0 un...
  3. 前端开发中最常用的JS代码片段 学好,并熟练的运用这门编程语言真的很难吗?本篇文章为大家总结了一些前端开发中最常用的JS代码片段,希望能对大家的学习以及工作上都能有所帮助,有所收获。 HTML5 DOM 选择器 javascript 代码 // querySelector() 返回匹配到的第一个元素 var item = document.querySelector('.item'); console.log(item...
  4. Webpack性能优化整理 开发环境推荐: cheap-module-eval-source-map 生产环境推荐: cheap-module-source-map (这也是下版本 webpack 使用-d命令启动 debug 模式时的默认选项) //webpack.config.js module.exports = { //... entry: { app: './src/index.js', }, mode: 'development', devtool: 'cheap-...
  5. 「前端面试题系列5」ES6 中箭头函数的用法对于即将到来金三银四的求职季,相信不少同学都在默默地做着准备。本系列旨在梳理前端庞杂的知识点,并尽可能通俗易懂地表述出来,也希望能帮到有需要的同学。
  6. Webpack 4 的故事以及如何用正确的方式去最终配置它【更新版】 特别提醒:没有正确的方式。#justwebpackthings 原图: www.instagram.com/p/BhPo4pqBy… 这篇博文最后一次更新在 2018 年 12 月 28 日,适用于 Webpack v4.28.0 版本。 2018 年 06 月 23 日更新:我收到了许多关于如何使其工作和如何改进的评论。感谢你们的反馈!我已经尽力的去考虑每一条评论!某种...
  7. Vue 源码中一些util函数 JS中很多开源库都有一个util文件夹,来存放一些常用的函数。这些套路属于那种常用但是不在ES规范中,同时又不足以单独为它发布一个npm模块。所以很多库都会单独写一个工具函数模块。 最进尝试阅读vue源码,看多很多有意思的函数,在这里分享一下。 Object.prototype.toString.call(arg) 和 String(arg) 的区别? ...
  8. Vue 中组件使用中的细节点is标签 如何使用is标签解决渲染中可能会出现的小bug {代码...} 正常渲染一个组件这样写没有啥问题,但是在table中会有点小bug,如下图 正常来说3个tr应该在tbody里面,而现在和table同级了,这是怎么回事呢? 在h...
  9. 利用ES6进行Promise封装总结promise简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,从语法上来说,Promise是一个对象,从它可以获取异步操作的消息,Promise提供统一的API,各种异步操作都可以用同样的方...
  10. 关于Socket,看我这几篇就够了(三)原来你是这样的Websocket 关于Socket,看我这几篇就够了(一) 关于Socket,看我这几篇就够了(二)之HTTP 关于Socket,看我这几篇就够了(三)原来你是这样的Websocket 在上一篇中,我们介绍了HTTP协议。HTTP协议是一种无状态、无连接的协议。 在HTTP 1.1 版本之前,客户端到服务器的TCP/IP连接是使用完毕便断开的,而服务器的TCP/I...
  11. 刷前端面经笔记(七)优雅降级(graceful degradation):一开始就构建站点的完整功能,然后针对浏览器测试和修复。渐进增强(progressive enhancement):一开始只构建站点的最少特性,然后不断针对各浏览器追加功能。
  12. 新的一年babel了解一下 Babel 是一个 JavaScript 编译器 很多浏览器目前还不支持ES6的代码, Babel 的作用就是把浏览器不资辞的代码编译成资辞的代码。 注意很重要的一点就是, Babel 只是转译新标准引入的语法,比如ES6的箭头函数转译成ES5的函数, 但是对于新标准引入的新的原生对象,部分原生对象新增的原型方法,新增的API等(如 Se...
  13. #设计那些事#【专为设计师打造的 12 款基于 WEB 的色彩工具】工欲善其事,必先利其器。一些基于 WEB 的实用色彩工具分享,希望你能找到自己喜欢的工具。(译者:IT程序狮) ​​​
  14. Postgresql node.js实现函数计算 由于工作需要,设计到了阿里云的弹性计算,这里便记录下来 技术栈 node.js postgresql nodemailer controller + services 编写postgresql lib 不管异常还是正常都返回resolve,在resolve中处理结果,通过success字段去处理 ...
  15. 手把手教你如何优雅的使用Aop记录带参数的复杂Web接口日志不久前,因为需求的原因,需要实现一个操作日志。几乎每一个接口被调用后,都要记录一条跟这个参数挂钩的特定的日志到数据库。举个例子,就比如禁言操作,日志中需要记录因为什么禁言,被禁言的人的id和各种信息...
  16. 仿造 Gson 的自制 json 解析器Maven : 3.3.9 (主要用作打包工具)IDE : idea 2018.3JDK : OpenJDK 11.0.1 (OracleJDK 8 以上即可)
  17. #前端技术#【ThreeJS 粒子系统实现雪花飘落动画】详见: 手把手利用 ThreeJS 的粒子系统实现雪花飘落动画,从素材选择到实现过程详解。(作者:青木) ​​​

    ThreeJS 粒子系统实现雪花飘落动画
  18. 20190212 前端开发日报】你可能不熟悉的JS总结;舍弃Electron,使用HTML5 + Golang创建桌面应用程序;web页面录屏实现;JS专题之继承;HTTP/3 已经箭在弦上,你准备好了吗?;20190211 前端开发...详情→ ​​​

    20190212 前端开发日报

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

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

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