- 博客(38)
- 收藏
- 关注
RSS订阅原创 143.Vue-循环渲染的key，过滤器 day03
我们在循环渲染时常常更新显示，倘若此时用index当作每个元素的标识符则可能出现误操作的现象，而key就是帮助我们辨识两个元素的官方方法。过滤器的应用场景有很多比如单位转换、数字打点、文本格式化、时间格式化之类的等。倘若没有key 则默认有相同的key，新元素会复用就元素的dom结构。然后在Vue实例与data和method同层次的地方定义本地过滤器。最主要的问题就是在对应循环生成的内容进行删除的时候会错误的删除。在插值表达式里面用“|”将值与过滤器分开。...
2022-08-31 18:52:49
265
2
原创 142.vue-事件绑定，样式绑定，条件渲染，循环渲染 day02
v-show -css的隐藏元素(display:none)切换模块 -具有更高的内存消耗 经常切换的业务。3，@click.self：只有点击到他本身之后才会触发事件，点击里面的子元素标签不会触发事件。4，@click.once：绑定的事件只会执行一次，执行后这个事件会解绑，不会再被执行。vue2.0 中v-if v-for 写到一个元素 v-for的优先级更高。el的名字可以自定义你喜欢的名字 而后面的arr2则是data有的现成的。1，@click.prevent：阻止事件的默认行为。...
2022-08-31 01:18:16
374
原创 141.vue-插值表达式，指令与属性绑定 Day01
这个插值表达式会有一点不好就是加载时会短暂的出现源码 比如例子 它会短暂的出现{{h1}}然后在跳转到我们想要的页面。在项目中我们常常使用的是后端发来的数据对页面进行渲染，而vue框架能够较为有效的处理较多数据。{{}}也能对对象和数组使用譬如{{obj.age}} {{arr[0]}}写在标签内 在vue框架运行时 会吧项目中的v-clock属性去掉。总之解析文本用v-text 解析html结构用v-html。v-html指令的作用：设置元素的innerHTML。{{}}视为在js环境运行。...
2022-08-29 19:52:20
436
原创 140.canvas画布
HTML5元素用于图形的绘制，通过脚本(通常是JavaScript)来完成.标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用canvas绘制路径,盒、圆、字符以及添加图像。
2022-07-22 19:45:11
299
原创 138.DOM效果实现：前端表单验证
3.接受后端的响应信息跟据后端的信息做接下来的操作,获取输入框中的value然后验证。1.前端先验证用户输入的数据格式是否正确。2.把数据处理了发送给后端。案例代码html&css。判断正则之后进行值的修改。获取需要的元素与节点。一般邮箱的正则表达式。......
2022-07-15 19:32:24
106
原创 135.DOM效果实现:表格的隔行变色
效果图第一个表格点击后一列的表格会变色第二个表格隔行变色第三个表格点击后一行的表格会变色三个表格的基本样式css部分html部分。
2022-07-14 19:00:59
459
原创 134.获取节点的方法
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点： 节点树中的节点彼此拥有层级关系。我们常用父（parent）、子（child）和同胞（sibling）等术语来描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。 2.系统提供的直接获取的方式除了body 其他不怎么用 看你自己实际项目3.通过关系获取...
2022-07-14 17:09:51
545
原创 133.DOM介绍
DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：W3C DOM 标准被分为 3 个不同的部分：文档对象模型 DOM 是document object model 它是W3C产业联盟制定的浏览器对程序员提供的对HTML文档操作的接口 把文档中的代码翻译成一个对象模型 在这个模型中 所有相关的标签属性注释文本等等12种数据 都翻译为一种类型的对象 统称节点对象 这些对象之间在文档模型数据结构中存在某种关系: 根节点 父子节点 同胞节点等等 1.只有一个根节点docu
2022-07-14 16:58:41
155
原创 132.promise编程题分析
1.宏任务先运行微任务后运行2.then是微任务︰全局脚本和计时器是宏任务计时器是异步 计入宏任务列表中1大括号里面是同步运行直接打出console.log(1)遇到计时器是异步 计入宏任务列表中2遇到n1激活外层的微任务 遇到then 计入微任务列表中1遇到then 因为没有执行不会计入微任务列表直接运行console.log(7)第一轮同步结束第一轮微任务执行直接运行console.log(4)第一轮微任务结束第二轮宏任务开始直接执行console.log(
2022-07-14 16:41:42
108
原创 131.面试题分析
首先预编译由优先级顺序先找实参，但是不是在函数的环境中首先排除然后再找var提升声明var 项羽再找函数体，进行函数提升function fn(){“盖伦”}function fn(){“琴女”}最后运行代码 fn.rank = function() {alert("赵信")} fn.prototype.rank = function() {alert("典韦")} var rank = function() {alert("项羽")}
2022-07-12 19:47:10
205
原创 130.类
我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由 class 创建的对象。js没有类 是原型的思想设计的类,但是学习和使用这个技术时,心中要用类的思想学习继承...
2022-07-12 18:59:14
75
原创 129.模块化
在浏览器中可以作为js文件的模块加载器，将一个整体转换为模块加载，从而省去加载所使用的资源正常编写方式index.html:a.js
2022-07-12 18:46:55
51
原创 128.箭头函数
Lambda 函数也称之为箭头函数。箭头函数表达式的语法比函数表达式更短。( [param1, parma2,…param n] )=>statement;2.箭头函数的thisthis是离它最近的嵌套的 function/方法这个函数的调用者 直到顶层都没有就是window...
2022-07-12 18:28:38
45
原创 127.对象（es6）
对于es6的对象成员可以写做 一个单词 这个单词是变量名对象的函数成为方法方法简写: 函数根据业务有很多别称:构造函数 静态函数 方法 事件处理程序(监听器) 闭包 回调函数 钩子函数
2022-07-12 17:12:25
57
原创 126.字符串（ES6）
ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。返回布尔值，判断是否找到参数字符串。参数：includes("x",y)x为搜索的字符串，y为可选的搜索起始位置索引。返回布尔值，判断参数字符串是否在原字符串的头部。参数：includes("x",y)x为搜索的字符串，y为可选的搜索起始位置索引。返回布尔值，判断参数字符串是否在原字符串的尾部。4.repeat()返回新的字符串，表示将字符串重复指定次数返回。如果参数是小数，向下取整如果参
2022-07-12 08:56:22
120
原创 125.数组-map-set之间的转化
必须是二维数组2.map转数组Array:from()静态方法3.数组转集合4.集合转数组5. 多个数组转集合和map
2022-07-11 19:35:52
179
原创 124-set
Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待：2.并集3.交集4.差集3.类型转换1.Array...
2022-07-11 19:23:04
67
原创 123-Map
Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。Map 的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。1.取数据2.存数据...
2022-07-11 19:02:22
175
原创 122-Symbol
ES5中的基本数据：null undefined number boollean stringES6新增的基本数据：Symbol表示独一无二的值，最大的用法是用来定义对象的唯一属性名。用法由于每一个 Symbol 的值都是不相等的，所以 Symbol 作为对象的属性名，可以保证属性不重名。......
2022-07-11 18:46:36
68
原创 10.数组（基础）
数组属于引用数据类型保存的元素用逗号隔开数组取元素是通过下标取值的 从0下标开始的数组中可以保存很多数据,每一个数据的类型是不限定的2.简介方法3.字面3.访问数组通过指定数组的特定下标，来访问到特定的元素数组是从0开始到末尾的...
2022-07-10 11:56:19
74
原创 121-解构赋值
格式解构赋值:解析数据源 然后按照数据模型进行取值 再赋值给变量声明变量的高级写法变量修饰符 数据模型=数据源解构 按照数据模型取出数据源中的数据 赋值:然后赋值给模型变量大括号代表的就是对象，方括号则代表的就是数组解构赋值允许设置默认值......
2022-07-09 15:57:56
115
原创 120-let-const
{} if(){} for(){} 大括号里面的叫做代码块let声明的变量只在 let 命令所在的代码块内有效。举例：打印结果为10个10如果想让它的打印结果变为0-9则把var改为let原因是let不能突破本次循环影响下次甚至外面的同名变量仅限单次循环使用还有与var不同的是let并不会预编译,严格规定了先声明再赋值const js的常量修饰符let var 修饰的变量的值可以被修改其他语法同let只能初始化一次:初始化--第一次赋值...
2022-07-08 19:14:29
49
原创 119-ES6简介
浏览器要渲染出网页给用户看,必须加载html编码和js脚本,渲染引擎渲染页面的UI和js执行引擎操作内存,就是浏览器的的重要组成程序:内核 根据不同的浏览厂商 他们使用了不同的内核, 内核的程序是很难实现的,根据我的了解有一些内核是公司自己实现的有一些是直接借用的,比如: 1、IE浏览器内核： 2、Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：
2022-07-08 18:49:31
47
原创 09-typeof
变量中可以保存的数据类型5种基本数据:number null undefined boolean string1种引用数据:对象(函数 数组 时间 标签等等)注意:typeof返回的是字符串常见陷阱题typeof的数据类型是什么
2022-07-07 20:15:56
42
原创 07-null
null 空这种类型的数据只有一个数据就是nullnull的意义 ==>它代表了一个变量是有数据的 之不够还没有写业务数据''与之对应的undefined的意义 ==>声明了对象而没有取值,为了程序的安全而设定的一种数据...
2022-07-07 19:46:30
54
原创 05-undefined和number
undefined只有一个值那就是undefined对于尚未声明过的变量只能用typeof操作符检测其数据类型有且固定为undefined2.numberjs不能用于科研运算 可以用作一般互联网产品 因为运算有精度常规的运算符加+减-乘*除、还有求余数%保留位数 向上取整或向下取整 四舍五入选较大或较小的数返回绝对值返回 x 的 y 次幂返回数的平方根...
2022-07-07 19:29:21
235
原创 03-JS的变量
1.获取的标签元素 数字(不管整数还是小数)2.使用数据:(运行代码 交互)3.有的数据太大了或者是经常变化,不好写出逻辑 需要有一个别名代码(即变量名)来使用这个数据1.区分大小写的2.变量名常常是 $ _ 字母 数字(不开头) 的混合组合3.变量名常常要有艺术(见名知意)==>不要缩写 可以使用拼音 单词或者拼音字多时:驼峰命名4.不能写成官方已经使用了的单词==>关键字和保留字3.变量中能够保存什么数据1.5种基本数据2.1种引用数据...
2022-07-06 20:15:57
64
原创 02-JS的代码写在哪儿
添加任意个script标签 然后在标签内部就可以写js代码 :嵌入脚本2.在标签内部的事件属性中写js代码行内写js3.js文件中写外部导入HTML部分对应的相对路径或绝对路径的js文件2.ES6版本4.在控制台因为浏览器的控制台其实就是运行js的运行环境...
2022-07-06 19:51:55
202
原创 01-JS简介（简单版）
这个语言能够操作网页页面的css 和 浏览器的功能 和网络（显示效果和用户交互，前后端交互）DOM BOM 前端框架（vue react 小程序 大数据页面 游戏 ）后端技术和框架（node egg）即：JS是重难点，JS是入门的瓶颈技术要操作网页==》DOM要使用浏览器的 功能（网络请求，缓存，定时器，历史记录等等）==》BOMJS语言以前为私企的内部语言，欧洲计算机协会稍作修改后作为免费开源的脚本语言简称ES 人们约定俗成叫做JS————语法的标准定制...
2022-07-06 19:26:57
702
原创 初学HTML5第一章HTML基础(day03)
1.路径(1)相对路径a、 ./ 访问当前文件的同层级文件如上图所示:对于01-复习.html文件来说,./可以访问到但相对于它来说是和它同层级的文件，比如day03下面的所有文件或者文件夹01-test.rar 01-test.txt 02-注释标签.html 03-链接a标签.htmlb、 ../ 如上图所示：对于01-复习.html文件来说，../可以访问到相对于它来说是它的上一层的文件或者文件夹，比如与day03同层级的所有文件或者文件夹../day02 ../样式
2022-05-20 14:42:30
468
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人