- 博客(35)
- 收藏
- 关注
RSS订阅原创 Vant：构建现代化移动端应用的理想选择
Vant作为一款功能强大、设计简洁的移动端UI组件库，为移动应用的开发带来了极大的便利。通过使用Vant，开发者可以快速构建出现代化的移动应用，提升用户体验和开发效率。希望本文对您了解和使用Vant有所帮助，祝您开发顺利！
2024-06-22 14:00:00
287
原创 微信小程序的常用事件的用法
bindtap 或 catchtap：点击事件，当用户点击某个元素时触发。bindinput 或 catchinput：输入事件，当用户在输入框中输入内容时触发。bindchange 或 catchchange：选择改变事件，当用户选择不同的选项或者切换开关状态时触发。bindsubmit 或 catchsubmit：表单提交事件，当用户提交表单时触发。bindscroll 或 catchscroll：滚动事件，当页面滚动时触发。
2024-06-15 11:45:00
272
原创 JavaScript 表单和用法
通过以上方法，你可以在JavaScript中处理表单的提交事件、获取和设置表单中的输入值，从而实现对表单的有效控制和交互。
2024-06-09 20:30:40
306
原创 微信小程序的view的属性值和用法
微信小程序中的 view 组件具有多种属性，用于控制其样式、行为和交互。class / style: 控制视图的样式。hover-stay-time: 控制悬停时的样式和行为。data-xxx: 自定义数据属性，可在 JavaScript 中访问。bindtap / catchtap: 绑定点击事件。animation: 指定动画效果。hidden: 控制视图是否隐藏。控制滚动行为。selectable: 控制文本是否可选中。
2024-06-01 15:15:00
1222
原创 微信小程序中Button组件的属性值和用法详解
简要介绍Button组件在小程序中的作用和重要性，以及为什么开发者需要深入了解其属性值和用法。size：设置按钮尺寸大小。type：设置按钮样式类型。plain：设置按钮是否镂空。disabled：设置按钮是否禁用。open-type：设置按钮的开放能力。hover-class：设置按钮按下后的样式类。form-type：设置按钮在表单中的功能类型。lang：设置开放能力的语言类型。hover-stop-propagation：设置是否阻止事件冒泡。
2024-05-25 16:15:00
1442
原创 微信小程序的标签的用法
在微信小程序中，常用的标签包括 、、、、、、、、 和 等。这些标签可用于创建不同类型的视图元素、接收用户输入、播放音视频等功能。通过合理运用这些标签，可以构建出丰富多样的页面和交互效果。
2024-05-18 12:45:00
444
原创 Vue Router activated deactivated 路由守卫
在Vue Router中，activated和deactivated是两个钩子函数，用于处理路由的激活和停用。它们允许我们在路由切换时执行一些操作，比如数据的加载和卸载、动画效果的处理等。下面我们来看一下它们的具体作用：activated路由守卫：当导航到该路由时触发。在activated守卫中，我们通常会执行一些需要在路由激活时进行的操作，比如数据的加载、页面的初始化等。deactivated路由守卫：当离开该路由时触发。
2024-05-11 16:30:00
457
原创 vue的组件库
作为一个Vue.js开发者，使用组件库是提高效率和代码重用的关键。Vue的组件库为开发者提供了一系列预先构建好的组件，可以在项目中直接引用和定制。
2024-05-04 14:30:00
692
原创 Vue CLI 本地存储 自定义事件
1. Vue实例中的事件在Vue实例中，我们可以使用$emit方法触发自定义事件，然后在父组件中使用v-on指令监听并处理这些事件。这种方式适用于简单的组件通信场景，但对于跨越多个组件的通信可能显得有些繁琐。EventBus是一种简单的事件订阅/发布系统，可以在Vue应用中实现组件之间的通信。通过创建一个全局的EventBus实例，我们可以在任何组件中触发和监听自定义事件。这种方式适用于较为复杂的组件通信场景，但需要注意全局事件可能导致代码维护难度增加。3. Vuex中的事件。
2024-04-27 13:45:00
902
原创 Vue Router 相关理解 基本路由 多级路由
Vue Router 是 Vue.js 官方的路由管理器，用于构建单页面应用（SPA），它能够管理应用中不同视图和页面之间的导航。使用 Vue.use(VueRouter) 安装 Vue Router 插件。定义路由和组件之间的映射关系，即路由表。创建 VueRouter 实例，并将路由表传入。在 Vue 实例中将 router 实例注入，启动应用。多级路由（嵌套路由）允许在一个路由中加载另一个路由，创建更复杂的页面结构。在父级路由的组件中定义 来渲染子路由。
2024-04-20 11:30:00
343
原创 Vue CLI $nextTick 过渡与动画
nextTick方法是Vuejs中一个非常有用的工具，可以确保在DOM更新之后执行特定的操作。结合过渡与动画效果，我们可以创建出更加生动和吸引人的用户界面。希望本文能够帮助你更好地理解nextTick方法是Vue.js中一个非常有用的工具，可以确保在DOM更新之后执行特定的操作。结合过渡与动画效果，我们可以创建出更加生动和吸引人的用户界面。希望本文能够帮助你更好地理解nextTick方法是Vuejs中一个非常有用的工具，可以确保在DOM。
2024-04-13 13:45:00
878
原创 Vue生命周期：从创建到销毁
Vue生命周期提供了丰富的钩子函数，允许开发者在不同阶段插入自定义逻辑，从而更好地控制组件的行为。通过深入理解Vue生命周期的各个阶段，开发者可以更加高效地开发和维护Vue应用。在编写Vue组件时，应根据具体需求合理使用生命周期函数，避免滥用，以确保代码的可读性和可维护性。
2024-04-06 11:45:00
745
原创 Vue.js 前端开发必备技能：列表渲染、数据监视与收集表单数据、过滤器
总结来说，Vue.js 中的列表渲染、数据监视与收集表单数据、过滤器是开发过程中经常用到的技能，它们帮助我们更高效地处理数据和界面交互，提升开发效率和用户体验。熟练掌握这些技能将使你成为一名优秀的 Vue.js 开发者。
2024-03-30 10:45:00
416
原创 Vue的事件处理
除了原生DOM事件外，Vue还支持自定义事件，在组件之间进行通信和数据传递。通过emit和emit和emit和on方法，我们可以在父组件中触发自定义事件，并在子组件中监听和处理这些事件。// 父组件中触发自定义事件// 子组件中监听并处理自定义事件// 处理事件数据});除了Vue提供的预定义事件修饰符外，我们还可以自定义事件修饰符来满足特定需求。// 全局注册自定义按键修饰符// 将F4键码注册为115// 在模板中使用自定义按键修饰符。
2024-03-22 12:53:45
913
原创 Vue核心 绑定样式和条件渲染 内置指令和自定义指令
Vue框架提供了多个内置指令和自定义指令，它们可以用于处理DOM操作、数据绑定、事件处理等。下面我将简要介绍一些常用的内置指令以及自定义指令的用法。内置指令的用法这些指令用于根据条件有条件地渲染元素。例如：< div v-if = " seen " > 条件为真时显示 </ div > < div v-else > 条件为假时显示 </ div >< div v-if = " seen " > 条件为真时显示 </ div > < div v-else > 条件为假时显示 </ div >
2024-03-16 11:00:00
267
原创 CSS音频和视频属性和用法
需要记住的是，CSS 主要用于处理媒体元素的外观和布局，而不是其实际播放和控制功能。如果你需要更多的控制功能，例如播放、暂停、音量控制等，你需要使用 HTML5 的相关属性和 JavaScript 来实现。希望这篇博客对你有所帮助！如果你有任何其他问题或需要进一步的解释，请随时告诉我。
2024-03-09 11:45:00
663
原创 es6的箭头函数
箭头函数是ES6中一项非常实用的语言特性，它的简洁语法和确定的this绑定使得代码更加可读性和可维护性。需要注意的是，箭头函数无法用作构造函数，也不能通过new关键字来创建新的对象。
2024-01-14 11:35:31
417
1
原创 CSS3的常用样式属性和用法
在网页设计中，CSS是一种强大的样式表语言，可以为网页添加各种各样的样式和效果。而CSS3作为CSS的第三个版本，引入了许多新的样式属性和用法，为我们提供了更多创意和自由度。本文将介绍一些CSS3中常用的样式属性和用法，帮助您更好地掌握这些技巧。
2024-01-06 02:15:00
967
1
原创 掌握CSS中的10个常用样式属性
在Web设计和开发中，CSS是一种必不可少的技术。它允许开发者对网页进行样式化和布局，从而呈现出令人愉悦的用户界面。以下是10个常用的CSS样式属性，让我们一起来学习它们吧。
2023-12-30 12:30:00
425
1
原创 CSS Flexbox 布局：display:flex； 属性的用法详解
通过使用 display:flex;属性，我们可以轻松创建出灵活且强大的布局。弹性容器和弹性项目的属性配合使用，可以实现各种排列和对齐方式。希望本篇博客能够帮助你更好地理解并使用 CSS 的 Flexbox 布局模型。
2023-12-23 00:15:00
606
1
原创 Node.js的读取和写入
本篇博客介绍了Node.js中fs模块的readFile和writeFile方法，以及它们的使用方法和注意事项。在使用这些方法时，需要注意文件路径、编码格式等参数的正确性，以及对回调函数返回值的处理。通过这些方法，我们可以方便地读取和写入文件内容，使得Node.js应用程序的开发更加高效和便捷。
2023-12-17 16:21:50
978
1
原创 transition———过渡
animation-name 指定要绑定到选择器的关键帧的名称animation-duration 动画指定需要多少秒或毫秒完成animation-timing-function 设置动画将如何完成一个周期animation-delay 设置动画在启动前的延迟间隔。animation-iteration-count 定义动画的播放次数。animation-direction 指定是否应该轮流反向播放动画。
2023-12-10 19:33:15
362
1
原创 jq的css设置样式
需要注意的是，使用 .css() 方法设置的样式直接作用于元素的 style 属性，会直接修改元素的行内样式。如果想要在多个元素之间共享样式，可以考虑使用 CSS 类来管理样式，并使用 jQuery 的 .addClass() 和 .removeClass() 方法来添加或移除类。请注意，这只是使用 jQuery 的一种方式来设置元素的样式。在现代 Web 开发中，更多的开发者选择使用原生 JavaScript 的方法来操作元素的样式，例如使用 .style 属性直接访问和设置元素的样式。
2023-12-03 11:02:39
656
1
原创 JavaScript 表单
通过以上方法，你可以在JavaScript中处理表单的提交事件、获取和设置表单中的输入值，从而实现对表单的有效控制和交互。
2023-11-26 15:23:26
364
1
原创 js获取元素的方法和属性
这些只是 JavaScript 中获取元素的一些基本方法和属性，实际应用中还有更多的操作和技巧。在JavaScript中，获取元素的方法和属性有很多种。
2023-11-19 13:18:25
1451
原创 js的字符串用法和属性
获取指定位置的字符编码：可以使用 charCodeAt() 方法获取指定位置的字符的 Unicode 编码。查找子串：可以使用 indexOf() 方法或者 includes() 方法来查找子串在字符串中的位置。提取子串：可以使用 substring()、slice() 或者 substr() 方法来提取子串。访问字符：可以使用方括号加索引或者 charAt() 方法来访问字符串中的特定字符。替换子串：可以使用 replace() 方法来替换字符串中的子串。
2023-11-12 19:14:14
45
1
原创 es6中的class类属性和用法
使用ES6类，我们可以更好地组织和管理代码，提高代码的可读性和可维护性。它还支持面向对象编程的核心概念，如继承、多态等，使得代码的设计更加灵活和可扩展。
2023-11-06 01:45:00
106
原创 ES6数组的属性和用法
Array.from()：将类似数组的对象或可迭代对象转换为真正的数组。Array.of()：创建一个数组，并将传递给它的值作为元素插入该数组中。Array.prototype.fill()：将数组的所有元素用指定的值填充。Array.prototype.find()：返回数组中第一个满足指定条件的元素。Array.prototype.findIndex()：返回数组中第一个满足指定条件的元素的索引。Array.prototype.includes()：检查数组中是否包含指定元素。
2023-11-05 21:13:18
87
原创 边框属性和用法
两种方法：border-radius: 10px 20px 30px;以上两种方法都可以设置圆角，百分比是全局设置，px方法是单个设置。可以单独设置线的样式。
2023-10-29 13:31:27
89
1
原创 fiex的属性和用法
在上述示例中，我们使用 flex 属性设置了不同的弹性项样式。.flex-item 的 flex 值为 1，表示它会根据可用空间等分剩余空间。.flex-item2 的 flex 值为 2 1 200px，表示它会占据其他项目的两倍空间，初始尺寸为 200px。.flex-item3 的 flex 值为 0 0 auto，表示它不会伸缩，初始尺寸根据内容自动确定。通过设置不同的 flex 值，可以控制弹性项目在弹性容器中的布局和尺寸分配。
2023-10-22 00:23:36
174
1
原创 CSS3 渐变（Gradients）
使用CSS3渐变时，可以通过设置不同的起点、终点、角度、颜色点位置和透明度等属性来控制渐变效果。需要注意的是，对于一些旧版本的浏览器可能不完全支持CSS3渐变，因此在使用时应考虑兼容性，并可以通过添加厂商前缀来增强支持。总的来说，CSS3渐变提供了一种简单而强大的方式来创建平滑过渡效果，使网页设计更加丰富和吸引人。
2023-10-15 13:29:56
111
1
原创 弹性盒子的属性和用法
弹性盒子布局（Flexbox）是 CSS3 提供的一种新的布局模式，它可以更加简单、灵活地实现页面的布局，主要用于解决传统布局方式中水平居中、垂直居中、等高列等问题。弹性盒子布局具有以下特点：1.父容器可以指定为弹性盒子布局。使用 display: flex;将一个块级元素设置为弹性盒子容器，就能使用弹性盒子布局。2.子元素可以根据需求自由伸缩，首先弹性盒子容器会把它们所有的子元素作为一个整体来处理，并根据不同的属性来调整这个整体内部的子元素的尺寸。
2023-10-06 16:50:51
67
1
原创 css3的2D和3D的转换用法
这些转换函数可以单独使用，也可以组合在一起形成复合转换效果。同时，还有一些其他的属性可用于调整转换效果，例如 perspective-origin、transform-origin 等。需要注意的是，2D 转换只能在平面内进行变换，而 3D 转换可以在三维空间内进行变换。同时，浏览器对不同的转换效果的支持程度也有所差异，因此在使用时需要进行兼容性测试。希望这个总结对你有所帮助！如果还有其他问题，请随时提问。
2023-09-24 00:29:18
41
1
原创 HTML5
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。HTML5 中的一些有趣的新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素还有好多好多特性，目前我只知道这两种。
2023-09-09 15:37:30
36
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人