WANG944282的博客

最近在看JS红宝书 随手记一些笔记~

只是觉得记个笔记比较印象深刻，其实去官网看最好了。写的也大部分都是官网上的东西，官网总结的已经很清晰了。只是提炼一下，便于以后查看

讲解了git的基础和简单且常用的几个命令

ECMAScript6从ES6开始，每年发布一个版本，版本号比年份最后一位大1。ES6就是ES20151.let：声明变量变量不能重复声明（var可以重复声明）块级作用域，变量只在{}代码块里面有效。（全局作用域、函数作用域、块级作用域eval）不存在变量提升（在声明前使用报错，var有变量提升）虽然是块级作用域，但是不影响作用域链//遍历并绑定事件for(let i = 0;i<items.length;i++){ items[i].onclick = function(){

JS高级基础总结基本类型：String Number Boolean undefined null引用类型：Object 任意对象 Function Array（函数和数组都是一种特别的对象）判断：typeof 返回值是字符串，表示类型的小写字符串。不能判断null和object object和array=：只有undefined和null可以用全等判断 如 undefined=undefined，因为他们都只有一个值。instanceof 判断对象的具体类型，前

内建对象：Array：数组也是一个对象，和普通对象功能类似，用来存储一些值。不同的是普通对象使用字符串做属性名，数组使用数字做index索引操作元素。读取元素：数组[索引]读取不存在的索引，不报错，返回undefined。长度：arr.length()，接收返回值，得到连续数组的数组长度。非连续的数组能获取到数组的最大索引+1。也可以用arr.length(num)，设定数组长度为num。还有使用arr[arr.length]=num；可以总是在数组最后的位置添加元素创建数组：var

js中五种基本数据类型：Number String Boolean Null Undefined 还有一个Object数据类型null专门用来表示空对象，typeof null 返回的就是一个object对象类型undefined 声明变量但是不给变量赋值时，值就是undefined typeof undefined返回值也是undefined强制类型转换其他数据类型转成字符串调用被转换数据类型的toString方法。如a.toString()，不改变原值，只将结果返回nu

