- 博客(16)
- 收藏
- 关注
RSS订阅
1原创 Vue 中的 .sync 修饰符作用
一、.sync官方文档https://cn.vuejs.org/v2/guide/components-custom-events.html二、作用开发Vue的应用过程中，父子组件通信的需求是很常见的：父组件Parent存在属性d，通过参数p传输给子组件Child，我们希望Child组件能改变Parent的属性d。在没有修饰符.sync的情况下，我们的一般方法是这样的：父组件监听子组件事件update:p,并且将参数p绑定为d 子组件触发update:p事件并...
2021-07-03 19:23:37
271
原创 computed和watch的区别
一、作用机制上1.watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处理这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。2.对methods:methods里面是用来定义函数的，很显然，它需要手动调用才能执行。而不像watch和computed那样，“自动执行”预先定义的函数。二、从性质上1.methods里面定义的是函数，你显然需要像"fuc()"这样去调用它（假设
2021-07-03 17:55:49
330
原创 Vue数据响应式
1.什么是响应式？“响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。2.Vue的data响应式代码示例： const vm = new Vue({data:{n:0}})响应式即对不同的输入能反馈出不同的结果。 此时，如果修改vm.n或者修改后面对象的n，那么UI当中的n被更新了，就会响应我，这个联动的过程就是 vue 的 数据响应式。 Vue2 通过Object.defineProperty来实现数据响应式。
2021-07-03 16:05:29
179
原创 Vue 两个版本的区别和使用方法
1.两个版本文件名：通过bootCDN引入，完整版（vue.js），非完整版(vue.runtime.js)。2.区别完整版的视图是写在HTML里或template选项的，由于有 compiler(编译器)的存在，完整版运行时，用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。非完整版的视图是写在render里的，是用h函数来创建标签。非完整版运行时，当使用 vue-loader 或 vueify 的时候，*.vue 文件内部的模板会在构建时预编译
2021-07-03 02:11:34
252
原创 浅析MVC
#1.定义MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。#2.MVC对象MVC包括三类对象，将他们分离以提高灵活性和复用性。* M：model，模型model用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法，会有一个或多个视图监听此模型。一旦模型的数据发生变化，模型将通知有关的视图。即负责操作所有数据。* Vview，视图view是它在屏幕上的表示，描绘的是model的当前状态。当模型的数据发生变化，视图相应地得到刷新自己的机会。即负责操作所有UI界面。*
2021-07-02 19:38:52
42
原创 DOM 事件模型或 DOM 事件机制
一、DOM事件模型和事件流 <div class="爷爷"> <div class="爸爸"> <div class="儿子">文字</div> </div> </div>该示例中，爷爷>.爸爸>.儿子, 给3个div分别添加事件监听fnYe/fnBa/fnEr1.点击文字时,那一个被点击相当于都点击了儿子、爸爸、爷爷...
2021-06-30 02:05:48
109
转载 2021-06-29
十一、jQuery1.jQuery 如何获取元素$(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myClass的div元素 $('input[name=first]') // 选择name属性等于first的input元素$('a:first') //选择网页中第一个a元素$('tr:odd') //选择表格的奇数行...
2021-06-29 17:54:42
35
原创 JS 函数的执行时机
1.原因：setTimeout会等当前事情做完以后，再尽快执行，因此即等到for循环执行完毕，再打印出6个62.将代码修改为for(let i = 0; i<6;i++){setTimeout(()=>{console.log(i)},0)}此时，JS在for和let一起用的时候，每次循环会多创建一个i，存下档前数据，即可打印出0、1、2、3、4、5 。...
2021-06-26 18:34:20
30
转载 JS 对象基本用法
1）定义无序的数据集合键值对的集合2）写法let obj = { 'name': 'frank', 'age': 18 }let obj = new 0bject ({‘name': 'frank ‘})console.log(l 'name':'frank, 'age': 18 })3）细节键名是字符串，不是标识符，可以包含任意字符引号可省略，省略之后就只能写标识符就算引号省略了，键名也还是字符串(重要)4)奇怪的属性名所有属性名会自动变成字符串let...
2021-06-17 17:18:08
38
原创 JS 的基本语法
八、JS1.没个对象都有隐藏属性2.js引擎1）编译 JS 代码为字节码或者机器码2）优化字节码或者机器码3）执行字节码或者机器码4）垃圾回收3.JS语法1）表达式与语句<1>表达式(1)1+2表达式值为3(2)add(1,2) 表达式的值为函数的返回值(3)console.log 表达式的值为函数本身(4)console.log(3) 表达式的值为undefined<2>语句 var a = 1 是一个语句<3&.
2021-06-12 18:10:07
52
原创 浅析url
七、HTTP（协议）1.网络和IP1）路由器（网关）有外网ip和内网ip2）内网设备可互相访问，但不能直接访问外网，需要路由器中转3）外网设备可互相访问，但不能直接访问内网，需要路由器中转4）127.0.0.1：本机5）localhost：本机、通过hosts指定自己6）0.0.0.0不表示任何设备2.端口1）提供http服务：80、https服务：443、FTP服务：212）一共65535个端口，0-1023给系统使用，1024需要管理员权限，其余可给普通用户使用
2021-05-28 20:37:07
59
原创 CSS知识总结
六、CSS365psd、psd web、dribble.com<一>重要概念1.文档流1）流动方向inline 元素从左到右，到达最右边才会换行，不要在inline里写block元素block 元素从上到下，每一个都另起一行inline-block 也是从左到右2）宽度inline 宽度为内部 inline 元素的和，不能用 width 指定block 默认自动计算宽度，可用 width 指定inline-block 结合前两者特点，可用 width
2021-05-28 19:21:47
73
原创 html标签
1.a标签1)href：超链接2)target:指定打开超链接窗口3)download：下载2.a的href取值<1>网址1)https://google.com2)http://google.com3)//google.com:当前程序路径<2>路径1)/a/b/c\a/b/c2)index.html...
2021-05-18 17:04:24
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人