xtcbql的博客

npm常见命令、npm -v、npm config list、npm install

你可以在每一个中配置用于标识的meta，也可以只在根路由'/'上配置，然后通过遍历matched，判断是否存在meta中isLogin为true，存在这说明这是需要登陆才能进入的界面。编写登陆表单，给“提交”按钮绑定一个点击事件"loginCheck"，当点击提交的时候，把用户名和密码发送到后端登陆接口，后端会对用户名和密码进行校验，校验通过后，返回token。这里，除了'/login'是可以不需要登陆就能访问的 ，其他 '/'、'/home'、'/user'、'/mall'、'page1'、

2、actions中的doActions是一个异步方法，等待reqCategoryList()方法返回请求结果，把结果通过commit提交给mutations处理。5、在需要数据的组件使用，使用vuex的mapState方法，给组件的计算属性加上一个方法categoryList，这个方法返回的就是存储在state中的数据。1、在需要使用数据的组件中的mounted方法中，调用dispatch()方法，括号内指定的是actions中的定义的。把 state.logindata的值修改为请求回来的数据。

【代码】【css案例】聊天框。

flex布局案例

给定如下所示HTML元素，把a标签转成行内标签，这样就可以设置宽高；在给box加上text-align：center的样式，这样它内部的行内块元素就可以居中显示。剩下来就是调整细节，增加样式让其变得更好看。

1、准备三张图片（01.webp、02.webp、03.webp），准备三个div盒子，给每个div分别指定背景图片，并设置background-attachment: fixed;这样就实现了一个最简单的视差滚动效果了噢。

轮播图、css、js、html

css案例：遮罩层

JavaScript案例

HTML+CSS综合案例

Vuex 是一个专为 Vue.js 开发的状态管理工具，可以实现组件间的数据共享。

ML（异步JavaScript和XML），最大特点，可以在网页不刷新的情况下发送http请求。ajax是一种将现有标准组合在一起使用的新方式。XML和HTML类似，不同的是HTML中都是预定标签，而XML中没有预定标签，全都是自定义标签。HTTP协议：超文本传输协议，规定了浏览器和万维网服务器之间互相通讯的规则。它限制一个源的javascript脚本与另一个源的资源进行交互。跨域问题：浏览器之所以产生跨域问题，是因为浏览器。url的协议、域名、端口均相同是称为。浏览器的同源策略是浏览器的一个安全策略，

User会具有__proto__和prototype两个属性，__proto__一般服务于函数对象本身，prototype一般服务于函数实例化的对象。在__proto__上添加一个函数getName。这个函数User可以使用，但是admin无法使用。在prototype上添加一个函数getAge。这个函数User无法使用，但是admin可以使用。创建一个User函数，实例化一个admin对象。

params参数：属于路径当中的一部分，在配置路由时需要占位。1、字符串形式2、模版字符串形式3、对象形式使用对象形式传递参数时，需要用name或着path指定要跳转的路径，注意，path和params不能同时使用。

CSS中实现元素居中6个的方法、text-align、margin：auto、line-height、flex布局、position

css盒子模型

css背景属性、文本属性、字体属性、列表属性

flex 是 flexibleBox 的缩写，意为 “弹性布局”，是css3新增的内容。flex灵活性高，任何一个容器都可以指定为flex布局。flex布局的原理是，通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。

Math是JavaScript中内置的一个数学工具类，与其他全局对象不同，它不是一个构造器，Math的属性和方法都是静态的，可以直接调用。10、Math.trunc()，返回一个数的整数部分，无论正数负数，返回去掉小数点之后的数据。3、Math.floor(x)，返回小于或等于x的最大整数。9、Math.random()，返回一个浮点数，范围从0到1，不包括1。4、Math.round(x)，返回x四舍五入之后的整数。8、Math.pow(x,y)，返回x的y次幂。// 结果是2的3次幂，为8。