- 博客(12)
- 收藏
- 关注
RSS订阅原创 HTML/CSS笔试（四个代码题）
要求:创建一个卡片，卡片有适当的间距。鼠标悬停在卡片上时，产生阴影效果。要求:让一个元素在呼吸的过程中改变透明度或颜色。动画应该是无限循环的。使用 Flexbox 确保这些元素在水平和垂直方向上都居中。要求：实现一条0.5像素的竖线/横线。要求：创建一个包含多个元素的容器。
2024-04-01 14:10:12
467
原创 Vue(八)：TodoList案例 1.0
(1).拆分静态组件：组件要按照功能点拆分，命名不要与html元素冲突。(2).实现动态组件：考虑好数据的存放位置，数据是一个组件在用，还是一些组件在用：一个组件在用：放在组件自身即可。一些组件在用：放在他们共同的父组件上状态提升。 (3).实现交互：从绑定事件开始。
2023-09-25 14:54:56
204
1
原创 Vue（七）：脚手架、render函数、ref属性、props配置项、mixin(混入)、插件、scoped样式
)//定义全局指令//指令与元素成功绑定时（一上来）},//指令所在元素被插入页面时},//指令所在的模板被重新解析时})//定义混入data() {return {x: 100,y: 200},})//给Vue原型上添加一个方法（vm和vc就都能用了）Vue.prototype.hello = () => { alert('你好啊') }
2023-09-21 12:36:23
123
原创 Vue2 (六)：使用组件的三大步骤
使用创建，其中options和时传入的那个options几乎一样，但也有点区别；1）.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。2）.我们只需要写或，Vue解析时会帮我们创建school组件的实例对象，。3）.特别注意：每次调用Vue.extend，返回的都是一个全新的VueComponent！！！！
2023-09-15 14:36:29
1237
1
原创 Vue2(五)：收集表单数据、过滤器
自己写DOMdirectives:{指令名:配置对象} 或 directives{指令名:回调函数}Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)备注：1.指令定义时不加v-，但使用时要加v-；2.指令名如果是多个单词，要使用big-number命名方式，不要用bigNumber1.又名：生命周期回调函数、生命周期函数、生命周期钩子。2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。
2023-09-14 10:53:40
85
1
原创 Vue2（四）：Vue监测数据的原理
Vue监视数据的原理：vue会监视data中所有层次的数据。如何监测对象中的数据？通过setter实现监视，且要在new Vue时就传入要监测的数据。(1).对象中后追加的属性，Vue默认不做响应式处理(2).如需给后添加的属性做响应式，请使用如下API：Vue.set(target，propertyName/index，value) 或如何监测数组中的数据？通过包裹数组更新元素的方法实现，本质就是做了两件事：(1).调用原生对应的方法对数组进行更新。
2023-09-07 19:38:27
80
原创 Vue(三)：绑定样式、条件渲染(v-if，v-show)、列表渲染(v-for)、key的原理、列表过滤、列表排序
方法来排序，计算属性的强大之处，只要get里用到的数据（keyword，sortType）发生改变，get都会重新执行，模板都会重新解析，这个业务逻辑就实现了。（2）如果不存在对数据的逆序添加、逆序删除等破坏顺序操作，仅用于渲染列表用于展示，使用index作为key是没有问题的，不写的时候默认index作为key。（2）旧虚拟DOM中未找到与新虚拟DOM相同的key，创建新的真实DOM，随后渲染到到页面。使用v-if的时，元素可能无法获取到，而使用v-show一定可以获取到。
2023-09-04 17:27:54
583
1
原创 Vue2（二）：事件处理，计算属性、监视属性、两者区别
定义：要用的属性不存在，要通过已有属性计算得来。原理：底层借助了Objcet.defineproperty方法提供的getter和setter。get函数什么时候执行？(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。优势：与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。备注：(1).计算属性最终会出现在vm上，直接读取使用即可。(2).如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变。
2023-09-01 20:16:56
96
1
原创 Vue2（一）：初识Vue、模板语法、数据绑定、el和data的两种写法、理解MVVM、数据代理
1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3.root容器里的代码被称为【Vue模板】；4.Vue实例和容器是一一对应的；5.真实开发中只有一个Vue实例，并且会配合着组件一起使用；6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；7.一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；
2023-07-20 21:52:01
213
原创 Javascript 综合笔试、排错题、编程题总结（二）
分析错误：在for…in 语法中，对象的属性值需要通过 中括号语法才能取出对象的属性值////***分析错误：语法：数组.push(数据1, 数据2, …) ////****是一种方法需要括号。分析错误：script标签一旦设置的src属性，则里面代码不运行。分析错误：let 不能在声明变量之前先使用变量。分析错误：张三 是字符串，需要使用引号包裹。分析错误：取不出来马超，从索引号0开始。语法： 数组名[下标] = 新值。分析错误：数组第一个索引号为0。分析错误：变量名称不能相同。分析错误：引号成对出现。
2023-05-11 18:11:36
223
1
原创 Javascript 综合笔试、排错题、编程题总结（一）
函数的本质是封装（包裹），函数体内的逻辑执行完毕后，函数外部如何获得函数内部的执行结果呢？声明一个对象类型的变量与之前声明一个数值或字符串类型的变量没有本质上的区别。、 0、undefined、null、false、NaN转换为布尔型为false，其余都为true））或反引号包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。这个关键字，将内部执行结果传递到函数外部，这个被传递到外部的结果就是返回值。如果函数内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐。
2023-04-24 14:36:22
538
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人