2485695542-优快云博客

原创 vue的理解

什么是vuevue是一套用于构建用户界面的渐进式框架，与其他框架不同的是，vue被设计为可以自底向上逐层应用，它也是创建单页面应用的web应用框架。vue的核心库只关注视图层，不仅易上手，还便于与第三方库或既有项目整合。当与现代化的工具链以及各种支持类库结合使用是，vue也能够为复杂的单页面应用提供驱动。vue的核心特性数据驱动（MVVM）MVVM 表示的是Model-View-ViewModelmodel：模型层，负责处理业务逻辑以及和服务器端进行交互view：视图层，负责将数据.

2022-05-24 20:38:34 858

原创实现许愿墙小程序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2022-02-11 19:19:16 568

原创文字的缩放器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2022-02-11 19:16:40 666

原创文本穿梭框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2022-02-11 19:15:16 286

原创库存变更器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2022-02-11 19:13:59 175

原创菜单栏---手风琴

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> ul { margin: 0; list-style: none; padding: 0; } .

2022-02-11 19:12:31 336

原创实现点击下一张更换图片

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #buttons button { margin-right: 20px; } img { width: 200.

2022-02-11 19:07:40 516

原创列表的添加，删除效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2022-02-11 19:05:35 135

原创获取dom节点（2）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.

2022-02-11 19:03:18 136

原创获取dom节点（1）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>D.

2022-02-11 19:02:02 180

原创 call,apply,bind的源码实现

call //call Function.prototype.mycall = function(){ // 记录函数this的指向 var target = arguments[0] || window; // 获取传递的参数 var _args = Array.from(arguments).slice(1); // 执行函数 this --> te

2022-02-10 21:00:07 392

原创 js的作用域

作用域1. 全局作用域2. 函数作用域浏览器执行JavaScript的过程1.语法分析2.预编译（预解析）3.逐行执行案例分析1：[[scopes]]案例分析2：作用域作用域表示一个代码区域，也表示一个运行环境1. 全局作用域在全局作用域中声明的变量，会被提升到脚本块的顶部，并且会成为全局对象的属性。2. 函数作用域在函数作用域中声明的变量，会被提升到函数的顶部，并且不会成为全局对象的属性.浏览器执行JavaScript的过程1.语法分析基本语法

2022-02-06 21:55:50 1008

原创 this的指向

什么是this？this是一个关键字，不能被当做变量去赋值；指向：this的指向分为全局作用域跟函数作用域在全局中，this关键字固定指向window；在函数中，this关键字的指向取决于函数是如何调用的；下面举例说明：在全局中console.log(this);//this指向window在函数中（直接调用） var fn = function(){ console.log(this); } var o

2022-01-08 15:30:44 330 1

原创 for循环

for循环的语法结构for(条件一;条件二;条件三){循环体}条件一：首选var 一个值 var i=0；条件二:然后进入循环的判断条件 i<5;（i就是0-4之间否则不满足该条件）条件三:var 的值每一次循环完后，看是否递增或者递减（i++ :每循环一次i的值就加1；i-- :每循环一次i的值就减一）循环体：就是你输入所要循环的代码的地方（每次需要执行的代码）执行顺序:先执行条件一，再看条件一是否满足条件二的判断，如果满足则进入循环，反之则不进入循环，如果进入循环...

2022-01-08 14:18:14 493 1