- 博客(20)
- 收藏
- 关注
RSS订阅原创 es6class
静态属性：class 本身的属性，即直接定义在类内部的属性（ Class.propname ），不需要实例化。ES6 中，prototype 仍旧存在，虽然可以直接自类中定义方法，但是其实方法还是定义在 prototype 上的。在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。constructor 方法是类的默认方法，创建类的实例化对象时被调用。类定义不会被提升，这意味着，必须在访问前对类进行定义，否则就会报错。实例属性：定义在实例对象（ this ）上的属性。
2024-06-28 15:13:05
321
原创 Vuex是采用集中式存储管理应用的所有组件的状态
总结Vuex 是 Vue.js 的官方状态管理库，它通过集中式存储管理应用的所有组件的状态，使用了一些核心概念如 state、getters、mutations 和 actions 来实现状态管理。使用 Vuex 可以帮助应用更加清晰和易于维护，尤其适用于大型单页应用的状态管理。
2024-06-28 13:44:24
410
原创 vue的内置指令用于操作 DOM 元素、数据绑定和条件渲染等
1. v-bind语法：v-bind:属性名 或者简写为 :属性名作用：动态绑定 HTML 元素的属性，可以是普通的 HTML 属性，也可以是组件的 prop。示例：<img :src="imageSrc"><a :href="url">Link</a>2. v-model语法：v-model="data" 或者 v-model:value="data"作用：在表单元素上创建双向数据绑定。可以自动处理用户输入事件以及更新组件状态和表单元素的值。
2024-06-28 10:51:39
324
原创 vue的脚手架框架的文件结构，它的文件结构通常是根据项目的规模和组织方式而有所不同，但是一般来说，一个典型的 Vue 项目会有以下几个主要部分：
├── src/
2024-06-27 09:51:13
390
原创 VUE的生命周期
在这个例子中，mounted 钩子用来初始化了一个第三方日期选择器，确保在组件挂载到 DOM 后才进行初始化，避免了在渲染之前尝试操作未渲染的 DOM 元素。在这个例子中，我们在 beforeDestroy 钩子中清除了组件销毁前的定时器，确保在组件被销毁时不再持续执行定时器操作，避免资源浪费和可能的内存泄漏。在这个例子中，created 钩子被用来初始化 todos 数组，通过异步请求获取了初始的待办事项数据，并且在获取数据后更新了组件的状态。先下载一下datepicker插件。
2024-06-26 11:00:58
1644
1
原创 微信小程序tabar属性
color: 未选中时的文字颜色。selectedColor: 选中时的文字颜色。backgroundColor: TabBar的背景色。borderStyle: TabBar上边框的颜色，仅支持 black 和 white。list: 一个数组，每个元素都是一个对象，用于定义每个Tab。pagePath: 页面路径，必须是 pages 数组中的某一项。text: 按钮上的文字。iconPath: 图标路径，不可超过40KB，建议尺寸81px * 81px。
2024-06-24 11:23:53
390
原创 微信小程序中的生命周期
总的来说，页面生命周期主要关注整个页面的加载、显示、渲染和卸载过程，而组件生命周期则更关注组件实例的创建、插入、布局、移动和移除等过程。onTabItemTap(item) (仅适用于 tab 页面的页面)：点击 tab 时触发。item包含 tab 的信息。onResize(resizeOption) 页面尺寸变化时触发，resizeOption包含页面尺寸变化的信息。onPageScroll(event) 页面滚动时触发,event包含页面滚动的信息。onReachBottom() 页面触底时触发。
2024-06-21 11:10:27
439
原创 this指向
1.2.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show。绑定事件使用的语法为v-on:事件 ，同时也能使用@事件 来表示。单向绑定使用的语法为v-bind:，数据是由data流行页面！1.1不同点：v-if存在或不存在，v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用。在vue2中v-for比v-if优先级高。在vue3中v-if比v-for优先级高。.v-if和v-for优先级和使用事项。v-if和v-for优先级和使用事项。
2024-03-22 13:54:59
190
1
原创 video
video >加上 autoplay = " autoplay " 视频在准备就绪之后立马开始播放< video >加上 controls = " controls " 视频出现播放控制按件< video >加上 loop = " loop " 之后视频开始循环播放< video >加上 muted = " muted " 之后视频静音。
2024-03-18 09:58:50
387
1
原创 初识Vue(1)
1.容器 ，app容器名称**，注：容器名称尽量使用id绑定唯一值**3. el绑定容器（还可以使用$.mount()绑定容器）2.{{}}插值语法(Vue使用语法)引入成功后可以先测试引入是否成功。页面有内容说明引入成功。
2024-03-10 19:59:06
160
1
原创 this相关内容
this表示对当前对象的引用，在js中 this 不是固定不变的，它会随着执行环境的改变而改变。2.applay、call这两个方法的主动调用，bind返回的是改变this指向后的。3.传参的问题区别，call和bind都是直接传递参数，applay传递的是数组。1.applay、call、bind他们三个都能改变函数this的指向问题；//obj中的a会等于setTimeout的触发次数。//将会打印指向的box;//将会打印Window;
2023-11-13 08:34:48
29
原创 css菜鸟必备
在HTML中，块元素在浏览器显示状态下将占据一行，并且排斥其它元素与其位于同一行，块元素内部可以容纳其它其他块元素和行内元素，可以设置宽高。行内元素可以与其他行内元素位于同一行，行内元素不能容纳块元素，但是可以容纳行内元素。常用的块级元素有：div、p、h1、ol、ul、dl、tabel、form；常见的行内元素有a、span、i、strong、em、label；/可以转换为行内块元素/行内块元素的特性和块元素完全一样，除了一点：它不独占一行；/可以转换为行内元素/元素分为块级元素，行内元素，行内块元素。
2023-10-22 19:34:36
42
1
原创 HTML ＜video＞ 标签
video >加上 autoplay = " autoplay " 视频在准备就绪之后立马开始播放。< video >加上 controls = " controls " 视频出现播放控制按件。< video >加上 loop = " loop " 之后视频开始循环播放。< video >加上 muted = " muted " 之后视频静音。
2023-09-17 18:18:53
79
1
空空如也
style为什么会报错，是语法错误嘛
2023-04-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人