20190213 前端开发日报-前端开发博客

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

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