Lostdeer的博客

模板引擎artTemplate学习笔记1 模板引擎的基础概念1.1 模板引擎1.2 art-template模板引擎1.3 art-template代码示例2 模板引擎语法2.1 模板语法2.2 输出2.3 原文输出2.4 条件判断2.5 循环2.6 子模版2.7 模板继承2.8 模板继承示例2.9 模板配置1 模板引擎的基础概念1.1 模板引擎模板引擎是第三方模块。让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护。 // 未使用模板引擎的写法 var ary = [{ n

MongoDB数据库1 数据库概述及环境搭建1.1 为什么要使用数据库1.2 什么是数据库1.3 MongoDB数据库下载安装1.4 MongoDB可视化软件1.5 数据库相关概念1.6 Mongoose第三方包1.7 启动MongoDB1.8 数据库连接1.9 创建数据库2 MongoDB增删改查操作2.1 创建集合2.2 创建文档2.3 mongoDB数据库导入数据2.4 查询文档2.5 删除文档2.6 更新文档2.7 mongoose验证2.8 集合关联2.9 集合关联实现1 数据库概述及环境搭建

Node.js基础学习笔记1 Node.js快速入门1.1 Node.js 的组成1.2 Node.js基础语法1.3 Node.js全局对象global2 Node.js模块化开发2.1 JavaScript开发弊端2.2 软件中的模块化开发2.3 Node.js中模块化开发规范2.4 模块成员导出2.5 模块成员的导入2.6 模块成员导出的另一种方式2.7 模块导出两种方式的联系与区别3 系统模块3.1 什么是系统模块3.2 系统模块fs 文件操作3.3 系统模块path 路径操作3.4 路径拼接语法3

