果果1024 - 博客园

2021年10月1日

摘要： 1.call和apply都是改变上下文中的this并立即执行这个函数，bind方法可以让对应的函数想什么时候调就什么时候调用，并且可以将参数在执行的时候添加. 2.apply的第二个参数必须是一个数组阅读全文

posted @ 2021-10-01 17:39 果果1024 阅读(30) 评论(0) 推荐(0)

摘要：一.rest参数 1.rest参数中的变量代表一个数组，所以数组特有的方法都可以用于这个变量 2.类数组对象arguments一个合理的替代品。 function push(array, ...items) { items.forEach(function(item) { array.push(it 阅读全文

posted @ 2021-10-01 16:15 果果1024 阅读(137) 评论(0) 推荐(0)

Array.from()使用场景

摘要： 1.获取的元素DOM集合 <ul> <li>1111</li> <li>2222</li></ul> 2.arguments（类数组） function show (){ let args = Array.from(arguments) console.log(args)}show(1,2,3,4, 阅读全文

posted @ 2021-10-01 13:25 果果1024 阅读(107) 评论(0) 推荐(0)

创建数组的4种方法

摘要： var arr1 = [1, 2,] var arr2 = new Array(1, 2) let arr3 = Array.of(2) function makeArray() { return Array.from(arguments);}let arr = makeArray('a', 'b' 阅读全文

posted @ 2021-10-01 13:09 果果1024 阅读(471) 评论(0) 推荐(0)

2021年9月30日

发光输入框

摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> input{width: 280px;height: 30px;} textarea{width: 280 阅读全文

posted @ 2021-09-30 16:56 果果1024 阅读(18) 评论(0) 推荐(0)

伪类与伪元素的特性及其区别

摘要：伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；伪元素本质上是创建了一个有内容的虚拟容器；（这个容器不包含任何DOM元素） CSS3中伪类和伪元素的语法不同；可以同时使用多个伪类，而只能同时使用一个伪元素；阅读全文

posted @ 2021-09-30 16:27 果果1024 阅读(40) 评论(0) 推荐(0)

CSS 伪类修改input选中样式

摘要： input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block;}input:after{ content: ""; font-size: 18px; display: i 阅读全文

posted @ 2021-09-30 16:21 果果1024 阅读(387) 评论(0) 推荐(0)

loading效果

摘要： <template> <div> <div class="loading"></div> </div> </template> <script> export default { props: {}, data() { return {}; }, methods: {} }; </script> < 阅读全文

posted @ 2021-09-30 16:07 果果1024 阅读(29) 评论(0) 推荐(0)

2021年9月29日

react ref

摘要： ref属性可以设置为一个回调函数，这也是官方强烈推荐的用法；这个函数执行的时机为：组件被挂载后，回调函数被立即执行，回调函数的参数为该组件的具体实例。组件被卸载或者原有的ref属性本身发生变化时，回调也会被立即执行，此时回调函数参数为null，以确保内存泄露。例如下面代码： import Re 阅读全文

posted @ 2021-09-29 17:45 果果1024 阅读(41) 评论(0) 推荐(0)

卡槽

摘要：卡槽的作用常用的一种子传父的通信方式，作用域插槽其实就是带数据的插槽，即带参数的插槽，简单的来说就是子组件提供给父组件的参数，该参数仅限于插槽中使用，父组件可根据子组件传过来的插槽数据来进行不同的方式展现和填充插槽内容。卡槽经典案例element-ui中的表格 <template slot-sc 阅读全文

posted @ 2021-09-29 16:04 果果1024 阅读(347) 评论(0) 推荐(0)

1024!

公告