- 博客(43)
- 收藏
- 关注
原创 微信小程序Behavior混入
behaviors是用于组件间代码共享的特性, 类似一些编程语言中的’mixin’或者’traits’.A.每个behaviors包含一组属性、数据、生命周期函数、自定义方法 -> 组件引用它时,属性、数据、生命周期函数、自定义方法都会被合并到组件中,生命周期函数也会在对应的时机被调用. B. 每个组件可以引用多个behavior,behavior也可引用其它behavior;
2023-06-13 20:55:58 309
原创 路由的操作
1 、后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源2、 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;3 、在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)
2023-05-16 20:23:45 466
原创 父子组件之间得传值
在模板标签中自定义一个属性,这个属性得值就是子模板中接收得值,自定义得属性不能是关键字。注意:可以给属性赋值,这个值是vue实例化中data中得值。
2023-05-15 20:06:27 787
原创 Vue组件
html > 标签不区分大小写在app中直接写标签名就可以了 component第一个参数是标签名,第二个extend() 的变量名私有定义同样也是放在单独得el下,与data和methods同级 同样私有定义只能在id为当前得标签中使用,别得都无法使用。
2023-05-12 20:35:51 120
原创 vue中的请求
在修改数据之后立即使用这个方法,获取更新后的 DOM。第一个参数是请求的地址,第二参数的是post要发送的数据对象,第三个是post指定提交的标头。1、v-rescouce是基于vue的,所以先引入vue才能使用resource。三、Vue.nextTick( [callback, context] )方法。2、要修改标头的话再重新new一个实例化,将参数放入这个实例化当中。1、用法:axios.get/post。2、用法:this.$http。二、axios的使用。
2023-05-11 08:41:11 135
原创 Vue的生命周期
初始化完成,data和methods已经初始化完成,第一个可以调用data和methods的生命周期。初始化之前,data中的数据和methods中的方法不能拿到,还没有初始化。更新之前,data中的数据是最新的,页面中的数据还是旧的,还没有同步。真实的DOM,第一个可以操作DOM元素的生命周期。更新之后,data中和页面中的数据都是最新的。虚拟的DOM挂载,页面中的数据还没有挂载。作用:清空定时器 页面监听。主要用于:页面的重定向。可以执行0次或者更多次。
2023-05-09 20:28:19 478
原创 用vue实现增删改查
1、some(回调函数(item,index)) ⽅法测试数组中是不是⾄少有1个元素通过了被提供的函数测 试。3、 splice() ⽅法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被 修改的内容。此⽅法会改变原数组。2、find() ⽅法返回数组中满⾜提供的测试函数的第⼀个元素的值。6、indexOf()⽅法返回在数组中可以找到⼀个给定元素的第⼀个索引,如果不存在,则返回-1。5、 filter() ⽅法创建⼀个新数组, 其包含通过所提供函数实现的测试的所有元素。
2023-05-08 19:03:15 3103
原创 用vue做一个计数器
eval() 的参数是一个字符串。如果字符串表示的是表达式,eval() 会对表达式进行求值。如果参数表示一个或多个 JavaScript 语句,那么eval() 就会执行这些语句。不需要用 eval() 来执行一个算术表达式:因为 JavaScript 可以自动为算术表达式求值。第一种方法:对input框进行双向绑定,得到每一个下拉列表的值。然后对这个值进行判断是什么计算方法。思路:写一个可以加减乘除的计数器,用数据驱动视图。第二种方法:用到的关键字:eval()
2023-05-06 19:55:39 268
原创 Vue学习(共勉)
框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以切换到其它库实现需求。vue.js中this指向的vue的实例。
2023-05-05 20:26:59 45
原创 数组常用内置对象
splice(start,length) 从start开始截取元素,截取length个,,返回新数组,start是索引,length是个数。slice(start,end) 从start开始截取元素,到end结束,包括start,不包括end, 返回新数组,,lastIndexOf() 如果没找到返回-1,元素最后一次出现的位置。instanceof Array比较法。Array.isArray比较法。slice 不会改变原数组截取。splice 改变原数组截取。concat 链接俩个数组。
2023-05-04 19:23:44 84
原创 几种常见jQuery的Ajax方法
②data:(可选) 要发送给服务器的数据,GET与POST都可以,将自动转换为请求字符串格式,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中,格式为{A: ‘…⑪async:是否异步处理,bool表示,默认为true;设置该值为false后,JS不会向下执行,而是原地等待服务器返回数据,并完成相应的回调函数后,再向下执行。⑩complete:请求完成后调用的函数,无论请求是成功还是失败,都会调用该函数;④timeout:请求超时时间,单位为毫秒,数值表示。
2023-04-26 18:48:32 141
原创 promise的用法
它的参数要求跟Promise.all( )方法一样,不同的是它参数中的promise实例,只要有一个状态发生变化(不管是成功fulfilled还是异常rejected),它就会有返回,其他实例不会发生改变。async用于申明一个function是异步的,返回一个promise对象,而await可以认为是async wait的简写,等待一个异步方法执行完成。1、.then()方法:参数是回调函数:它得参数接受得是resolve中得参数。接受一个数组作为参数,数组的元素是Promise实例对象。
2023-04-24 19:16:58 119
原创 默认导入与批量导入的区别
综上所述,虽然默认导出和批量导出都可以将模块中的代码导出到其他模块中使用,但它们在导出方式、导出内容、导入方式和可读性方面存在一些区别,我们应根据实际需要选择适当的导出方式。而当其他模块导入批量导出时,需要使用花括号来引用每个导出,并且需要使用相应的名称来引用每个导出。关键字和花括号来指定。在导入时,使用默认导出时不需要花括号,而使用批量导出时需要。1、导出方式:默认导出只能有一个,并且使用“export default”关键字来指定,而批量导出可以有多个,并且使用“export”关键字和花括号来指定。
2023-04-24 18:56:24 100
原创 jQuery on和bind的区别
1、bind方法给每个子元素都添加一个事件,会影响到性能,而on方法不会;3.需要给动态添加的元素绑定时,用delegate()或者on()2、bind动态添加元素时,不能动态绑定事件,而on方法可以。1.选择器匹配到的元素比较多时,不要用bind()迭代绑定。4.用delegate()和on()方法,dom树不要太深。2.用id选择器时,可以用bind()5.尽量使用on()
2023-04-14 16:17:43 109
原创 防抖与节流
所谓防抖,就是指触发事件后 n 秒后才执行函数,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。所谓节流,就是指连续触发事件但是在 n 秒中只执行一次函数。*节流会稀释函数的执行频率。
2023-04-11 21:06:33 47
原创 闭包的概念
如果程序还有其他函数,也需要用到age的值,则会受到影响,而且全局变量还容易被人修改,比较不安全,这就是全局变量容易污染的原因,所以我们必须解决变量污染问题,那就是把变量封装到函数内,让它成为局部变量。这里又出现问题了,每次调用函数person,进入该作用域,变量age就会重新赋值为18,所以cat的值一直是19;使用闭包时,按照作用域链的特点,闭包(函数)外面的变量不会被销毁,因为函数会一直被调用,所以一直存在,如果闭包使用过多会造成内存销毁。第二,闭包可以访问到父级函数的变量,且该变量不会销毁。
2023-04-10 20:36:33 111
原创 this的指向
4、在定时器函数中this指向window。3、在普通函数中this指向window。1、构造函数中的this指向实例化对象。2、对象中的函数的this指向当前函数。5、在事件函数中this指向事件源。6、在箭头函数中this指向父元素。
2023-04-06 10:52:11 31
原创 api考试题(重点)
14、Js如何阻止a链接默认跳转事件发生(提示:event事件对象中的一个方法)?2、通过typeof关键字判断一个变量的数据类型,显示结果与JavaScript数据类型名称不一致,它是哪种数据类型(null空类型)(至少写一个)。(数字,字符串,布尔,空,未定义,唯一值,函数,对象,数组,set,map)18、节点的类型属性是?10、在BOM对象模型中,最顶层的是(windou)对象?13、event事件对象的兼容性的写法(var event =event||windou.event)?
2023-04-04 18:24:33 312
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人