2021年11月7日
css 绘制图形
摘要： 1、绘制三角形 用 css 画三角形主要是利用边框 border 来设置的，是不是有点迷惑？我们先试试把 div 四条边框设置成不同的颜色看看会出现什么效果： <head> <style> .triangle { width: 50px; height: 50px; border-bottom: 2 阅读全文
posted @ 2021-11-07 17:23 打遍天下吴敌手 阅读(280) 评论(0) 推荐(0) 编辑
JS 实现轮播图
摘要： 实现 实现如图所示的轮播图，要实现的功能主要有： 鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 点击右侧按钮一次，图片下滑一张；点击左侧按钮，图片上滑一张。 图片播放的同时，下面小圆圈模块跟随一起变化。 点击小圆圈，可以播放相应图片。 鼠标不经过轮播图，轮播图也会自动播放。 鼠标经过，轮播图 阅读全文
posted @ 2021-11-07 16:13 打遍天下吴敌手 阅读(2748) 评论(0) 推荐(0) 编辑
2021年11月6日
JS 实现段落展开和收起
摘要： 实现 实现如图所示的段落展开和收起功能： 分析 <div class="box"> <p id="content"> 人生最美是清欢；愿有一屋，不被打扰，幸福终老 ；一袭江南梦，醉卧烟雨中；春在水墨中发芽 恬淡，禅里开出的花 ；寻得一方庭院，做匠人 ；有一个院子，种花，画画 ；春未暖,花先开 中国青 阅读全文
posted @ 2021-11-06 16:21 打遍天下吴敌手 阅读(772) 评论(0) 推荐(0) 编辑
JS 是如何实现继承的
摘要： 1、原型链 基本思想：利用原型让一个引用类型继承另外一个引用类型的属性和方法。 原型链算是实现继承的一个简单又比较好理解的一个方法了，对于原型链不理解的可以先去看看彻底理解 JS 的原型和原型链。具体实现如下： <script> function Parent(){ this.a = 66; thi 阅读全文
posted @ 2021-11-06 10:30 打遍天下吴敌手 阅读(81) 评论(0) 推荐(0) 编辑
2021年11月5日
JS中的async和await
摘要： 前言 异步编程允许我们在执行一个长时间任务时，程序不需要进行等待，而是继续执行之后的代码，直到这些任务完成之后再回来通知你。早期的异步编程是通过回调函数实现的，这种编程的模式避免了程序的阻塞，大大提高了CPU的执行效率，尤其适用于一些前后端数据库交互的操作。然而回调函数会出现回调地狱的情况，为了解决 阅读全文
posted @ 2021-11-05 20:45 打遍天下吴敌手 阅读(951) 评论(0) 推荐(0) 编辑
2021年11月4日
JS 实现Tab栏切换
摘要： 实现 实现如图所示的Tab栏切换，点击对应的 tab 出现对应的内容，同时该点击的 tab 背景颜色为红： 分析 首先建立一个大的 div 里面包含两个盒子 第一个盒子里面放 tab 栏 第二个盒子里面放相应的内容 <div class="tab"> <!-- tab栏--> <div class= 阅读全文
posted @ 2021-11-04 21:19 打遍天下吴敌手 阅读(1478) 评论(0) 推荐(0) 编辑
2021年11月3日
JS防抖和节流
摘要： 前言 在网页实际运行的某些场景下，有些事件会不间断的被触发，如scroll事件，而不像我们想象中的，滚动一次触发一次，稍微滚动一下就会触发n多次scroll事件。如下： window.onscroll = function (){ console.log(123); } //监听滚动条滑动 我只是轻 阅读全文
posted @ 2021-11-03 21:14 打遍天下吴敌手 阅读(3778) 评论(0) 推荐(0) 编辑
2021年11月1日
什么是前端渲染和后端渲染？
摘要： 前言 早期的网站，几乎所有都使用 ASP、Java、PHP 这类做后端渲染，但后来随着 jQuery、Angular、React、Vue 等 JS 框架的崛起，开始转向了前端渲染。从 2014 年起又开始流行了同构渲染，号称是未来，集成了前后端渲染的优点，但多年过去，很多当时壮心满满的框架（rend 阅读全文
posted @ 2021-11-01 11:33 打遍天下吴敌手 阅读(1398) 评论(0) 推荐(0) 编辑
2021年10月31日
vue组件通信的方法
摘要： 前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。但是，在实际的项目开发中，形如页面和页面之间需要通信一样，Vue 组件和组件之间肯定也需要互通有无、共享状态。接下来在了解组件通信之前，我们先来了解一下组件间的几种关系： 如图所示： 阅读全文
posted @ 2021-10-31 20:30 打遍天下吴敌手 阅读(206) 评论(0) 推荐(0) 编辑
JS中sort()方法的原理
摘要： 原理 JS中的sort()方法用于对数组进行排序，并返回数组。 默认情况下按升序排列数组，但是是根据字符串UniCode码进行比较。sort()方法进行排序时会在每一项上调用String()转型函数，然后通过字符串UniCode码来决定顺序，即使数组的元素都是number类型，也会把它转换成字符串再 阅读全文
posted @ 2021-10-31 10:01 打遍天下吴敌手 阅读(2952) 评论(0) 推荐(0) 编辑