- 博客(24)
- 收藏
- 关注
RSS订阅原创 JS基础知识点
本文系统梳理了JavaScript核心知识点，涵盖变量声明、流程控制、数据类型、数组与字符串操作、函数等基础内容。在变量声明方面，对比了var/let/const的特性差异；流程控制部分详细解析了条件判断和循环语句的使用场景；数据类型章节区分了原始类型与引用类型，并总结了类型检测与转换方法；数组和字符串操作列举了50种常用方法及其特性；函数部分深入讲解了定义方式、参数处理、作用域、高阶函数等概念。全文采用分类对比的方式，通过表格清晰呈现不同语法间的区别，并标注适用场景，为JavaScript开发者提供了全面
2025-06-28 16:16:08
836
原创 组件自定义事件绑定
①一种组件之间的通信方式适用：子组件向父组件通信场景：子欲传值至父，父中绑其子的自定义事件进行回调。②如何绑定或属性c.让自定义事件只触发一次③如何触发④如何解绑⑤绑定原生Dom事件于父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'.'修饰符（监听组件的根元素事件），事件是无法触发的。
2025-03-07 11:03:15
322
原创 浏览器本地存储
2. 浏览器端通过 Window.sessionStorage 和 Window.localStorage 属性来实现本地存储机制。该方法会把键值对添加到存储中，如果键名存在，则更新其对应的值。该方法接受一个键名作为参数，并把该键名从存储中删除。1. 存储内容大小一般支持5MB左右（不同浏览器可能还不一样）该方法接受一个键名作为参数，返回键名对应的值。该方法会清空存储中的所有数据。
2024-03-11 20:17:03
295
原创 Vue插件
2. 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。4. 使用插件：Vue.use(xxxx)1. 功能：用于增强Vue。
2024-03-10 14:08:52
234
1
原创 Vue中的mixin混入
②局部混入：mixin:[ 'hunhe' ] (组件中)①全局混入：Vue.mixin(hunhe) （main.js中）定义混入：mixin.js。功能：可以把多个组件共用的配置提取成一个混入对象。
2024-03-09 22:51:31
250
原创 Vue中的props属性
defult : '默认值'b.限制类型 props:{ name:String }a.只接收 props:[ 'name' ]c.限制类型、限制必要性、指定默认值。<Demo name="参数内容">功能：让组件接受外部传过来的数据。
2024-03-08 16:46:36
323
1
原创 Vue中的ref属性
②获取：this.$refs.xxx。①标签内加入ref="xxx"。1.应用在HTML标签上来获取真实DOM元素；2.应用在组件标签上是组件实例对象；
2024-03-07 15:59:40
267
1
原创 Vue的生命周期
1.mounted: 发送ajax请求、启动定时器、绑定自定义事件、订阅消息。2.beforeDestroy: 清除定时器、解绑自定义事件、取消订阅消息等。生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。生命周期函数中的this指向是组件实例对象。关于销毁Vue实例：销毁后自定义事件会失效，但原生DOM事件依然有效。生命周期：Vue在关键时刻帮我们调用的一些特殊名称的函数。
2024-02-22 17:10:09
252
1
原创 Vue自定义指令
②指令名如果是多个单词，要使用kebab-case（断线链接命名法）命名方式，不要用 camelCase（驼峰命名法）命名。(2).inserted：指令所在元素被插入页面时调用。(3).update：指令所在模板结构被重新解析时调用。(1).bind：指令与元素成功绑定时调用。Vue.directive(指令名,配置对象)；Vue.directive(指令名,回调函数)directives:{指令名:配置对象}directives{指令名:回调函数}
2024-01-28 20:26:16
163
1
原创 Vue的内置指令
②使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。② v-html会替换掉节点中所有的内容，{{xx}}则不会。②v-text会替换掉节点中的内容，{{xx}}则不会。①v-once所在节点在初次动态渲染后视为静态内容。v-if : 条件渲染（动态控制节点是否存在，结构消失）v-else : 条件渲染（动态控制节点是否存在，结构消失）2.v-html指令：①向指定节点中渲染包含html结构的内容。1.v-text指令：①向其所在的节点中渲染文本内容。
2024-01-27 22:24:47
310
1
原创 Vue过滤器
1.注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}}2.使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名"2.初始数据并没有被更新,只 是产生新的与之相对应的数据。3.当全局过滤器和局部过滤器重名时，会采用局部过滤器。1.过滤器也可以接收额外参数、多个过滤器也可以串联。过滤器：对要显示的数据进行特定格式化后。4.computed实现。3.methods实现。
2024-01-26 15:45:59
202
1
原创 Vue收集表单数据
number：输入字符串转为有效的数字。②input的type为radio，则收集的也是value值，但是需要为标签提前配置value值以供选择。①input的type为text，则收集的是value值。没有配置input的value属性：那么收集的就是布尔值。(2)初始值是数组，那么收集的就是value组成的数组。③input的type为checkbox，则分情况讨论。v-model的三个修饰符：v-model.xxx。(1)初始值是非数组，那么收集的就是布尔值。收集表单数据使用v-model指令。
2024-01-25 16:32:02
360
原创 vue条件渲染
3.v-if 与 标签（不可以作为根节点）用法：写在标签体内:你好！点我{{n}}v-else = （上头不成立，则执行此条，不跟条件）你好！4.v-show可以获得元素，v-if可能获取不到。v-else-if （上头成立，则不进行）你好！① n:0 先出现“老欧”。...
2022-09-01 17:15:14
229
原创 Vue样式绑定
语法： :style="{fontSize: xxx}"其中xxx是动态值。:style="[a,b]"其中a、b是样式对象。②数组 ： 适用于要绑定多个样式，个数确定，名字也确定，但是不确定使不使用。语法： :class="xxx" (xxx可以是对象，字符串，数组)③对象 ： 适用于要绑定多个样式，个数不确定，名字也不确定。name:'小欧',① 字符串 ： 适用于类名不确定，需要动态获取的。注：对象为样式对象==>必须是存在的属性。name:'小欧',...
2022-08-30 23:05:00
830
原创 Vue监视属性
console.log('isNOT被修改了',newValue,oldValue)console.log('isNOT被修改了',newValue,oldValue)immediatetrue,//初始化的时候被调用一下。//console.log('a,b修改了')immediatetrue,//初始化的时候被调用一下。//deeptrue,//深度监视。//第一种写法-----只有handler的时候才可以简写。//vm.$watch('属性',函数)...
2022-07-16 16:29:12
259
原创 Vue的计算属性
Vue的计算属性定义：拿已有的属性定义或者组成新的属性 //computed---计算属性 computed:{ fullname:{ get(){
2022-07-13 22:36:34
758
原创 vue基础之数据代理，以及事务处理
Vue数据代理优点：更加方便操作data中的数据。定义：一个对象通过另一个对象（读/写）操作属性。基本原理：通过 Object.defineProperty()方法把所有vm中的属性都添加到vm上，为每一个添加到vm的属性都指定一个getter,setter，在getter,setter的内部去操作data中的对应的属性。 //增加属性（对象，‘属性名’，{方法或者值}） Object.defineProperty(person,'age&#
2022-07-12 18:47:56
300
原创 Vue起步
先去Vue.js 的官网(Vue.js)下载vue.js 之后新建一个文件夹引入vue.js 2.①直接script引入本地的<script type="text/javascript" src="../js/vue.js"></script> ②通过网络引用，根据自己的需求去选择<!--使用cdn声明,网络声明--><!-- <script src="https://c...
2022-07-11 09:19:18
206
原创 实用的几大网站资源-Android，java，web
分享几个实用的网站:https://github.com/Android：icon图标库:https://www.iconfinder.com/free_icons阿里巴巴矢量库:https://www.iconfont.cn/Json在线解析：http://www.jsons.cn/java-web：java教程:https://www.runoob.com/java/java-intro.htmlcss样式教程:https://www.w3school.com.cn/css/index.as
2022-06-24 15:51:51
580
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人