Wennsai-CSDN博客

原创 VUE 图片切换

css部分<style> * { margin: 0; padding: 0; } body, html { width: 100%; height: 100%; } body { position: relative; } .var { width: 500px; height: 280p

2021-11-08 13:06:39 180

Arrow Function（箭头函数）是ES6新增的一种函数。var x => x * x上面的箭头函数相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。含多条语句时候就不能省略{ … }和return。x => { if (x > 0) { return x * x; }

2021-10-24 13:06:25 138

原创原型和原型链

构造函数创建对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) Person 就是一个构造函数，我们使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性，prototype是函数才会有的属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原

2021-10-11 11:01:57 99

原创清除浮动的方法

清除浮动的方法1. 父级div定义伪类：after和zoom<style type="text/css"> .div1 { background: #000080; border: 1px solid red; } .div2 { background: #800080; border: 1px solid red; height: 100px; margin-top: 10px } .left { float: left; width: 20%

2021-10-06 21:03:47 102

原创隐藏元素的几种方法

隐藏元素的几种方法1、overflow:hidden;防止溢出，也是一种隐藏，只不过是把超出范围的元素隐藏，这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用2.display:none设置元素的display为none是最常用的隐藏元素的方法。.hide { display:none; }这就是完全的隐藏了，直接消失，任何对该元素直接的用户交互操作都不可能生效，被隐藏的元素完全不会占用空间，仿佛元素完全不存在一样。3、opacity:0opacity属性表示

2021-10-06 20:47:37 11353

原创 JavaScript防抖节流

一，认识防抖，节流1，什么是防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。 2，什么是节流：高频事件触发，但在n秒内只会执行一次，节流会降低函数的执行频率。 3，函数节流与函数防抖都是为了限制函数的执行频率，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。 4，区别：函数节流不管事件触发...

2021-09-30 13:39:33 104

原创如何将图片弄成动画

1.首先要一组图片（锅打灰太狼）将图片名称命名为h[0-9].png,方便后期操作2.创建一个div用来存放img图片。<div class="box2"></div>3.js主要用到创建定时器，和去除定时器，内有详解 <script type="text/javascript"> // 获取.box2 var box2 = document.querySelector('.box2'); //创建img var img = documen

2021-09-25 21:18:41 523

原创 JavaScript 定时器

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-09-19 21:19:54 155

Wennsai的博客