L19541216的博客

文章目录Vue生命周期和生命周期的四个阶段created应用—新闻列表渲染mounted应用—进入页面搜索框就获得焦点账单统计（Echarts可视化图表渲染）Vue生命周期和生命周期的四个阶段思考：什么时候可以发送初始化渲染请求？（越早越好）什么时候可以开始操作dom？（至少dom得渲染出来）Vue生命周期： 一个Vue实例从创建到销毁的整个过程生命周期四个阶段： ①创建②挂载③更新④销毁Vue生命周期函数（钩子函数）Vue生命周期过程中，会自动运行一些函数，被称为【生命周期钩子】—

MongoDB是一个基于分布式文件存储的数据库，官方地址https://www.mongodb.com/Mongoose是一个对象文档模型库，官网http://www.mongoosejs.net/

express是一个基于Node.js平台的极简、灵活的WEB应用开发框架，官方网址https://www.expressjs.com.cn/简单来说，express是一个封装好的工具包，封装了很多功能，便于我们开发WEB应用（HTTP服务）**官方定义：**路由确定了应用程序如何相应客户端对特定端点的请求每一个请求到达服务端之后都会执行全局中间件函数/*** 记录每一个请求的URL与Ip地址(服务器的访问日志)*/// 导入express// 创建应用对象//声明中间件函数。

接口是前后端通信的桥梁简单理解：一个接口就是服务中的一个路由规则，根据请求响应结果接口的英文单词是API（Application Program Interface）,所以有时也称之为API接口这里的接口指的是数据接口，与编程语言（Java，Go等）中的接口语法不同。

所谓的会话控制就是对会话进行控制HTTP是一种无状态的协议，他没有办法区分多次的请求是否来自同一个客户端，无法区分用户，而产品中又大量存在这样的需求，所以我们需要回话控制来解决该问题cookiesessiontoken。

HTML——实现富文本编辑器wangEditor的使用文章目录HTML——实现富文本编辑器wangEditor的使用一.导入wangEditor.JS二.直接引用文档链接三.包管理工具（node和bower 的下载）Node.js下载安装及环境配置bower的安装和使用引入实现背景：最近在写小说项目，关于发布文章需要用到富文本编辑器，由于还没学到Vue，最实用的还是用wangEditor富文本编辑器。官方文档：http://www.wangeditor.com/使用手册：创建一个编辑器 · wang

这周前两天学习了Git，github，相关内容见上一篇文章。之后学习了JSON的一些知识，jQuery的Ajax请求，Sass的用法。

由于每次都输入用户名密码太累，想在自己的个人网站上添加一个记住密码功能，以前的项目是使用浏览器cookie实现的, cookie可以设置过期时间 ，而localStorage不行，是cookie的优势，但是cookie代码比较复杂，使用了原生的button按钮，而使用原生按钮需要注意的是：原生按钮button默认 type=‘submit’ 这个属性值是默认具有表单提交功能的，所以在 非IE浏览器 下会存在点击后刷新页面的问题。1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效。

正则表达式正则表达式参数可用在以上方法中 (替代字符串参数)。正则表达式使得搜索功能更加强大(如实例中不区分大小写)。i执行对大小写不敏感的匹配。g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。m执行多行匹配。^ 表示开头$ 表示结尾创建一个正则表达式，用来检查一个字符串是否是一个合法手机号以1 开头第2位 3—9三位以后任意数字9个检查一个字符串中是否有.\使用转义字符\可以不用设置正则表达式的变量，以上两行代码可以合并为一行：")元字符。

两大编程思想pop 面向过程oop 面向对象面向对象具有灵活、代码可复用，容易维护和开发的优点，更适合多人合作的大型软件项目。面向对象的特性：封装性继承性多态性。

当JavaScript开始解释执行代码的时候，最先遇到的就是全局代码，所以它会向执行上下文栈压入一个全局执行上下文，我们用globalContext表示，并且只有当整个程序运行结束时，ECStack才会被清空，所以程序结束之前，ECStack最底部永远有个globalContext。JavaScript引擎执行是顺序执行的，但是它并不是一行一行地分析和执行代码，而是一段一段地分析和执行的。因此当我们只想改变this指向，并且不想调用这个函数的时候，可以使用bind，比如改变定时器内部的this指向。

使用var关键字声明的变量，会在所有的代码执行之前被声明（但不会被赋值），但是如果声明变量是不使用var关键字，则变量不会被声明提前。属性名和属性值是一组一组的名值对结构，名和值之间使用 :连接，多个名值对之间使用，隔开如果一个属性之后没有其他的属性了，就不要写，你的全局变量，或者函数，可以覆盖 window 对象的变量或者函数。对象是保存堆内存中的，每创建一个新的对象，就会在对内存中开辟一个新的空间。前端验证：检查用户输入的内容是否复合一定的规则（用户名的长度，密码的长度，邮箱的格式）

/打开页面触发事件，就从本地存储里面去除记录的时间，赋值给 video.currentTime。//获取当前的视频时间 video.currentTime。需求：页面打开，可以记录上一次视频播放位置。//1.获取元素，要对视频进行操作。//把当前的时间存储到本地存储。

把模态框封装一个构造函数model，每次new都会产出一个模态框，所以点击不同的按钮就是在做new模态框，实例化。准备open显示的时候，先判断页面中有没有modal盒子，有就移除，没有就添加。2.模态框有什么功能？打开功能（显示），关闭功能，而且每个模态框都包含着。最主要的就是JS部分，由于代码比较短，这里将JS放在HTML写。1.多个模态框一样的，而且每次点击都会出来一个，怎么做呢？问：open和close方法写到哪里？至于效果可以手动复制粘贴试一下。多次点击会显示很多模态框。

输出当前时间可以使用：new Date().toLocaleString()代码很简单，主要强调递归的思想。页面每隔1s输出当前时间。

这周主要是做登录和增删改查的页面，通过做页面对最初学习的ajax，sass有了进一步的认识接下来对页面中出现过的问题做一下汇总。

(适用于对象，数组，二维数组，但如果对象数组之间相互引用，这个代码无法实现)封装一个简易版的深拷贝函数。

script>//声明一个对象name: '终级一组',stus: ['小明','小红','小宁','小迪',],//索引变量//让return里的this指向stus，也可以使用箭头函数实现return {//下标自增index++;//返回结果}else{//遍历这个对象} //返回错误banji is not iterable// }// )//可以遍历，但不符合面向对象的思想

做效果的时候 transform 相对来说是比较方便的，因为 transform 的视角是元素本身，所以比较直观。比如你希望一个元素向左 50px 那就是 transform: translateX(-50px)，但是如果用 left 而你的父子元素都是 position: absolute，那可能你用 left 就要写成从 left: 100px 到 left: 30px，这就很不直观。1.相同条件下，setTimeout() 只执行一次，setInterval() 则循环执行；

dl >被定义内容要定义的语句