2020年07月_qq_43102118

原创什么是作用域、作用域链

什么是作用域作用域作用：一个变量的可用范围本质：其实作用域是内存中保存变量的对象为什么使用作用域：防止不同范围之间的变量互相污染。全局作用域：专门保存全局变量的区域/存储空间什么是全局变量：在函数function之外用var创建的变量特点：随处可用，可反复使用函数作用域：专门保存仅函数内可用的局部变量的区域/存储空间什么是局部变量：2种在函数内用var创建的变量形参变量特点：仅函数内部可用，不可重用i.每个函数在定义时，函数对象上都包含一个"作用域链"作用域链中第一个格子暂时空作

2020-07-26 23:37:16 1540

原创什么是匿名函数

什么是匿名函数：定义函数时，不指定函数名的函数为什么要使用匿名函数：节约内存；避免产生全局变量，造成全局污染。匿名函数两种情况：（1）绝大多数回调函数，都使用匿名函数（节约内存）1）原因：匿名函数用完之后，就会自动释放（2）匿名函数自调（避免产生全局变量，造成全局污染）1）什么是匿名函数自调：定义一个匿名函数后，立刻调用该函数执行，调用后立刻释放2）标准写法第一种写法： (function(){ 要执行的任务 })()第二种写法：ii.匿名函数自调还可以用杀马特（非主流

2020-07-24 00:53:54 4423 1

原创创建函数的3种方法

创建函数的3种方法：1.用声明方式创建函数：（1）如何创建： function 函数名(形参变量列表){ 函数体; return 返回值 }声明变量方式创建函数存在的问题：会被声明提前。什么是声明提前：在程序开始执行前，程序会先将var声明的变量和function声明的函数提前到当前作用域的顶部集中创建，赋值留在原地声明提前的缺点：打乱程序正常的执行顺序2.用赋值方式创建函数：（1）如何创建： var 函数名变量=function(形参

2020-07-23 00:33:30 7080

原创什么是函数，形参变量、返回值

什么是函数：程序中专门保存一段可重用的代码片段的程序结构，再起一个名字。为什么要使用函数：代码重用何时使用函数：只要一段代码可能被反复使用，都要先将这段代码保存在函数中。然后再反复调用这个函数创建函数：function 函数名(形参变量列表){ 函数体; return 返回值;}调用函数如何调用函数：var 变量=函数名(实参值列表);什么是形参变量：专门接收函数执行时必需的数据的变量为什么要使用形参变量：有些函数执行时，必须传入必要的数据，才能正常的执行。

2020-07-23 00:19:00 626

原创在vue中，如何既可以传入自定义实参值，又可以获得事件对象

在vue中，如何既可以传入自定义实参值，又可以获得事件对象。<元素 @事件名="处理函数(实参值, event,...)">methods:处理函数(形参变量,e,...)...注意：1.event,...)">methods:{ 处理函数(形参变量, e, ...){ ... }}注意： 1.event,...)">methods:处理函数(形参变量,e,...)...注意：1.event是vue框架内置的一个关键字，先于事件处理函数获得event对象，包装起来

2020-07-22 00:50:48 544

原创 v-for为什么一定得绑定:key

v-for为什么一定得绑定:key如果不绑定:key，则每删除数组中一个元素，v-for都会先删除所有元素副本，再重新建整个列表——修改效率低。绑定:key是给每个元素副本添加一个唯一的标识，在删除数组元素时，可根据唯一标识找到对应的一个元素对象，删除即可，其它元素不受影响——修改效率高...

2020-07-22 00:39:14 423

原创 v-show和v-if都能控制元素显示隐藏，两者的区别

v-show和v-if都能控制元素显示隐藏，两者的区别1). v-show是通过display:none来控制显示隐藏2). v-if是通过删除元素来控制显示隐藏

2020-07-22 00:36:17 478

原创 vue指令

vue指令：13种1.为什么使用指令：{{}}可让元素的内容随变量自动变化，但是页面中可能发生变化的不止是内容，元素的属性和样式也可能发生变化，但是{{}}只支持内容变化，不支持属性值和样式变化2.什么是指令：指令就是为HTML元素添加更多的新功能的特殊属性。3.指令包括：（1）v-bind:专门让属性值也能根据变量值自动变化a.如何使用:<元素 v-bind:属性名=“变量或js表达式”>b. 注意：一旦使用了 v-bind，"“中就不能再加{{}},”“承担了{{}}的作用c.

2020-07-22 00:33:57 162

原创什么是MVVM

MVVM: (Model, View, ViewModel)1.MVVM设计模式: 对前端代码的重新划分2. 旧前端代码，分为三部分:(1). HTML: 专门保存网页的内容和结构(2). CSS: 专门为网页中的元素添加样式(3). JS: 专门为网页中的元素添加交互效果3. 使用旧前端代码会出现哪些问题:(1). 因为HTML和CSS都是静态的语言。缺少标准的程序语言必须的要素a. 比如HTML和CSS中没有变量，就无法实现一次修改，多处变化b. 比如HTML和CSS中缺少分支和循环，

2020-07-18 00:21:44 638 1

原创 vue开发一个功能的基本步骤

Vue开发一个功能的基本步骤: 3步(1). 定义界面:a. 要求: 整个界面所有元素必须放在一个唯有的父元素下包裹习惯上: … b. 找到界面内将来可能发生变化的位置，用{{自定义变量名}}临时占位c. 找到界面中所有触发事件的元素，用@事件名=“自定义处理函数名"标记(2). 定义仓库对象: 2个 data和methodsa. data: 专门保存界面中所需的所有变量及其初始值b. methods: 专门保存界面中所需的所有事件处理函数因为将来data对象和methods对象会被ne

2020-07-18 00:08:03 431

原创 jquery实现点击小图片显示大图片

首先要准备4张小图片和4张大图片，代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { text-align: center; } </style></head><body> <im

2020-07-17 01:10:45 728

原创 js和jq对内容、属性、样式进行修改的区别

一、内容（3种）1.原始的html内容(1)DOM中：元素.innerHTML(2)jq中：元素.html("新内容")2.纯文本内容:(1)DOM中:元素.textContent(2)jq中:∗∗元素.html("新内容")2. 纯文本内容: (1)DOM中: 元素.textContent (2) jq中: **元素.html("新内容")2.纯文本内容:(1)DOM中:元素.textContent(2)jq中:∗∗元素.text(“新内容”)**3.表单元素的值(1)DOM中

2020-07-17 01:03:15 344

原创 jQuery选择器---内容过滤选择器、可见性过滤选择器、表单元素过滤选择器

一、内容过滤选择器什么是内容过滤选择器：根据元素的内容中包含的关键词来匹配的元素包括4种：1.:contains(关键词)匹配元素内容中包含指定的“关键词”2.:has(选择器)匹配子元素中包含符合选择器要求的元素的父元素3.:parent 匹配所有内容不为空的元素4.:empty 匹配内容为空的元素二、可见性过滤选择器:什么是可见性过滤:根据元素是否可见来选择元素包括：1.:visible 专门匹配可见的元素2. :hidden 专门匹配不可见的元素(只能选择display

2020-07-17 00:07:27 309

qq_43102118的博客