青训营笔记

这是我参与「第五届青训营 」伴学笔记创作活动的第18天 前言 网上的坑巨多，比如说让你安装n这个包，大概率没有效果，并伴随如下错误： 之后我找到的有效的解决方法是安装gnvm包，需要去github上下

这是我参与「第五届青训营 」伴学笔记创作活动的第17天 需求分析 点击年份按钮出现年份下拉菜单，可以快速切换年份；点击月份按钮出现月份下拉菜单，可以快速切换月份。 在下拉菜单中，点击上下箭头可以切换到

这是我参与「第五届青训营 」伴学笔记创作活动的第16天 需求分析 美观的日历表，默认模式为可以选择月份+日期 可以切换日期 可以快速跳转到当前月份 可以配合输入框使用 可以切换为选择年份+月份的模式

这是我参与「第五届青训营 」伴学笔记创作活动的第15天 Alert 需求分析 有success、warning、danger3种类型的警告 可以附加信息 可以关闭窗口 开发难点 如何使窗口可关闭 使用

这是我参与「第五届青训营 」伴学笔记创作活动的第14天 在进行多人协作时，因为成员们各自的开发环境不同，常常会因此导致各种奇怪的错误。只是遇到一两个bug还好，但如果整个项目都因此无法运行那就让人相当

这是我参与「第五届青训营 」伴学笔记创作活动的第13天 单例模式 确保一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。 构造方法只能是private 拥有一个当前类的静态成员变量（stat

这是我参与「第五届青训营 」伴学笔记创作活动的第12天 Array 元素可以是任何数据类型，相当于python的列表 函数实现：new Array(); 常用操作： .length：返回长度 .pus

这是我参与「第五届青训营 」伴学笔记创作活动的第11天 基础 正则RegExp：var re = /正则表达式/标志 函数实现：var re = new RegExp('正则表达式'[，'标志'])

当青训营遇上码上掘金 当我看到主题四我乐了，这不就是LeetCode经典的接雨水问题么hh。本文介绍三种常用的解法，抛砖引玉，更多解法可以去看这篇文章：详细通俗的思路分析，多解法，接雨水问题还是值得好

这是我参与「第五届青训营 」伴学笔记创作活动的第10天 需求分析 垂直菜单 点击可激活（高亮） 子菜单点击后展开 菜单项可禁用（点击后无响应） 水平菜单 点击可激活 子菜单悬停后展开 菜单项可禁用 开

这是我参与「第五届青训营 」伴学笔记创作活动的第9天 普通函数的this取什么值，是在函数执行时确定的， 不是在函数定义时确定的 普通函数的this指向调用者或全局，箭头函数的this指向外

这是我参与「第五届青训营 」伴学笔记创作活动的第8天 从输入url到渲染出页面的过程 加载过程： DNS解析url，将域名转为IP地址 浏览器根据IP地址向服务器发起http请求 服务器处理http请

这是我参与「第五届青训营 」伴学笔记创作活动的第7天 DOM DOM是树型数据结构 对象属性： property和attribute形式都可以修改节点的属性，但attribute的改变会体现在html

这是我参与「第五届青训营 」伴学笔记创作活动的第6天 http缓存 缓存对象常为静态资源（图片、js、css） 用webpack打包的时候在后面加一串哈希值（根据内容算出来的） 文件内容不变，哈希值也

这是我参与「第五届青训营 」伴学笔记创作活动的第5天 基础 声明变量：$ ，如：$color: red 全局变量：$color: #f60 !global 若没有别的声明（如import中的），用此默

这是我参与「第五届青训营 」伴学笔记创作活动的第4天 JS基础语法 注释：// OR /**/ 变量声明： var x = 1;（不用var会自动变为全局变量，可在首行加上'use strict';强

这是我参与「第五届青训营 」伴学笔记创作活动的第3天 CSS选择器 类选择器：在标签内添加class="类名1 类名2"，在样式表中使用".类名1.类名2"定义 ele.name：选择class为na

这是我参与「第五届青训营 」伴学笔记创作活动的第2天 CSS布局 盒模型宽度计算 将offsetWidth控制为width的方法：box-sizing：border-box margin纵向重叠问题