Huskie! - 博客园

2020年8月15日

摘要：在我们的项目中，轮播图效果一般会调用多次，所以swiper代码的复用性会很高，此时，我们可以将swiper写成一个v-swiper指令，在我们需要多次调用swiper的时候，只需要在页面结构上添加v-swiper标签就可以了首先，我们依旧是通过在created钩子函数中添加一个延时器，将实例中数据阅读全文

posted @ 2020-08-15 23:22 Huskie! 阅读(619) 评论(0) 推荐(0) 编辑

2020年8月14日

浅谈Vue与swiper轮播图框架结合小案例

摘要： Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。那么Vue与swiper的结合，就显的至关重要了，下面简单介绍一下Vue与swiper结合使用的小案例首先，在引入了各个js与css文件以阅读全文

posted @ 2020-08-14 17:14 Huskie! 阅读(891) 评论(0) 推荐(0) 编辑

2020年8月13日

浅谈Vue中的生命周期

摘要：生命周期组件从创建到销毁经历的一系列过程叫做组件的生命周期 vue在整个生命周期提供了一些函数，可以在内部实现一些业务逻辑，并且这些函数会在特定的场合下执行。(生命周期的某一时期进行触发) 组件的生命周期钩子函数大概分为三个阶段：初始化，运行中，销毁初始化阶段：beforeCreate() 阅读全文

posted @ 2020-08-13 23:44 Huskie! 阅读(213) 评论(0) 推荐(0) 编辑

2020年8月12日

浅谈Vue虚拟dom树

摘要：虚拟dom树，是可以在很大程度上减少由于我们频繁操作真实dom树而产生的性能消耗的在这里举一个简单的例子找到页面中的一个元素节点，将其innerHTML 中的num值，进行10000次操作，每次+1 console.time("temp") let myp = document.getEleme 阅读全文

posted @ 2020-08-12 23:35 Huskie! 阅读(681) 评论(0) 推荐(0) 编辑

2020年7月13日

浅谈函数防抖与函数节流

摘要：一、概念函数节流是指一定时间内，js方法只跑一次，比如人眨眼睛，是隔一段时间眨一下，很形象的解释了函数节流这一概念。函数防抖是指频繁触发某一条件的情况下，每次触发，需要过一段时间，然后才能执行一次代码。二、函数节流函数节流应用的实际场景，多数在监听页面元素滚动事件与监听鼠标移动事件的时候会用阅读全文

posted @ 2020-07-13 10:08 Huskie! 阅读(181) 评论(0) 推荐(0) 编辑

2020年7月6日

php连接数据库的天龙八部！

摘要： php连接数据库可以总结为8个步骤，所以我们称它为“天龙八部” <?php //1、连接数据库 $link = mysqli_connect("localhost","root","root"); // 2、判断数据是否链接成功 if($link){ echo "连接成功"; }else{ echo 阅读全文

posted @ 2020-07-06 20:48 Huskie! 阅读(251) 评论(0) 推荐(0) 编辑

2020年6月29日

JavaScript画圆

摘要：用圆规画圆是分为以下三步 1. 确定圆心 2. 确定半径 3. 顺时针用代码画圆： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- 阅读全文

posted @ 2020-06-29 19:07 Huskie! 阅读(1064) 评论(0) 推荐(0) 编辑

2020年5月15日

表格的即时编辑

摘要：可以利用DOM操作，来进行表格的即时编辑 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文

posted @ 2020-05-15 17:37 Huskie! 阅读(188) 评论(0) 推荐(0) 编辑

2020年5月14日

用html+css+js模拟下拉菜单

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-05-14 19:46 Huskie! 阅读(541) 评论(0) 推荐(0) 编辑

JavaScript关于DOM操作的一些小问题（3）

摘要：题目:动态创建的表格有删除功能，可以删除表格中的某一项 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial- 阅读全文

posted @ 2020-05-14 10:28 Huskie! 阅读(224) 评论(0) 推荐(0) 编辑