一、结构标记 header 页头文档头 section 页面主体 文档主体 nav导航 aside边栏 article文章 footer底部 其中 header nav footer section用的比较多主要是切分结构方便阅读。 二、标 ...

首先说一下实现原理： 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始位置的值，e.touches[0].pageY； 监听原生touchmove事件，记录并计算当前滑动的位置值与初始位置值的差值，大于0表 ...

185.隐式全局变量和外部函数作用域 184.变量提升 183.变量类型 182.[软技能]关于变量命名的规则 181.var 与 let 的区别 180.async 和 defer 179.async 属性诞生的初衷 178.怎样向页面添 ...

跨域问题的场景和解决方案多种多样，只要是做前端开发，总会遇到。而且面试时也是必问的问题。所以自己学习总结记录一下。 前置知识：浏览器的同源策略 首先需要明确一点：协议、域名、端口都相同才叫同源。 同源政策的目的，是为了保证用户信息的安全，防 ...

gray-image 简易的灰度化图片的工具 引子 今天对于全国同胞来说是个庄严肃穆的日子，是纪念在抗击新冠疫情牺牲的烈士与广大同胞的纪念日，也是中国的四大传统节日「清明节」。 自古以来，清明节就是我们用来纪念先人，缅怀祖先的，20 年这个 ...

1. CSS Reset 为什么需要CSS Reset 浏览器对于各个HTML都赋予了默认的样式，并且不同的浏览器默认的样式不同，而通常我们的产品设计中样式都是不同于浏览器默认样式的，所以我们在开发中经常要去覆盖默认的样式，针对不同的浏览器 ...

要成为通用的变成产品，程序必须按照普遍认可的风格来编写. -- 《人月神话》 从事软件开发以来，“规范”对我们其实并不陌生，但是到底什么是规范呢？规范为什么这么重要？怎么做好项目规范？在实际项目中，我们也常常强调规范，在项目初期也会制定相 ...

最近看了同事的代码，感觉甚是优雅，再看看自己的，不禁自惭形秽，为了提高代码的可扩展性和可维护性等，是时候好好学习一下设计模式了。在学习设计模式之前，需要先看一下设计原则，因为设计原则是核心思想。就好比练剑，设计原则是心诀要领，设计模式是招式 ...

Input 新增属性 email 邮箱（只在手机端有效） url 网址（只在iphone手机有效） tel 手机号（只在手机端有效） number 数字（右侧有上下按钮，只能输入数字，+号，-号，. 和e） input 日期时间（手 ...

1.关于[ ] [ ] 最常用于创建数组，但是除了这个，它还具有“解析变量”的作用 例如我们看一段关于react的代码片段 import React from "react" class Index extends React.Compon ...