gulp插件解决浏览器缓存问题

一、前言 有些简单前端小项目,不需要涉及框架,前端打包压缩的话本妹子还是喜欢用gulp。 本文将用gulp-rev和gulp-rev-rewrite解决cdn缓存问题。 以及列出的是本妹子最常用的gulp插件,小伙伴们可以参考。 案例地址:https://github.com/raoenhui/gulpExample.git 二、解决浏览器缓存问题 gulp-rev 1.为静态文件添加唯...

Intersection observer检测元素是否在视窗内

前言 一直以来,检测元素在浏览器视窗口内不是件容易的事,很多解决方案都不能很准确的判断,计算量也有可能拖慢网站性能。 但是很多场景都需要用到: 当页面滚动时,懒加载图片或其他内容。 实现“可无限滚动”网站,也就是当用户滚动网页时直接加载更多内容,无需翻页。 为计算广告收益,检测其广告元素的曝光情况。 根据用户是否已滚动到相应区域来灵活开始执行任务或动...

慎用try catch

前言 自从ECMA-262第3版引入了try catch语句,作为JavaScript中处理异常的一种标准方式。基本的语法如下所示。 一、try catch基本语法 try { //可能会导致错误的代码 } catch (error) { //在错误发生时怎么处理 }finally { //即使报错始终执行 } 二、try catch特点 1.try c...

require 和 import 详解

前言 JS模块化编程是前端小伙伴们必不可少的知识,下面妹子将于自认为比较清晰的方式列举出来。 1 require 特点: 1.运行时加载 2.拷贝到本页面 3.全部引入 1.1 CommonJS Node.js就是用CommonJS思想。 在CommonJS中,有一个全局性方法require(),用于加载模块。 1.1.1 用法 var math = require...

表连接类型

前言 对于关系型数据库来说,对于复杂的查询表连接是必不可少的,下面妹子就来介绍下表连接的方式 内连接(Inner Join) Inner指的是 intersect相交,顾名思义就是取两表的交集。 SELECT COUNT(a.per_id) FROM `b_borrow_list` AS a;/*63条*/ SELECT COUNT(b.per_id) FROM `b_borrow_ded...