- 博客(38)
- 资源 (9)
- 收藏
- 关注
原创 Switch开关根据条件判断是否阻止切换
change,此时Switch状态已经被切换,若此时应该是禁止切换,再切换为原来的状态,则会出现切换的过程,一闪而过,用户视觉体验不好。属性,若返回 false 或者返回 Promise 且被 reject,则停止切换。表格中的switch根据此行的某些数据,判断是否阻止切换。
2024-08-13 16:00:46
186
1
原创 npm的理解
npm是一个世界上最大的软件注册表,包含超过60万个包(package)。包的结构可以轻松跟踪依赖性和版本。npm是Node.js编写的,所以需要安装Node.js去使用npm,可以通过Node.js网站安装npm,也可以安装NVM(Node Version Manager)。
2024-05-24 17:59:23
133
原创 组件间传值--祖孙
inject()注入一个由祖先组件或者整个应用(通过app.provide())提供的值。如果父组件链上多个组件对同一个key提供了值,那么离得更近的组件将会“覆盖”链上更远的组件所提供的值。$attrs是一个包含了组件所有穿透attribute的对象,其中穿透attribute是指由父组件传入,且没有被子组件声明为props或是组件自定义事件的attribute和事件处理函数。provide()接受两个参数,第一个参数是要注入的key,可以是一个字符串或者一个symbol,第二个参数是要注入的值。
2024-05-24 17:54:40
278
原创 模板引用 ref
只有在组件挂载之后才能访问模板引用。若想在模板中的表达式上访问input,在初次渲染时会是null(初次渲染前这个元素还不存在),可用watchEffect进行侦听如果一个子组件使用选项式API或者没有使用,被引用的组件实例和该子组件的this完全一致,这意味着父组件对子组件的每一个属性和方法都有完全的访问权。这使得在父组件和子组件之间创建紧密耦合的实现细节变得很容易,当然也因此,应该只在绝对需要时才使用组件引用。
2024-05-24 17:53:16
210
原创 在Vue父组件中修改子组件的样式
若两个不同的页面使用了同一个组件,且不同页面对使用组件的样式需求不同时,可在父组件中修改子组件的样式。1.若想在父组件1修改子组件的样式,而不影响其他组件,可结合scoped与deep深度选择器使用。2.在父组件添加类名。
2023-12-10 20:22:27
777
原创 JavaScript中的遍历方法
在数组上应用 for..in 循环有时会产生出人意料的结果,因为这种枚举不仅会包含所有数值索引,还会包含所有可枚举属性。every(..) 和 some(..) 中特殊的返回值和普通 for 循环中的 break 语句类似,它们会提前终止遍历。使用 for..in 遍历对象是无法直接获取属性值的,因为它实际上遍历的是对象中的所有可枚举属性,你需要手动获取属性值。for..of 循环首先会向被访问对象请求一个迭代器对象,然后通过调用迭代器对象的 next() 方法来遍历所有返回值。
2023-11-26 20:36:02
78
原创 uni-app 小程序中路由的选择的注意点
如,在完成某一操作自动跳转到前一页时,需使用uni.navigateBack而非uni.navigateTo,否则在使用导航栏自带的返回按钮时,返回到的是上一关闭页面,而非预想的页面。5、uni.switchTab:跳转到tabBar页面,并关闭其他所有非tabBar页面。1、uni.navigateTo:保留当前页面,跳转到应用内的某个页面。3、uni.redirectTo:关闭当前页面,跳转到应用内的某个页面。4、uni.reLaunch:关闭所有页面,打开到应用内的某个页面。
2023-11-26 20:16:30
94
原创 JavaScript中的this详解
this 是在运行时进行绑定的,并不是在编写时绑定。this 的绑定和函数声明的位置没有任何关系,只取决于函数的调用方式。当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this 就是记录的其中一个属性,会在函数执行的过程中用到。
2023-07-17 14:48:56
276
1
原创 call()、apply()与 bind()解析
若想在某个对象上强制调用函数,可以使用函数的call(..)和app(..)方法( JavaScript 提供的绝大多数函数以及你自己创建的所有函数都可以使用 call(..) 和 apply(..) 方法。,可以是null,undefined,this,但是不能为空,设置为null,undefined,this表明函数此时处于全局作用域。从 this 绑定的角度来说,call(..) 和 apply(..) 是一样的。call()、apply()call()、apply()和bind()三者都可以。
2023-07-06 16:51:57
113
原创 作用域的理解
作用域是用来存储变量,并且之后可以方便地找到这些变量的一套设计良好的规则当一个块或函数嵌套在另一个块或函数中时,就发生了作用域的嵌套。
2023-05-31 16:51:43
94
原创 setTimeout()与setInterval()
同:setTimeout和setInterval函数,都返回一个表示计数器编号的整数值,将该整数传入clearTimeout和clearInterval函数,就可以取消对应的定时器。setTimeout()是属于window的方法,该方法用于在指定的每秒数后调用函数或计算表达式。setInterval是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算。被调用或窗口被关闭可以使用setInterval()方法。setInterval方法会不停地调用函数,直到。被调用或窗口被关闭。
2023-03-06 15:36:35
158
原创 Vue中mixin混入
可以把多个组件共用的配置提取成一个混入对象var myMixin={data(){....},methods:{...}}1.全局混入:Vue.mixin(xxx) //一但使用全局混入,它将影响每一个之后创建的Vue实例。2.局部混入:mixins:['xxx']当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”,并在发生冲突时以组件数据优先;同名钩子函数将合并为一个数组,都将调用,并且混入对象的钩子在组件自身钩子之前调用。 值为对象的选项,例如 methods、components 和
2023-02-23 17:44:08
104
原创 Vue中 ref 与 $refs
ref 被用来给元素或子组件注册引用信息(id替代者)。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例.注:$refs 只会在组件渲染完成之后生效,并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。
2023-02-14 18:32:41
86
原创 插槽(后备内容、具名插槽、作用域插槽)
插槽可以向一个组件传递内容,让父组件可以向子组件指定的位置插入html结构,也是一种组件间的通信方式,适用于父组件-->子组件为一个插槽设置具体的后备(也就是默认的)内容,将其放在标签内,它只会在没有提供内容时被渲染,但如果提供内容,则这个提供的内容将会被渲染取代后备内容需要多个插槽时,有个name的attribute,可以用来额外定义额外的插槽,一个不带name的出口会带有隐含的名字default。
2023-02-13 18:15:46
159
原创 v-if与v-show的区别
v-if控制元素显示或隐藏是把dom元素整个的渲染或者删除,如果删除,也是就页面中不存在这个dom元素,以达到隐藏的效果。并且v-if是惰性的,如果初始渲染条件为假时,那就什么也不做,直到条件第一次变为真时,需要渲染时才会开始渲染条件快。v-if在每次切换的时候都会重新创建或者销毁元素,有比较高的切换性能消耗。如果很少用到切换,或者元素可能永远都不会显示出来,使用v-if。 v-show则无论初始条件是什么,元素都会进行渲染,就是dom元素始终是存在的,v-show只是通过控制CSS中的display
2023-02-08 15:35:40
90
原创 var、let、const的区别
var 是函数作用域,let和const声明会形成快级作用域(即let声明的变量只在代码块{}内有效,在{}之外不能访问)const一旦声明必须赋值,不能用null占位,声明后不能在修改,如果声明的是复合类型数据,可以修改属性。var 声明的变量会挂载脂啊window上,而let和const声明的变量不会。const保证的不是变量的值不得改动,而是变量指向的那个内存地址所不得改动。var声明存在变量提升,let和const不存在变量提升。let和var用来声明变量,const用来声明常量。
2023-02-07 18:30:32
87
原创 Vue中计算属性( computed)VS方法(methods)VS侦听属性(watch)
computed能完成功能,watch都能完成,但是watch能完成的功能,computed不一定能完成,如watch可以进行异步操作。所有不被Vue所管理的函数如定时器的回调函数、ajax的回调函数,最好写成箭头函数,这样this的指向才是vm或组件实例对象)watch 适合监听单个数据。watch监听的是data中定义的变量,当该变量变化时,会触发watch即当被监视的属性变化时,回调函数自动调用,进行相关操作。若模板内的表达式放入过多的逻辑会然模板过重且难以维护,故对于复杂的逻辑,都应采用计算属性。
2023-02-06 14:30:21
140
原创 CSS 选择器详解
比较优先级时,需要将所有的选择器元素的优先级进行相加计算,最后优先级越高,越优先显示(分组选择器是单独计算的),选择器的累加不会超过其最大的数量级,如类选择器再高也不会超过id选择器。当我们通过不同的选择器,选中相同的元素,并且为相同的样式设置不同样式,当样式发生冲突时应用哪个样式由选择器的权重(优先级)决定。伪类(不存在的类,特殊的类)用来描述一个元素的特殊状态,如被点击的元素、鼠标移入的元素、第一个子元素。语法:选择器1,选择器2,选择器3,选择器n{}[属性名*=]选择属性值中含有某值的元素的元素。
2023-02-02 15:16:16
160
原创 JSON与JSONP
JSON( JavaScript Object Notation)JavaScript对象标记法, 是一种轻量级的数据交换格式,是一种存储和交换数据的语法。当数据在浏览器和服务器之间进行交换的时候,这些数据只能是文本。而JSON属于文本,我们可以把任何的JavaScript对象转化为JSON,然后将JSON发送至服务器,同时也可以将从服务器接收到的JSON转换为JavaScript对象。JSON语法衍生于JavaScript对象标记法语法:1.数据在名称/值对中2.数据由逗号分隔3.花括号容纳对象。
2023-01-09 16:50:23
645
原创 jQuery ajax
jQuery提供多个与AJAX有关的方法,通过这些方法可以使用HTTP Get和HTTP Post从远程服务器上请求文本、HTML、XML、或JSON, 同时能够把这些外部数据直接载入网页的被选元素中。statusTxt-包含调用的状态 ("success"、"notmodified"、"error"、"timeout"、"parsererror")jQuery load()方法是简单但强大的AJAX方法,从服务器加载数据,并把返回的数据放入被选元素中。布尔值,规定通过请求发送的数据是否转换为查询字符串。
2023-01-06 16:15:47
59
原创 ajax的理解
ajax(Asynchronous JavaScript And XML),是一种从网页访问Web服务器的技术,仅组合了浏览器内建的XMLHttpRequest对象(从web服务器请求数据)与JavaScript、HTML DOM(显示或使用数据)并非编程语言,通过ajax能够不刷新页面更新网页,在页面加载后从服务器请求/接收数据,在后台向服务器发送数据。向服务器发送请求,我们使用XMLHttpRequest对象的open()和send()方法。(向URL添加一个唯一的ID避免获得一个缓存的结果)
2023-01-05 16:23:29
116
原创 JQuery使用iframe 子页面查找父页面元素,及触发父页面事件
子页面查找父页面元素$('#id',window.parent.document)子页面触发父页面事件。
2022-11-03 17:58:59
974
2
原创 JQ中使用on()绑定多个事件
1.多个事件绑定同一函数时,如:但点击或者移入时,被选中元素改变字体色。2.多个事件绑定不同函数时,如:但点击时被选中元素字体变大(点击试也移入了故字体也变红,这里只是随意选择了两个事件),移入时字体色变为红色。
2022-09-20 16:37:28
1314
原创 video更改src,src已进行更改,但未加载新的视频
在video中如是更改source中的src,src进行了变更,但依旧播放原视频如下图所示。src更改成功,视频也变更为了新的视频。src更改成功,但视频依旧是原视频。
2022-09-16 17:38:23
847
原创 layui中tab的切换
layui中tab的切换,可使用element.tabChange(filter, layid);用于外部切换到指定的Tab项上,如:element.tabChange('demo', 'layid'); //切换到 lay-id="yyy" 的这一项
2022-09-09 15:30:33
5336
原创 CSS 水平居中
上下外边距为0px,左右外边距由浏览器计算(左右一样宽)。text-align属性指定元素文本的水平对齐方式,center:把文本排列到中间。(父元素需要设置宽、高)
2022-09-05 18:14:11
1464
原创 HTML中背景图片的加载
background-image:url(xxxx)是作为CSS中的一部分,会等HTML结构加载完成后才进行加载(页面全部显示)
2022-09-01 15:39:00
288
原创 多重边框的绘制
若只需绘制两重边框,可绘制一个边框再加outline实现,如下所示。若需绘制多重边框,可利用box-shadow的逗号分隔语法实现。
2022-08-05 15:22:44
54
原创 除去内容框外的背景色
可以使用background-clip属性来调整。例如不希望背景入侵边框所在的范围,可以设置background-clip:padding-box,这样浏览器就会用内边距的外沿来把背景裁掉.
2022-08-05 14:35:33
121
邮件服务器实验.docx
2022-08-14
MySQL实验.docx
2022-08-14
Linux中的FTP实验.docx
2022-08-14
Python 面向对象编程.docx
2022-08-11
Python文件操作和异常处理.docx
2022-08-11
Python 字符串的使用.docx
2022-08-11
Python的组合数据结构和函数.docx
2022-08-11
熟系python运算符、内置函数、循环与分支.docx
2022-08-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人