Koa框架安装包，导出的是一个类，所以首字母大写 const Koa = require('koa')koa通过创建的app对象，注册中间件只能通过use方法∶const app = Koa(); app.use();Koa并没有提供methods的方式来注册中间件;也没有提供path中间件来匹配路径;也不可以连续注册koa中路由的使用安装库，koa-router。const Router = require('koa-router')const router = new Router({pr

Buffer计算机中所有的内容∶文字、数字、图片、音频、视频最终都会使用二进制来表示。JavaScript可以直接去处理非常直观的数据︰比如字符串，我们通常展示给用户的也是这些内容。事实上在网页端，图片我们一直是交给浏览器来处理的;JavaScript或者HTML，只是负责告诉浏览器一个图片的地址;浏览器负责获取这个图片，并且最终讲这个图片渲染出来。但是对于服务器来说是不一样的:服务器要处理的本地文件类型相对较多;比如某一个保存文本的文件并不是使用utf-8进行编码的，而是用GBK，那么我们必

浏览器工作流程浏览器内核指的是浏览器的排版引擎，也称为浏览器引擎、页面渲染引擎或样板引擎。​ 在这个执行过程中，HTML解析的时候遇到了JavaScript标签，会停止解析HTML，而去加载和执行JavaScript代码；当然，为什么不直接异步去加载执行JavaScript代码，而要在这里停止掉呢?这是因为JavaScript代码可以操作我们的DOM ;所以浏览器希望将HTML解析的DOM和JavaScript操作之后的DOM放到一起来生成最终的DOM树，而不是频繁的去生成新的DOM树。为什么需要J

学些了react的一些基础语法，特性，生命周期函数以及了解了一些库

其实我是看过书的，但是没有敲代码，而且vue真的太方便了！！所以感觉学起来还挺舒服的，今天主要是进行一些基础的学习：vue是一套用于构建用户界面（用vue往html页面中填充数据）的前端框架，框架是一套现成的解决方案。程序员只能遵守框架的规范，去编自己的节业务功能。学习vue就是学习vue框架中规定的用法。比如学习vue的指令、组件（是对UI结构的服用）、路由、Vuex、Vue的组件库；只有把这些都掌握，才有开发vue项目的能力。首先我们对它进行基本的了...

1.路由的使用首先安装 npm install react-router-dom --save-dev； 之后引入，引入的时候，发现跟我学习的资源上有些不同，作出了一些更新，导致会出现一些错误，下面就简单说一下今天的项目实战遇到的问题，还有一个没解决，找了很多资料，等后面解决了再来补充。遇到的一些error1.Matched leaf route at location "/Detail" does not have an element. This means it will render a

1.微信小程序新建时一定要选一个空文件夹（笔者因为在文件夹里放了张logo所以导致项目结构不生成），会报错，写起来也不方便，看着模板都没生成，有点懵2.设置底部的页面导航条（首页/我的/购物车……),这些东西要要在app.json里面设置，加一个"tabBar": { "list": [ { "pagePath": "pages/index/index", "iconPath": "./pages/index/img/index0.jpg", ...

今天是这样的，看完视频里的sass，本来想学习vue.js，但是我发现我的资源版本比较低，我写出来的代码一直在报错，改好了之后跟视频相差挺多的。所以说，我觉得看这个可能效率过低，所以我在b站去看了黑马程序员的vue.js的一系列视频，打算看完再去看我的视频，看看自己看到旧版能不能想到新版的语法。前面也用过几次webpack，但是只能读懂，并不懂原理什么的，所以今天学了感觉收获很多，老师讲的很细致，非常nice！下面开始回顾今天的学习了：一、sass：安装插件 live sass comp...

vue组件对象的实例.vue是个组件，只有被<>标签形式引用了才有了实例。.vue里面的只是个模板结构，要渲染到页面上需要vue-template-compiler这个包的解析处理组件的生命周期生命周期是指组件从创建-运行-销毁的整个阶段，强调的是一个时间段生命周期函数时由vue提供的内置函数，会伴随组件的生命周期自动执行（官网上有生命周期图示）组件创建阶段：new vue()->beforeCreat->created->beforeMount->mouted

express中间件调用流程：当一个请求到达express的服务器之后，可以连续调用多个中间件，从而对这次请求进行预处理。格式：本质是一个function处理函数。next函数：是实现多个中间件连续调用的关键，他表示把流转关系转交给下一个中间件或路由，类似于放行注册成全局生效的中间件：可以连续定义多个，客户端请求到达服务器之后，会按照中间件定义的先后顺序依次执行。app.use((req,res,next)=>{​ next()})作用：多个中间件之间，共享同一份req和res，基于

动态组件vue提供了一个内置的标签,专门用来实现动态组件的渲染<component :is="comName"></component>component 标签是 vue 内置的，作用：组件的占位符is 属性的值，表示要渲染的组件的名字is 属性的值，应该是组件在 components 节点下的注册名称动态组件每次被隐藏的组件都会被销毁，再次显示的时候重新创建，可以用keep-alive解决问题，在component外面包一层keep-alive标签,组件被隐藏的时

有关项目打包只有在vue.config.js这个文件中，可以对整个项目的打包、构建进行全局性的配置publicPath：设置为’‘,’./'都可以在本地打开用户打开详情，再回退时回到上次离开的位置：在index（你需要缓存的页面）的路由外套一层keep-alive标签——>在路由规则的地方加一个mata属性：{isRecord:true, top:0} 用来记录top值，并在路由实例里加上函数如下：scrollBehavir(to,from,savedPosition){//期望滚动条滚到哪

watch监视器：可以监视属性的变化，计算属性同样可以监视，也可以用vm.$watch('info'，{配置，func})形式以及一些配置要监听的值info:{函数(newValue,oldValue), immediate:true//是否立即执行}当监视属性变化时，回调函数自行调用，进行相关操作，而且监视对象必须是存在的值，否则不报错，但是new和oldValue都是undefined。监视的对象是指针的内存空间，当监视对象时，只要内存地址不变，数据变化是不提示的，所以需要深度监视。Vue中..

关于路由的一个小案例复习一下路由的配置：装包，然后新建一个router文件夹，index.js文件里面配置先引入Vue和VueRouter模块Vue.use(VueRouter)新建一个VueRouter实例，const router=new VueRouter()把建好的这个实例导出出去 export default router在main.js里面导入router并挂载到vue的实例上案例的路由实现思路：首先分析：先登录登陆成功后可以显示主页。这里就是两个页面，，对应两条路由规

生命周期函数（四对，创建、挂载、更新、销毁）生命周期函数名字不可更改，逻辑可自己填写。它的this指向vm或组件对象实例mounted:与methods和data平级，Vue完成模板的解析并把初始的真实DOM元素放入页面后调用mounted常用的生命周期钩子：mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作。beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等收尾工作。关于销毁Vue实例：销毁后借助Vue开发者工具看不到

todolist案例写案例的流程：拆分组件，想清楚分多少部分（按照功能点拆分），每个部分控制的功能，实现静态组件展示动态效果，考虑存放位置，使用情况：一个组件用，放在自身多个组件在用，放在他们共同的父组件身上（状态提升）进行交互点击勾选和取消勾选，两种实现方式：给点击事件绑定处理函数并传id。@click=“handeleCheck(todo.id)”也可以绑定change事件。@change=“handeleCheck(todo.id)”<input

包管理配置文件项目根目录中。package.json，用俩记录与项目有关的配置，如：​ 项目的名称、版本号、描述；​ 项目中都用到了哪些包；​ 哪些包只在开发期间用到；​ 哪些包在开发和部署时都需要用到node_modules文件过大，并且可以自己下载，所以在打包时候要剔除，就在package.json中，把node_modules添加到.gitgnore忽略文件中快速创建package.json的命令：npm init -y,只能在英文目录下成功运行，项目文件夹名不用中文，不加空格；配置

vue-cli创建项目：1. vue creat 项目名2.选择安装版本或自定义3.选择自定义后——选择需要安装的工具choose Vue vasion，babel和 CSS Pre,把Linter取消勾选今天遇见的问题：安装的时候遇见了一个大问题，其实只是个小问题，在create项目时，报错[15700:0329/095234.264:ERROR:gpu_!init.cc(440)] Passthrough is not supported, GL is disabled这个问题可

过渡与动画需要css写一点，来回都一样的动画，直接用reverse反转就可以，不用写两遍用transition标签包裹要实现动画效果的标签，进入动画命名：.v-enter-active，离开.v-leave-active。这样插入、更新或移除DOM元素时，vue就可以自动控制了。如果给transition标签起了name名字，那么动画命名就是.name-enter-active，.name-leave-active：元素进入的样式:v-enter:进入的起点v-enter-active:进入

`命令行工具常用指令dir——列出当前目录下的所有文件cd 目录名 ——进入到指定的目录md 目录名 ——创建一个文件夹rd 目录名 —— 删除一个文件夹目录. 当前目录（省略了/)… 上一级目录环境变量path： 都是路径，配置常用的东西，可以直接在命令行窗口里任意位置打开里面的文件。当我们在命令行窗口打开一个文件,或调用一个程序时，系统会首先在当前目录下寻找文件程序，如果找到了则直接打开如果没有找到则会依次到环该变量path的路径中寻找，直到找到，没找到就报

主要写了vue3的部分新增方法等，就是对vue3的一个初步学习

在项目中操作数据库安装操作MySQL数据库的第三方模块（mysql）：npm install mysql通过mysql模块连接到MySQL数据库通过mysql模块执行SQL语句我这个代码块会有很多****这个是因为我用的vscode主题，里面有些关键字等会有加粗效果，直接复制粘到md编译器上是加粗的，但是如果换成代码块，这些就会自己显示出来，而不是直接加粗。反正是仅供参考，提供思路，就懒得去慢慢删了***const*** mysql **=** **require** ('mysql')

获取文章数据（接上个项目）流程总结：初始化路由模块：导入，创建，挂载在路由实例上（访问路径，回调函数），导出在app.js中导入刚刚的路由模块，挂载到app上，用app.use注册（路径，模块）初始化路由处理模块：把1中的回调函数分离出去，用exports.回调函数导出把1中挂载内容修改：把3所在文件导入，回调函数变成导入的对象.回调函数如果需要其他模块解析等，安装，导入配置中间件，把导入的中间件放在访问路径和回调函数之间如果内容需要验证，创建验证规则：导入定义验证规则的模块，定义各种验证规

Vuex的一些函数mapState：帮助生成映射代码借助**mapState可以从state**中读取数据，生成计算属性，函数返回值为一个对象对象写法：...mapState({ add: 'sum', name: 'name', subject: 'subject' })这个不能简写，因为{name}简写的意思是，有一个name属性，它的值为name变量。而这个表示一个返回值，是个字符串，这样简写会报错，说subject未定义数组写法：...mapState(['sum', 'name',