VHotdog-CSDN博客

原创实现vue双向绑定

大家好，我是热狗得小舔狗！目录效果图准备工作index.htmlmvvm.jscompile.jsobserver.jswatcher.js结束前几天仅仅更新了一篇基础的模板编译。今天呢，我把后续的功能完善了，就给大家康一哈。希望大家喜欢！！！模板编译功能地址：https://blog.csdn.net/Nan_gao_0/article/details/111084910效果图从图片中，可以看到我自己封装的new Mvvm()实例，可以实现和new Vue()实例一模一样的效果！！！准.

2020-12-15 19:07:58 109

原创箭头函数this独有心得

大家好，我是VHotdog，热狗的小舔狗。箭头函数具体用法介绍实例箭头函数this指向问题栗子再来个栗子注意扩展：es6 扩展运算符三个点（...）ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：先康一下它的样子：const fn = function(x) { return x * x; }等价于： const fn = x => x*x; }what`s F!这箭头函数看着也

2020-11-29 20:12:51 158

原创 JS防抖和节流个人心得

JS防抖和节流在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。函数防抖函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。如下图，持续触发scroll事件时，并不执行handle函数，当1000.

2020-11-26 13:04:44 180

原创双向绑定实现，vue篇

大家好，我是热狗得小舔狗！给大家分享一下，如何自己封装一个Vue实例。看图！！！<body> <div id="app"> <input type="text" v-model="count"></input> <ul> <li>{{count}}</li> <li>{{count}}</li> <li>{{count}}</li>

2020-12-12 21:59:17 98

原创 Vue过渡&动画

大家好，我是VHotDog，热狗得小舔狗！目录概述过渡过渡类名动画transition属性介绍nameappearcsstypemodeduration注意最近看一个项目源码时，竟然发现这一篇我竟然没有看，竟然不知道，不知道！！！然后我就去官网康了一下。他是这亚子说的概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 Jav

2020-12-05 23:24:30 141

原创上手filter map reduce方法

大家好没，我是热狗得小舔狗！ES6高级数组函数：filter map reduce方法都是对数组进行操作。及其方便，也很好理解。下面是我整理的资料，希望对你有所帮助！！目录filter()方法简介及解析map()方法简介及解析reduce()方法简介及解析reduce()方法扩展：总结filter()方法简介及解析filter(过滤)：顾名思义它就是返回你需要的元素官方介绍：filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。该方法有两点需要

2020-11-30 14:33:52 97

原创 (let var)+for const区别

在es6的语法中，新增const，let去替代var。那么这样做的目的是什么呢，他有什么好处?在es5中，只有全局变量和函数作用域，没有块级作用域，带来了很多不合理的场景。以前大部分都会选择闭包解决这个问题，今天es6提供的let就可以解决这个问题，因为他拥有块级作用域了。一：Var变量<!DOCTYPE html><html lang="en"><head> <script> window.onload = function

2020-11-29 15:21:05 151

原创 Vue生命周期和实例

大家好，我是VHotdog，一只小哈狗！人生苦短，我选javascript.py今天开始我就开始要撸代码，今天主要目标还是蛮简单的。首先了解并创建一个Vue实例，然后再探讨生命周期函数。创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：<script>const app = new Vue({ ....})</script>在Vue中所有的组件都是Vue实例在vue中有个重要的思想组件化开发，那么问题来了，什么

2020-11-27 21:41:23 77

原创初探Vue

大家好，我是LHotdong，一只小哈狗先整句名言人生苦短，我选javascript.py现在Web前端三大框架Angular React Vue各有所长。给大家先分析一下：Angular大家眼里比较牛的框架，甚至有人说三大框架中只有它能称上一个完整的框架，因为他包含的东西比较完善，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等功能。React这个框架本身比较容易理解，他的结构清晰，就是由十几个API组成，然后异步渲染，我们只需要处理好接口和维护就好了，但感jio上手还

2020-11-27 18:52:02 142

原创 call apply分分钟让你上手

call，apply，bind的用法以及区别首先作用： call()、apply()、bind() 都是用来重定义 this 这个对象的！没别的，2. 用法举例 var name = 'mafei', age = 18 var obj = { name = 'hotdog', myFun：function () { console.log(this.name) //hotdog //此时this是指obj对象 } }...

2020-11-26 15:00:01 87

Nan_gao_0的博客