JavaScript高级之ES6学习笔记1 ES6 简介1.1 什么是 ES6 ?1.2 为什么使用 ES6 ?2 ES6 的新增语法2.1 let2.2 const2.3 let、const、var 的区别2.4 解构赋值2.4.1 数组解构2.4.2 对象解构2.5 箭头函数2.6 剩余参数3 ES6 的内置对象扩展3.1 Array 的扩展方法3.1.1 扩展运算符（展开语法）3.1.2 构造函数方法：Array.from()3.1.3 实例方法：find()3.1.4 实例方法：findIndex(

JavaScript高级之正则表达式学习笔记1 正则表达式概述1.1 什么是正则表达式1.2 正则表达式的特点2 正则表达式在 JavaScript 中的使用2.1 创建正则表达式2.2 测试正则表达式 test3 正则表达式中的特殊字符3.1 正则表达式的组成3.2 边界符3.3 字符类3.4 量词符3.5 括号总结3.6 预定义类4 正则表达式中的替换4.1 replace 替换4.2 replace 替换参数5 常用正则表达式1 正则表达式概述1.1 什么是正则表达式正则表达式（ Regula

JavaScript高级之函数进阶学习笔记1 函数的定义和调用1.1 函数的定义方式1.2 函数的调用方式2 this2.1 改变函数内部 this 指向2.2 call apply bind 总结3 严格模式3.1 什么是严格模式3.2 开启严格模式3.3 严格模式中的变化4 高阶函数5 闭包5.1 变量作用域5.2 什么是闭包5.3 在 chrome 中调试闭包5.4 闭包的作用5.5 闭包总结6 递归1 函数的定义和调用1.1 函数的定义方式函数声明方式 function 关键字 (命名

JavaScript高级之构造函数和原型学习笔记1 构造函数和原型1.1 概述1.2 构造函数1.3 构造函数的问题1.4 构造函数原型 prototype1.5 对象原型 __proto__1.6 constructor 构造函数1.7 构造函数、实例、原型对象三者之间的关系1.8 原型链1.9 JavaScript 的成员查找机制(规则)1.10 原型对象this指向1.11 扩展内置对象2 继承2.1 call()2.2 借用构造函数继承父类型属性2.3 借用原型对象继承父类型方法3 ES5 中的新

JavaScript高级之面向对象学习笔记1 面向对象编程介绍1.1 两大编程思想1.2 面向过程编程 POP(Process-oriented programming)1.3 面向对象编程 OOP (Object Oriented Programming)1.4 面向过程和面向对象的对比2 ES6 中的类和对象2.1 对象2.2 类 class2.3 创建类2.4 类 constructor 构造函数2.5 类添加方法3 类的继承3.1 继承3.2 super 关键字1 面向对象编程介绍1.1 两

jQuery 事件学习笔记1 jQuery 事件注册2 jQuery 事件处理2.1 事件处理 on() 绑定事件2.2 事件处理 off() 解绑事件2.3 自动触发事件 trigger()3 jQuery 事件对象4 jQuery 对象拷贝5 jQuery 多库共存6 jQuery 插件1 jQuery 事件注册单个事件注册语法：element.事件(function(){}) $(“div”).click(function(){ 事件处理程序 }) 其他事件和原生基本一致。比如

jQuery常用API学习笔记1 jQuery 选择器1.1 jQuery 基础选择器1.2 jQuery 层级选择器1.3 隐式迭代（重要）1.4 jQuery 筛选选择器1.5 jQuery 筛选方法（重点）1.6 jQuery 里面的排他思想1.7 链式编程2 jQuery 样式操作2.1 操作 css 方法2.2 设置类样式方法2.3 类操作与className区别3 jQuery 效果3.1 显示隐藏效果3.2 滑动效果3.3 事件切换3.4 动画队列及其停止排队方法3.

JavaScript核心之移动端网页特效与本地存储学习笔记1 触屏事件1.1 触屏事件概述1.2 触摸事件对象（TouchEvent）1.3 移动端拖动元素2 移动端常见特效2.1 classList 属性2.2 click 延时解决方案3 移动端常用开发插件3.1 什么是插件3.2 插件的使用3.3 Swiper 插件的使用3.4 其他移动端常见插件3.5 插件的使用总结4 移动端常用开发框架4.1 框架概述4.2 Bootstrap5 本地存储5.1 window.sessionStorage5.2 w

JavaScript核心之PC端网页特效学习笔记1 元素偏移量 offset 系列1.1 offset 概述1.2 offset 与 style 区别2 元素可视区 client 系列3 元素滚动 scroll 系列3.1 元素 scroll 系列属性3.2 页面被卷去的头部3.3 页面被卷去的头部兼容性解决方案4 三大系列总结5 mouseenter 和mouseover的区别6 动画函数封装6.1 动画实现原理6.2 动画函数简单封装6.3 动画函数给不同元素记录不同定时器6.4 动画函数给不同元素记录

JavaScript核心之BOM基础学习笔记1 BOM 概述1.1 什么是 BOM1.2 BOM 的构成2 window 对象的常见事件2.1 窗口加载事件2.2 调整窗口大小事件3 定时器3.1 两种定时器3.2 setTimeout() 定时器3.3 停止 setTimeout() 定时器3.4 setInterval() 定时器3.5 停止 setInterval() 定时器3.6 停止 setInterval() 定时器4 JS 执行机制4.1 JS 是单线程4.2 同步和异步4.3 同步和异步4.

JavaScript核心之事件高级学习笔记1 注册事件（绑定事件）1.1 注册事件概述1.2 addEventListener 事件监听方式1.3 attachEvent 事件监听方式1.4 注册事件兼容性解决方案2 删除事件（解绑事件）2.1 删除事件的方式2.2 删除事件兼容性解决方案3 DOM 事件流4 事件对象4.1 什么是事件对象4.2 事件对象的使用语法4.3 事件对象的兼容性方案4.4 事件对象的常见属性和方法5 阻止事件冒泡5.1 阻止事件冒泡的两种方式6 事件委托（代理、委派）7 常用的鼠

JavaScript核心之BOM基础操作学习笔记1 获取元素1.1 根据 ID 获取1.2 根据标签名获取1.3 通过 HTML5 新增的方法获取2 事件基础2.1 事件三要素2.2 执行事件的步骤2.3 常见的鼠标事件3 操作元素3.1 改变元素内容3.2 常用元素的属性操作3.3 表单元素的属性操作3.4 样式属性操作3.5 操作元素总结3.6 排他思想3.7 自定义属性的操作3.7.1获取属性值3.7.2 设置属性值3.7.3 移除属性3.8 H5自定义属性3.8.1 设置H5自定义属性3.8.2 获

JavaScript基础笔记1.JavaScript 输入输出语句2.变量2.1声明变量特殊情况2.2变量命名规范3.数据类型3.1简单数据类型（基本数据类型）3.2字符串转义符3.3数据类型转换3.3.1转换为字符串3.3.2转换为数字型（重点）3.3.2转换为布尔型4.运算符4.1算数运算符4.2递增和递减运算符4.3比较运算符4.4逻辑运算符4.5赋值运算符4.6运算符优先级5.流程控制5.1if 语句5.2if else语句（双分支语句）5.3if else if 语句(多分支语句)5.4三元表达式

移动WEB开发之rem适配布局与响应式布局学习笔记1 rem适配布局1.1 rem 基础1.2 媒体查询1.2.1 什么是媒体查询1.2.2 语法规范1.3 Less 基础1.3.1 维护 css 的弊端1.3.2 Less 介绍1.3.3 Less 变量1.3.4 Less 编译1.3.5 Less 嵌套1.3.6 Less 运算1.4 rem 实际开发适配方案11.5 rem 实际开发适配方案22 响应式布局2.1 响应式开发原理2.2 响应式布局容器2.3 Bootstrap前端开发框架2.3.1 B

移动端web开发之流失布局、flex布局1 视口1.1 布局视口 layout viewport1.2 视觉视口 visual viewport1.3 理想视口 ideal viewport1.4 总结1.5 meta视口标签1.6 标准的viewport设置2 二倍图3 移动端技术解决方案3.1 移动端浏览器3.2 CSS初始化 normalize.css3.3 CSS3 盒子模型 box-sizing3.4 特殊样式4 移动端常见布局4.1 单独制作移动端页面4.2 响应式页面兼容移动端5 流式布局（百

HTML5和CSS3提高学习笔记1 HTML的新特性1.1 HTML新增的语义化标签1.2 HTML新增的多媒体标签1.2.1 视频``1.2.2 音频``1.3 HTML新增的input类型1.4 HTML 新增的表单元素2 CSS3新增选择器2.1 属性选择器2.2 结构伪类选择器2.3 伪元素选择器（重点）2.3.1 伪元素选择器使用场景1：伪元素字体图标2.3.2 伪元素选择器使用场景2：仿土豆效果2.3.3 伪元素选择器使用场景3：伪元素清除浮动3 CSS3盒子模型4 CSS滤镜filter：5

CSS基础学习笔记1 基础选择器2 字体属性3 文本属性4 CSS引入方式5 复合选择器5.1 连接伪类选择器5.2 focus伪类选择器6 元素显示模式7 元素显示模式转换8 背景9 边框（border）10 相邻边框合并11 内边距（padding）12 外边距（margin)13 清除内外边距14 PS基本操作15 总结16 圆角边框17 盒子阴影18 文字阴影19 标准流（普通流/文档流）20 浮动（float）21 清除浮动21.1 额外标签法21.2 父级添加overflow21.3 :afte

HTML51.H5新增语义化标签<header>:头部标签<nav>:导航标签<article>:内容标签<section>:块级标签<aside>:侧边栏标签<footer>:尾部标签2.H5新增多媒体标签音频：<audio>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qjeMkWSh-1608358495338)(https://secure-stati