2022-08-03入职笔记

cookie的格式都是key=value的形式。cookie的属性包括expires（cookie的有效期，Max-age也是有效期单位为秒，若设置为0则立即失效，默认值为-1，即关闭页面时失效），domain，path，secure，httpOnly，在设置属性的时候每一个属性后面需要跟一个分号和空格。expires=Wed, 03 Aug 2022 01:04:37 GMT，表示在该时间点cookie会消失，要是没有expires属性的话，浏览器关闭时cookie就会消失。----domain表示域名，URL表示路径，两个结合在一起向浏览器发送一个http请求时，需要携带符合域名和路径条件的cookie。------secure低保证网络请求安全的，即cookie设置secure的话，用的是https。------在设置cookie时，httpOnly默认为空，若设置该属性的话，则js不能操作该条cookie。
----------------------
浏览器兼容：在样式前加上-兼容- -moz-火狐浏览器 -webkit-谷歌、Safari浏览器 -o-Opera浏览器 -ms-IE浏览器
----------------------
window.open('所跳转的地址'，target的属性值（_blank新窗口打开 _self默认，当前窗口打开 _parent在父框架集中打开 _top在整个窗口呗打开 framename在指定的窗口中打开）)
---------------------
画一条0.5px的直线
1、直接设置height为0.5。2、transform：scaleY（0.5）（高度缩小为一半）。3、设置阴影box-shadow:水平方向的阴影，垂直方向的阴影，阴影的模糊距离，阴影颜色；0,0.5px,0,#f00;。4、修改head标签中的initial-scale=0.5。
--------------------
bootstrap、element的几种自适应宽度xs:超小屏幕,sm:小屏幕,md:大屏,lg:超大屏。一共分为24个栅格。
--------------------
父组件传值给子组件：子组件中有一个prop属性用来接收父组件传过来的值，props:{ p1:[String,Number] }，子组件的名称在父组件中当做标签来使用，<son :p1='msg'>，子组件就能拿到父组件所传的值。
子组件传值给父组件：父组件中-----子组件标签<son @自定义事件类型=自定义事件>，自定义事件methods（data（子组件传的值）），子组件中------this.$emit(自定义事件类型，所传的值)
--------------------
pointer-events鼠标悬停事件，pointer-events:none;元素不对指针事件做出反应。auto，元素能对指针事件做出反应例如click、：hover等。
--------------------
Vue-mixin混入：用来分发组件中的可复用功能，一个混入对象可以包含任意组件选项，当组件使用混入对象时，所有混入对象的选项将被“混合”进入组件。若有相同的属性，则以当前组件的属性值优先，不一样的属性会合并。
--------------------
Vue全局指令：Vue.directive('focus222',{ inserted function(el){ el.focus } })，在input标签中加上v-focus222，就能自动获取该input的焦点。局部指令：directive：{ focus333：{ inserted：function（el）{ el.focus()} } }，添加v-focus333属性。
--------------------
JSON.parse与JSON.Stringify：JSON.parse(text，[,reviver]) 将一个JSON字符串转换为JSON对象，text为必要参数，是一个有效的JSON字符串，reviver可选，一个转换结果的函数，将为对象的每个成员调用此函数。JSON.Stringify()将js值转换为JSON字符串。
--------------------
路由重定向：{path:"/",redirect:"/index"},{path:"/index",component:index}-------在上方引入component时，component：index，不引入component时，component:（）=>import（@/view/index.vue）