曲无冬夏

前端重构程序员是一个关注代码同时还要留意体验的异类。代码的优化虽然难，但是有比较多的性能测试工具去证明优化的成果。然而体验这种东西，我们又要如何去证明它的好与坏呢？ 今天我着重会基于「webnovel」PC站点从以上两点给大家介绍，如何从体验的角度去做重构的优化，并如何用数据去…

在前端开发中，性能一直都是被大家所重视的一点，然而判断一个网站的性能最直观的就是看网页打开的速度。其中提高网页反应速度的一个方式就是使用缓存。缓存技术一直一来在WEB技术体系中扮演非常重要角色，是快速且有效地提升性能的手段。 一个优秀的缓存策略可以缩短网页请求资源的距离，减少延…

本文将讲解如何用shell开发自动化脚本刷新CDN缓存。 为什么会做这个小脚本，根本原因还是懒... 公司的运维，很贴心开发了一个form表单的网页，专门给前端同学刷新CDN缓存。虽然可以满足要求，但是每上一次项目，就得打开该网页，输入SecretKey和需要刷新的URL地址，…

NBA总决赛结束还没一周，马上世界杯就如期而至。大家在熬夜看球，而我关在小黑屋默默码字（可怜脸）。在体验到小程序的方便快捷省内存之后，前段时间的“骑勇大战”果断用了小程序观看。由于体验不错，又正在学习小程序知识，马上就想动手实践学习一下“腾讯体育”小程序的制作。到目前为止，只想…

JavaScript数组去重，一个老生常谈的问题了，但这次是解锁多种JavaScript数组去重姿势。 双重循环去重实现比较容易。 基本思路：如果索引不是第一个索引，说明是重复值。 基本思路：先对原数组进行排序，然后再进行元素比较。 基本思路：利用了对象的key不可以重复的特性…

reduce(es6)：方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 indexOf: 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回-1。 includes(es7)：方法用来判断一个数组是否包含一个指定的值，根据情…

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

一般来说我们会碰到的回调嵌套都不会很多，一般就一到两级，但是某些情况下，回调嵌套很多时，代码就会非常繁琐，会给我们的编程带来很多的麻烦，这种情况俗称——回调地狱。 Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、c…

为什么要做Cookie防篡改，一个重要原因是 Cookie中存储有判断当前登陆用户会话信息（Session）的会话票据-SessionID和一些用户信息。 当发起一个HTTP请求，HTTP请求头会带上Cookie，Cookie里面就包含有SessionID。 后端服务根据Ses…