HTTP缓存-ETag
最近在学习网站性能优化相关的内容，关于网站优化点特别多而 HTTP 缓存也是比较重要的一部分，于是今天就着重看下 HTTP 缓存相关的内容加深下对此相关知识的理解和认识。自己动手通过简单的服务，看看其中的过程。
e.keycode 代码含义
function submitLoginForm(e) { e = window.event || e; if(e.keyCode == 13) { login(); } } <!--more--> keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 =...
more...
express 使用 multer 做文件上传时自定义文件名和存储路径
# 一、简介
multer 更新到 1.x 之后无法直接通过 app.use(multer()); 这样的方式去使用。
multer 的 文档地址：
https://github.com/expressjs/multer
中文文档的翻译也是 2016 年 10 月的，不建议看中文文档。
安装：
yarn add multer
引入：
const multer = require('multer');
ie8无法拉伸背景图
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>ie8无法拉伸背景图</title> | |
<style type="text/css"> | |
body { | |
margin: 0; | |
width: 100%; | |
height: 462px; | |
/* 这么写不显示背景图在 ie8 下 */ | |
/*background: url("successed.png")no-repeat;*/ | |
/* 这么写就显示背景图了在 ie8 下，看出区别了吗？是的就差一个空格 */ | |
background: url("successed.png") no-repeat; | |
background-size: 100% 100%; | |
} | |
</style> | |
</head> | |
<body> | |
</body> | |
</html> |
ES6 两个数组去重方式
<script type="text/javascript"> var array = [1, 2, 1, 1, '1', '一']; // 构建带 array,array1 两个参数的函数 function uq(array) { // 将 array 数组转换成 set 对象，再使用 Array.from () 方法将 set 对象转换成数组 return Array.from(new Set(array)); } //...
more...
module.exports与exports，export与export default之间的关系和区别
# module.exports 与 exports，export 与 export default 之间的关系和区别
首先我们要明白一个前提，CommonJS 模块规范和 ES6 模块规范完全是两种不同的概念。
24 个 ES6 方法，解决实际开发的 JS 问题
本文主要介绍 24 中 es6 方法，这些方法都挺实用的，本本请记好，时不时翻出来看看。
# 1. 如何隐藏所有指定的元素
const hide = (el) => Array.from(el).forEach(e => (e.style.display = 'none')); | |
// 事例：隐藏页面上所有 `<img>` 元素？ | |
hide(document.querySelectorAll('img')) |
# 2. 如何检查元素是否具有指定的类？
页面 DOM 里的每个节点上都有一个 classList 对象，程序员可以使用里面的方法新增、删除、修改节点上的 CSS 类。使用 classList，程序员还可以用它来判断某个节点是否被赋予了某个 CSS 类。
const hasClass = (el, className) => el.classList.contains(className) | |
// 事例 | |
hasClass(document.querySelector('p.special'), 'special') // true |
# 3. 如何切换一个元素的类？
const toggleClass = (el, className) => el.classList.toggle(className) | |
// 事例 移除 p 具有类 `special` 的 special 类 | |
toggleClass(document.querySelector('p.special'), 'special') |
