码农—小加-CSDN博客

原创 vue指令和修饰符

视图变模型变：Dom监听（Dom Listener）就是view页面改变---》 dom监听---》通知模型改变。1.传统写法 v-on:事件名不加on onclick ----》v-on:click="函数"2.v-show是通过css的方式进行显示和隐藏，v-if是对dom元素的添加和移除。模型变视图变：数据绑定 data数据改变---》数据绑定触发 ---》页面视图改变。语法：v-for="(遍历的值，遍历的下标）in 你要遍历的数据"4.v-show在频繁切换的时候性能更好，v-if更浪费。

2023-02-22 20:45:29 146

原创随机点名的实现

监听结束按钮的点击事件清除定时器结束循环，将最终名字显示到页面中。监听开始按钮的点击事件开始随机循环名字库中的名字。HTML部分：搭建基础框架。

2023-02-01 10:19:42 610

原创继承和深浅拷贝

批量创建具有相同属性和方法的实例对象function 函数名（形参）{let p = new 函数名（实参）！！！1.函数名的首字母要大写；2.调用时要使用new关键字；3.不需要返回值；4.需要在函数体内部通过this关键字接收属性。1.创建一个空对象2.将this指向这个空对象3.执行构造函数内部的代码4.返回这个新对象：直接挂载到构造函数内部的方法，如果实例化了多个对象，就意味着会在内存中开辟多个空间，用来存储具有相同功能的方法，造成内存浪费。解决方法过载：使用原型对象。

2023-01-31 11:04:37 134

原创节点遍历，父找子，子找父

节点追加 --- 父元素.appendChild(子元素)节点删除 --- remove增加节点 --- 分两部，先增再追加firstElementChild – 找父元素下的第一个子元素lastElementChild – 找父元素下的最后一个子元素childNodes – 找父元素下的所有子元素，包括文本和节点children -找出父元素下的所有子元素，不包括文本元素previousElementSibling – 找上一个兄弟节点parentNode – 找父级元素var p = document

2022-11-23 08:31:59 237

原创 JavaScript循环结构

Do while是不管条件，先循环一次，再判断条件。输出一个三角形和一个到三角形写出1500年 – 2000年里所有闰年9 9乘法表求出1 – 100 之间的所有能被5 和7 整除的数的平均值求1 – 100 之和的平均值Break 终止循环Continue 结束本次循环Do while 循环

2022-11-16 20:30:26 222

原创分支结构if条件语句

在if 和else if条件都不满足时，执行else的代码。if条件语句通过一个if语句来决定是否执行该代码if else语句通过if的条件来决定执行哪一个{ }里的代码If else if … else 语句在if 和else if条件都不满足时，执行else的代码Switch 条件分支结构是一种判断语句是对于某一个变量的判断三元运算用两个符号组成一个语句是相对于if lese语句的简写

2022-11-15 14:08:05 382

原创 Javascript基础知识归纳

alert（“hello”）或 alert（‘holle’）——alert后写纯数字（阿拉伯数字）可以不加引号。有一套成熟的可以操作页面的API，如：增加个div，减少个div，给div换位置等。有一套成熟的可以操作浏览器的API，如：弹出框，浏览器跳转，获取分辨率等。a = a + 20 等同于 a += 20 （其他的一样）console.log（‘六’） -- 非纯数字加引号。只有两个值 true （真）和 false （假）&& 与（和的意思）——同真才是真，其余为假。

2022-11-14 16:00:25 133

原创 CSS样式

开发最常用，是将所有的样式放在一个或多个以 .css 为扩展名的外部样式文件中，通过标签将外部样式表文件链接到html文档中。在标签身上用class = “class名” 命名后，使用 . class名的方式进行选择。也可在style标签里，通过 @import 来链接外部样式，格式如下。在标签身上用id = “id名” 命名后，使用#id名来进行选择。url 内写的是相对于html文档的存放位置用来读取CSS文件的路径。表示同时为p标签，strong标签，h1标签内的内容进行样式更改。

2022-11-10 14:03:49 232

原创 Web基础标签和属性

是十三朝古都陕西的省会第一第二西安3、语法：属性1 = “属性值1” 属性2 = “属性值2”内容2square – 实心方块。内容1 换行分割线上标下标字体加粗字体加粗字体倾斜字体倾斜删除线

2022-11-09 14:08:27 1642

原创 Web基本介绍

web标准结构层 – HTML 用来搭建网页的基本结构表现（样式）层 – CSS 用来美化网页行为（交互）层 – JavaScript 网站的交互HTML超文本标记语言计算机语言，不是编程语言文本，用来写字，其他的是不可以的超文本，不光能写字，还可以放超链接、图片、视频、音频……标记，特殊的标记标签

2022-11-08 20:39:35 204

原创前端初入门

web前端的初步了解

2022-11-03 16:25:58 70

weixin_41631449的博客