组件默认一直呈显示状态 通过某种方式选择年、月，选择了年月后，日期列表做相应切换 通过单击某个具体的日期进行日期选择 组件初始化时，可配置可选日期的上下限。可选日期和不可选日期需要有样式上的区别 提供设定日期的接口，指定具体日期，日历面板相应日期选中 ...

简单弹窗组件 一 编写组件的流程 组件是利用JavaScript生成HTML结构，配合既有CSS生成页面中的内容。用处是：便于修改、维护，可重用 完成静态HTML与CSS 将组件结构与样式使用HTML与CSS整体展现出来，不需要JavaScript。 去掉组件的HTML结构，使用JavaScript面向对象...

采用Flex布局的元素， 称为flex container容器。容器内的子元素自动成为flex container的成员，称为flex-item flex-item的排列方向是main axis：即flex-direction指定主轴是水平或是垂直

响应式网页设计Responsive Web Design指可以自动识别屏幕宽度，对并对样式做出相应调整 通过媒体查询实现在不同屏幕宽度下加载不同的CSS样式

网格布局的作用在于更有效控制元素在网页中所占比例的大小。 比如，博客的留言板块：在屏幕较大时，占据屏幕25%的宽度，出现在博客文章右侧；在屏幕较小时，占据屏幕100%宽度，出现在博客文章的下侧 网格布局是一种实现这种布局需求的方法：将所有宽度分为固定的栏（...

CSS模块化规则 CSS模块的设计原则： 可重用 可维护 可扩展 1 常见的问题 1.1 基于父组件直接修改样式 {代码...} 应用其余编程语言中类的概念，直接修改父组件的样式相当于修改类的定义，违反了开/闭原则：对扩展开放；对修改闭合 1.2 使用复杂的选择器 {代码...} 依...

1 为什么要用正则表达式？ 学习之前，多想想为什么要使用正则表达式，有助于理解。 正则表达式regular expression使用单个字符串来描述某个句法规则，计算机根据规则去匹配字符串中的内容。 正则表达式的性能高于常规字符串操作（省略循环、遍历等操作） 正则表达式...

JavaScript的this是有函数求值是的调用者决定的 JavaScript的this是有函数求值是的调用者决定的 JavaScript的this是有函数求值是的调用者决定的

CSS种元素垂直居中 根据不同情况，使用的垂直居中方式各异：针对块级元素与行级元素的垂直居中不同。 1 行级元素 1.1 行内包含特殊元素 如果行内包含特殊元素：图片、input输入框、inline-block元素或者粗体 使用verticle-align: middle;设置对齐方式即可垂直居中。t...

 说道页面垂直居中, 在大家的思维中, 很快就能有若干个(常用/用过)解决方法, 但是在很多面试题中, 都会出现这么一个题, 写出多个垂直居中的方法, (其实掌握比较通用的, 兼容性好的方法就行了, 其他的就当看着玩, 有遗漏的欢迎补充 ps: 最好私信我给我留点面子 /坏笑)...

基于纯float实现的三栏布局需要将中间的内容放在HTML结构的最后，否则右侧会沉在中间内容的下侧 原理：元素浮动后，脱离文档流，后面的元素受浮动影响，设置受影响元素的margin值即可

ES5中的类是基于原型继承实现的：如果两个对象从同一个原型对象继承属性，称两个对象为同一个类的实例。r instanceof Range.prototype操作符是检查对象r是否继承自Range.prototype

1 Web性能优化 Web网站的性能细线在几个方面： 网站首页加载速度 动画的流畅度 通过分析浏览器的渲染原理、资源对渲染的影响，得出优化网站性能的办法。 2 查看性能的工具 Chrome的Timeline面板录制网页加载的过程，分析记录浏览器渲染过程中每个过程的耗时。 2.1 录...

1 注册、登录和退出 1.1 用户注册、登录 配置模板引擎、mongoDB数据库驱动、静态文件路径和post请求解析中间件 统一api.js路由的数据返回格式 {代码...} 设计用户的数据模型设计与创建 {代码...} {代码...} 完成注册逻辑 前端将数据提交到指定路由（Ajax或整页刷新）...

使用Node进行网络开发 用户在浏览器中输入网址 --> 获得网页的过程经历了几个步骤： 通过浏览器发送一个请求到服务器（期间经历的DNS解析、TCP3次握手连接） 服务器分析、处理用户的请求，并生产请求的内容，然后发送给浏览器 浏览器解析服务发送回的数据，生产网...

module.exports和exports 本质上，exports是module.exports对象的引用 JS引用 {代码...} 变量a是一个对象，而b是a的引用（a、b指向同一块内存），所以输出相同 b修改原对象后，因为a、b指向同一块内存，所以修改会体现在a上 当b被覆盖时，b指向了一块新的内存；而a的...

关于this this是JavaScript的一个关键字，自动定义在所有函数中，难点在于this的指向。 this的指向在函数调用时进行绑定，它的context取决于函数调用时的各种条件，与函数定义位置无关 1 this的作用 this可以使不同的context对象重复使用已经存在、声明的函数，无需...

Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution, and you may not use the same element twice.

JavaScript中，函数指只定义一次，但可以多次被多次执行或调用的一段JavaScript代码。与数组类似，JavaScript中函数是特殊的对象，拥有自身属性和方法

浏览器输入网址后发生了什么？ 在浏览器输入网址，按下回车后，首先浏览器会做域名解析，获取目标主机的ip地址。 一、域名解析 主要有以下几个步骤： 浏览器搜索自身的DNS缓存，如果没找到，转2； 搜索操作系统自身DNS缓存，如果没找到，转3； 读取本地的hosts文件，...