- 博客(10)
- 收藏
- 关注
RSS订阅原创 props向子组件传递数据
在声明组件对象中使用 props 选项指定/*方式1：指定属性名、数据类型、必要性、默认值*/const MyComponent = { template : '<div></div>', props : { name : { type : String, required : true, dafault : '默认值' } }}/*方式2：指定传递属性名，注意是数组形式*/props: ['id', 'name', 'salary', 'i
2020-12-17 20:53:03
100
原创 防抖，节流，重绘，回流
防抖：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。节流：知道时间间隔内只会执行一次任务。重绘（repaint）：当元素样式的改变不影响布局时，浏览器将使用重绘对元素进行更新，此时由于只需要ui层面的重新像素绘制，因此损耗较少。回流（reflow），又叫重排（layout）：当元素的尺寸，结构或触发某些属性时，浏览器会重新渲染页面，称为回流。此时，浏览器需要重新经过计算，计算后还需要重新页面布局，因此是较重的操作。重点：回流必定引发重绘，重绘不一定引发回流。重绘的开发较小
2020-12-10 21:28:52
144
原创 git如何创建并合并分支
(1)先创建分支：git branch dev(2)切换到分支：git checkout dev 连写：git checkout -b dev(3)提交：git add file(4)切换回master分支：git checkout master(5)把dev分支的工作成果合并到master分支上：git merge dev(6)最后删除分支：git branch -d dev...
2020-12-06 20:05:32
94
原创 函数参数的解构赋值
函数参数的解构赋值function move({x = 0, y = 0} = {}) { return [x, y];} move({x: 3, y: 8}); // [3, 8]move({x: 3}); // [3, 0]move({}); // [0, 0]move(); // [0, 0]上面代码中，函数move的参数是一个对象，通过对这个对象进行解构，得到变量x和y的值。如果解构失败，x和y等于默认值。...
2020-11-23 20:44:22
231
原创 js实现倒计时
js实现倒计时新年倒计时 ：<span class="time"></span><script> var time = document.querySelector (".time"); window.onload = function () { var future = new Date("2021-01-01"); var futureTime = future.getTime(); var timer =
2020-11-11 15:26:23
57
原创 jq-ajax实现简略信息查询
jq-ajax实现英雄简略信息查询<input type="text"><div class="box"></div><img src="" alt=""><style> input { position: absolute; } .box { width: 500px; height: 500px; border: 1px solid;
2020-11-01 22:02:49
102
原创 JavaQuery中实现Ajax接口调用
JavaQuery中实现Ajax接口调用$.ajax({ // 获取免费请求地址 url: 'https://autumnfish.cn/api/hero/info', success: function (backData) { // 响应成功后要执行的函数 }, data: { // 参数 name: "盖伦" }, // post还是get method:"get"})...
2020-10-27 22:04:16
123
原创 JavaScript中使用递归计算数字阶乘
JavaScript中使用递归计算数字阶乘var jiecheng = 0;function getCheng(num) { if (num <= 1){ return 1; } return jiecheng = num * getCheng(num - 1);}getCheng(10);console.log(jiecheng)
2020-10-26 20:51:01
290
原创 jQurey实现电梯效果
jQurey实现电梯效果<!--可点击的五个小盒子--><ul> <li><a href="javascript:"></a></li> <li><a href="javascript:"></a></li> <li><a href="javascript:"></a></li> <li><
2020-10-25 20:42:12
127
原创 JS实现匀速动画
JS实现匀速动画<style> .box1 { width: 200px; height: 200px; background-color: #2aabd2; position: absolute; }</style><!--按钮--><button class="bt1">匀速</button><!--一个盒子--><div class=
2020-10-20 20:28:54
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人