- 博客(25)
- 收藏
- 关注
RSS订阅原创 vue技术组件的几个注意点
1：一个单词组成的scool（首字母小写）一个单词组成的Scool（首字母大写）2：多个单词组成的时候第一种写法（kebab-case）my-scool第二种写法（camecase）MyScool–需要vue脚手架的支持（1）组件名尽可能的会比已经有的标签名字h1 H1（2）可以使用name配置组件在开发者工具呈现的名字3 ：关于组件标签第一种写法第二种写法备注:不使用脚手架的时候会导致后面的组件不可以渲染4：一个简写方式const school =Vue.extend（opti
2022-05-23 17:02:41
244
原创 对生命周期的理解
beforeCreate：此时无法通过vm访问到data.的数据，metods的方法 ==created：此时可以通过vm访问到data.的数据，metods的方法beforeMount：页面呈现的是未经编译的dom结构所有的对dom的操作最终都不奏效mounted：页面呈现的是经过编译的dom对dom的操作都有效（尽量避免）初始化过程结束,一般在此进行开启定时器，发起网络请求，订阅消息，绑定自定义事件，等初始化操作。beforeUpdate：数据是新的但是页面是旧的，页面没有和数据保持同步Vir
2022-05-20 10:19:05
237
原创 过滤器的基本使用
定义：对要显示的数据进行特定格式化以后在显示（适用于一些简单的逻辑处理）语法：1：注册过滤器Vue.filter或new vue(filters:{})2:使用过滤器{{xxx | 过滤器名字}} 或 v-bind: 属性=“xxx | 过滤器名字”备注：过滤器也是可以接受额外的参数，多个过滤器是可以串联的并没有改变原本的数据，是产生新的数据。...
2022-05-17 15:37:53
328
原创 向响应式对象中添加一个 property
Vue.set( target, propertyName/index, value )参数：{Object | Array} target{string | number} propertyName/index{any} value返回值：设置的值。用法：向响应式对象中添加一个 property，并确保这个新 property 同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新 property，因为 Vue 无法探测普通的新增 property (比如 this.myObjec
2022-05-13 16:30:17
342
原创 vue数据更新时候的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-05-13 09:48:29
189
原创 动态绑定class和style
绑定样式：1：class="xxx"样式–xxx可以是数组，对象，字符串字符串适用类名不确定对象适用类名确定类名的个数确定但是不确定是否显示数组对象适用类名不确定，类名个数不确定style:data: { activeColor: 'red', fontSize: 30}直接绑定到一个样式对象通常更好，这会让模板更清晰：data: { styleObject: { color: 'red', fontSize: '13px' }}同样的，对象语法常常结
2022-05-12 09:35:48
404
原创 监听属性和计算属性的区别？
1：computed属性可以完成的事情watch属性都是可以完成的2：watch属性可以完成的事情，computed属性是不一定可以完成；例如watch属性可以进行异步操作3：被vue管理的函数最好写成普通的函数这样子this的指向才是vm或者组件实例对象4：所有的不被vue所管理的函数（定时器回调函数，ajax的回调函数）最好写成箭头函数，这样才是vm所管理的，指向vm或者组件实例...
2022-05-11 21:37:13
666
原创 侦听属性的简写形式
如果监听普通的变量话直接就可以吧监听的属性写一个函数的形式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca
2022-05-11 21:23:44
100
原创 使用watch进行深度监听
普通的变量的监听<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2022-05-11 17:03:50
9065
原创 《计算机组成原理》第二版第五章课后习题解答
I/O有哪些编址方式？各有何特点？答：常用的I/O编址方式有两种：I/O与内存统一编址和I/O独立编址。特点：I/O与内存统一编址方式的I/O地址采用与主存单元地址完全一样的格式，I/O设备和主存占用同一个地址空间，cPU可像访问主存一样访问I/O设备，不需要安排专门的I/O指令。I/O独立编址方式时机器为I/O设备专门安排一套完全不同于主存地址格式的地址编码，此时I/O地址与主存地址是两个独立的空间，cPU需要通过专门的I/O指令来访问I/O地址空间。 简要说明CPu与I/O之间传递信息可采
2022-05-11 15:19:03
3423
1
原创 watch侦听器
虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。当被监听的属性变化的时候，自动调用回调函数，进行相关操作监视的属性必须是存在的才可以进行监视也是可以监视计算属性的监视的两种方法：1:watch2:vm.$watch<!DOCTYPE html><html lang="en"><head&g
2022-05-11 11:38:11
124
原创 对计算属性的理解？
模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如，有一个嵌套数组对象：<div id="computed-basics"> <p>Has published books:</p> <span>{{ author.books.length > 0 ? 'Yes' : 'No' }}</span></div>Vue.createApp({ data()
2022-05-06 01:03:05
120
原创 Object.defineProperty方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-05-04 15:27:25
107
原创 vue设置动态参数
下面展示一些 内联代码片。第一遍看vue文档就大概看了一下没有仔细观察可以动态的设置参数，现在是第二遍的学习希望可以比较全面的熟悉vue官网。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport
2022-05-03 10:34:34
1116
原创 手写节流防抖函数
节流函数<body> <button id="app">点击</button></body><script> var app = document.querySelector("#app"); var trottle = function(fn, delay) { var t = delay || 500; var timer = null; var flag = tr
2022-04-18 08:49:25
174
原创 【计算机组成原理】冯·诺依曼计算机的特点有哪些？
冯·诺依曼体系结构当前计算机主要是基于冯诺依曼体系结构设计的，下图为典型的冯诺依曼计算机结构框架图。一、冯·诺依曼体系结构计算机的组成——硬件+软件一）硬件1.存储器分为外存储器和内存储器，这里所说的主要为内存储器（内存储器就是内存,也叫主存），其功能为直接与CPU进行数据交换，加载各种各样的程序和数据供CPU（Central Processing Unit）直接运行与使用。2.运算器负责运算从内存读取到寄存器中的数据，可将其看作为一个数据加工厂，即对寄存器中的数据做运算，这些运算主要包括基础的
2022-04-17 20:42:29
11139
原创 for in 和for of的区别？
var obj = { a: "A", b: "B", }; var arr = ["A", "B"]; for (var key in obj) { console.log(key); //a,b } for (var key of arr) { console.log(key); //A,B, }简单的说就是for in遍历的是键名；for of遍历的是键值；...
2022-04-17 10:07:56
254
原创 js 单精度浮点数转10进制_JavaScript 十进制小数转为二进制精度问题及解决方案...
0.1 + 0.2 为什么等于 0.30000000000000004 以及 JavaScript 中最大安全数是如何来的。十进制小数转为二进制小数方法拿 173.8125 举例如何将之转化为二进制小数。①. 针对整数部分 173，采取除 2 取余，逆序排列;173 / 2 = 86 … 186 / 2 = 43 … 043 / 2 = 21 … 1 ↑21 / 2 = 10 … 1 | 逆序排列10 / 2 = 5 … 0 |5 / 2 = 2 … 1 |2 / 2 = 1 … 01
2022-04-17 09:53:02
513
原创 MVVM的设计模式
MVVM全称是Model View ViewModel,其设计模式如图Model层：Model层代表了描述业务逻辑和数据的一系列的集合。它也定义了数据修改和操作业务规则View层：View层代表了css，js，html等，负责展示从Presenter接收到的数据。也就是把模型转化为UIViewModel层：ViewModel层是负责暴露方法命令，其他的属性用来操作View状态，组装Model作为View动作的结果，并且触发View自己的事件MVVM的核心是数据驱动（ViewModel），是View
2022-04-16 12:56:24
3502
原创 中断响应和终端处理的区别？
相关请查阅 计算机系统结构 内容：引起事件中断 的事件是中断源;中断源向中断系统发送请求请求中断是中断请求；中断响应指的是就是允许其中断cpu现行程序运行，转去对该请求进行预处理，包括保存好断点和现场调出有关处理该中断的中断服务程序，准备运行。...
2022-04-03 16:11:01
266
原创 CPU和内存作用
软件就是一堆数据啊这些数据只有经过CPU的处理才能发挥作用，不然就是一堆死水而内存则是存储一些马上就要被CPU处理的数据的因为CPU直接处理硬盘上的数据很慢（硬盘容量太大，不易CPU搜索），所以就把一些即将使用的数据放到内存，供CPU处理。这样简单的说，应该明白了吧！祝你好运！_cup为中央处理器，是处理指令用的，cpu处理指令时，第一步先将数据在硬盘中提取到内存中，在内存中将数据进行处理后在存放在硬盘中，即内存临时存储的数据是cpu要处理的数据！内存是临时存储数据用的，永久存储数据是硬盘...
2022-04-02 18:56:47
393
原创 cache是什么
高速缓冲存储器。1.关于cache：我们都知道CPU处理数据的速度非常快，虽然内存的读写速度也不慢，但是相对于CPU它的速度就显得太慢了，所以如果单纯地让CPU对内存进行读写，所消耗的时间绝大部分是在内存对数据的处理上，而这时候CPU就在空等，浪费了资源，因此就需要在CPU与内存之间连接一个Cache来作为缓冲。2.基本特点：由于Cache是为了缓解内存处理数据太慢而出现的，因此Cache应该具备的一个基本特点就是读写数据的速度快，能够比较好地匹配CPU的速度，尽可能地让CPU忙起来，但是就是因为它处理
2022-04-02 18:50:16
2978
原创 exports和module.exports的区别
请牢记一条原则：无论使用 exports 暴露成员，或是 module.exports 暴露成员，最终暴露的结果，都是以 module.exports 所指向的对象为准。1.module 对象看一下 module对象长什么样子exports显示是未定义的undefined1.module.exports 和exports 是commonjs的规范2.export 和export default 是es6 规范3.require 是amd规范引入方式4.import 是es6 的一个语法标准
2022-03-30 01:00:07
6335
3
原创 简述for in 遍历对象
简述for in 遍历对象对于遍历对象，采用的是以下方法：for（变量 in 对象）{undefined}// An highlighted block var str = { name: "李刚", age: 15, sex: "男", } for (k in str) { console.log(k); console.log(str[k]); con
2022-03-28 11:37:31
513
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人