网站建设活动方案,wordpress 本地 域名绑定,设计师网站软件,湖北网站设计制作公司有哪些一、了解Cookie 类似于对象响应携带数据 输入用户名密码跳转到指定页面 点击指定页面中其中一个按钮跳转到另一个指定页面#xff08;再不需用输入用户名密码#xff09; 例如现在很多浏览器实现七天免密登录 简单理解#xff1a;就是在网站登录页面之后#xff0c;服务…一、了解Cookie 类似于对象响应携带数据 输入用户名密码跳转到指定页面 点击指定页面中其中一个按钮跳转到另一个指定页面再不需用输入用户名密码 例如现在很多浏览器实现七天免密登录 简单理解就是在网站登录页面之后服务器响应返回带着Cookie然后这一组Cookie就存到自己的浏览器当浏览器在当前网页再查看其他页面时候就会带着这一组Cookie进行访问这时候就不需要用户名和密码的输入当访问到新的页面之后重新响应并带着新的一组Cookie返回到当前浏览器存放那么当前浏览器就存放着两次响应返回的Cookie 禁止跨浏览器读取Cookie 安全性问题 可以直接通过指令获取到Cookie 通过一个html链接数据数据包含跳转到页面和获取本地Cookie随后把本地Cookie都发送到这个服务器 a hrefjavascript:location.hrefhttp://www.baidu.comdocument.cookie目标网址/a 解决方式 通过保护开发者工具中数据的Cookies数据 二、生命周期以下每一条钩子对照下面的生命周期图进行比对 生命周期又名周期回调函数、生命周期函数、生命周期钩子 生命周期是什么 Vue在关键时刻帮我们调用一些特殊的名称的函数 生命周期函数的名字不可更改但函数的具体内容是程序员根据业务需求编写 生命周期函数中的this指向的是vm 或者 最简实例对象Vue 一个透明度变化案例引出生命周期mounted挂载钩子 生命周期和方法平级是个函数 当页面展示时候就会出现效果 这里使用mounted将初始的真实DOM元素放入页面 解释什么是初始的真实DOM:就是在页面渲染时候会出现的一组生命周期当这个周期完成之后mounted就不会出现 //此代码不能实现页面一刷新就开始闪烁
//以下代码需要使用按钮才会执行效果直接使用模板解析会出现指数增长多次模板解析定时器
!-- {{change()}} 当使用模板内调用方法回循环解析指数增加定时器开启--
!-- button clickchange/button --
h2 :style{opacity}欢迎学习/h2
//vuemethods: {// 只要使用一次发现vue中数据变化就会重新解析chenge() {setInterval(() {this.opacity - 0.01;// 此处注意js不会计算小数如果opacity的值小于等于0if (vm.opacity 0) vm.opacity 1;}, 16);},}, //以下就是直接使用挂在完毕演示到也页面的钩子使用
h2 :style{opacity}欢迎学习/h2
h2 v-ifa你好/h2
//vuedata: {opacity: 1,a: false,},mounted() {setInterval(() {vm.opacity - 0.01;// 此处注意js不会计算小数如果opacity的值小于等于0if (vm.opacity 0) vm.opacity 1;}, 16);}, init EventsLifecycle初始化指定多个周期函数并命名指定事件处理这时候还没有数据代理没有._data 1. beforeCreat:页面还未数据代理(无法通过vm访问data中的数据methods方法) init injections reactivity: 初始化完成数据代理、数据代理 2.created实现数据代理和数据监测通过vue的data数据查看和有没有getter has eloption?: 查看你有没有与模板链接有继续往下执行如果没有el就是当$mounte#容器名调用之后才会执行 has templateoption? : el标记的部分就是模板没有template可以执行转为真实DOM有可以通过template模板也可以执行转为真实DOM template配置项里面的内容被div包裹可以替换外界模板整体 //以下整块代码就是模板都会被解析包括最外层divdiv idrooth2当前的n值是:{{n}}/h2button clickadd点我n1/buttonbutton clickbye点我销毁按钮/button/div //存在templatetemplate:divh2当前的n值是:{{n}}/h2button clickadd点我n1/button/div 3. beforeMounted未经挂载 此时页面出现的都是经过vue编译的真实DOM所有对DOM的操作最终都不奏效断点不影响后面真实DOM的产生也就是前面对DOM的操作无效 Creat vm.$eland replact elwith it将虚拟DOM转为真实DOM,并在$el上存放一份 4.mounted 此时页面出现的都是经过vue编译过的页面内容 这时候对DOM的操作均有效但是尽可能避免Vue的初始化结束可以开启定时器、发送网络请求、订阅消息、绑定自定义事件、初始化操作 5.更新流程 beforeUpdate:数据变成了新的但是页面还是旧的 Virtual DOM re-render and patch:新数据生成新的虚拟DOM与旧的虚拟DOM进行比较 updated数据和页面内容同步 when vm.$destroy id called:当调用摧毁指令时候就会开始执行销毁vm解绑所有指令但是事件还是存在和事件监听器 页面之前解析的内容都存在但是数据操作都不会显示 6.beforeDestroy此时vm素有指令都处于可用骂声执行销毁在此阶段关闭定时器取消订阅消息解绑自定义事件 需要移除所有事件自定义事件的监视还有移除所有子组件 7.Destroy 在多数场景中不适用destroy直接使用目前是自杀 以下是生命周期细分图
