Huskie! - 博客园

2020年8月16日

摘要：一、子父通信父子通信很简单，就是通过在子组件上定义一个属性，然后子组件props就可以拿到父组件的值子父通信呢，我们在这里讲了两种方法第一种是通过五步走的一个方法父组件声明一条数据父组件需要写一个更改自身数据的方法将更改自身数据的方法通过属性方式传递给子组件子组件需要通过props来接阅读全文

posted @ 2020-08-16 22:35 Huskie! 阅读(195) 评论(0) 推荐(0)

2020年8月15日

以directive的方式进行swiper轮播效果

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

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

2020年8月14日

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

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

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

2020年8月13日

浅谈Vue中的生命周期

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

posted @ 2020-08-13 23:44 Huskie! 阅读(216) 评论(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! 阅读(711) 评论(0) 推荐(0)

2020年7月13日

浅谈函数防抖与函数节流

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

posted @ 2020-07-13 10:08 Huskie! 阅读(184) 评论(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! 阅读(278) 评论(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! 阅读(1099) 评论(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! 阅读(192) 评论(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! 阅读(565) 评论(0) 推荐(0)