- 博客(38)
- 收藏
- 关注
RSS订阅原创 diff运算
diff运算原理：在数据发生变化，vue是先根据真实DOM生成一颗 virtual DOM ，当 virtual DOM 某个节点的数据改变后会生成一个新的 Vnode ，然后 Vnode 和 oldVnode 作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使 oldVnode 的值为 Vnode ，来实现更新节点。通俗点说：diff 算法就是对虚拟 dom 进行对比，并返回一个 patch 对象，这个对象的作用是存储两个节点不同的地方，最后用 patch 里记录的信息去局部更新真实的
2023-04-24 10:55:42
132
原创 JavaScript基础知识点之基础运算符（一元运算符），数学
JavaScript基础知识点之基础运算符（一元运算符），数学运算元：运算符应用的对象。比如：5*6，有两个运算元：左运算元5和右运算元6。如果一个运算符对应着一个运算元，那么就是一元运算符<!DOCTYPE html><script>let x = 1;x = -x;// -1，一元负号运算符生效console.log( x );</script>如果一个运算符拥有两个运算元，那么就是二元运算符。其中减号好存在二元运算符形式：<!DOCT
2021-02-18 00:32:44
327
原创 JavaScript基础知识点之类型转换（原始数据类型）
JavaScript基础知识点之类型转换（原始数据类型）常见的数据类型转换：转换string类型、转换为number类型、转换为Boolean类型* 字符串转换：转化发生在输出内容的时候，也可以可通过string (value)进行显示转换，原始数据类型值的string类型转换通常很明显。 （false 变成 “false”，null 变成 “null” 等。）<!DOCTYPE html><script>let value = true;// booleana
2021-02-17 00:03:27
218
原创 JavaScript基础知识点之浏览器交互
JavaScript基础知识点之交互 与用户交互的 3 个浏览器的特定函数：alert、prompt、confirm1.aler：显示信息<!DOCTYPE html><script>alert("Hello");</script>2.prompt;显示信息要求用户输入文本。点击确定返回文本，点击取消或按下Esc键返回null（prompt函数接收两个参数：result = prompt(title, [default]);title显示给用户的文本；
2021-02-16 19:25:26
228
原创 JavaScript基础知识点之数据类型
javaScript基础知识点之数据类型js中有八种基本数据类型(注：分为原始数据类型和复杂数据类型)：* number：用于任何类型的：数字：整数或浮点数* bring：用于任意长度的整数* string：用于字符串：一个字符串可以包含0个或多个字符，所以没有单独的单字符串类型(注： 字符串必须被括在引号里。)* Boolean：用于true和false* null：用于未知的值，只有一个null值的独立类型* undefind：用于未定义的值，只有一个undefind值的独立类型* sy
2021-02-15 17:21:09
83
原创 . 输出今天的日期，以 YYYY-MM-DD 的方式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2021-01-05 08:40:38
564
原创 Vue笔记（计算属性与侦听器）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class
2020-12-24 21:35:28
90
1
原创 Vue书写tab切换（父子组件通讯笔记）
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> .sz-language span {
2020-12-24 17:44:13
422
1
原创 Vue的生命周期的笔记
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="app">
2020-12-24 11:36:12
78
原创 用Vue进行表单绑定
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="app">
2020-12-22 21:47:19
118
原创 用Vue仿做ToDoList
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ToDoList</title></head><style> body{ backgrou
2020-12-22 20:06:51
163
原创 语句 var arr=[a,b,c,d]；执行后，数组 arr 中每项都是一个整数，下面得到其中最大整数语句
[不定项选择题]语句 var arr=[a,b,c,d];执行后，数组 arr 中每项都是一个整数，下面得到其中最大整数语句正确的是哪几项？A.Math.max(arr)B.Math.max(arr[0], arr[1], arr[2], arr[3])C.Math.max.call(Math, arr[0], arr[1], arr[2], arr[3])D.Math.max.apply(Math,arr)解析：<!DOCTYPE html><html lang="en
2020-12-19 11:19:07
3540
1
原创 前端与后端交互之登录与注册
1. 登陆<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!--
2020-11-24 21:10:47
1459
原创 用javascript函数原型给数组进行四则运算（利用数组的原型空间添加多个方法）
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-19 22:00:31
155
原创 用javascript 制作跑马灯
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ ma
2020-11-12 21:22:25
634
原创 用javascript 制作放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>放大镜</title> <style> *{ margin:
2020-11-12 20:53:56
96
原创 用javascript 制作级联下拉菜单（三级）
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body><!-- 制作级联下拉菜单（三级） -->
2020-11-11 17:21:22
1765
原创 用Javasccript 制作简易购物车
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <table bor
2020-11-09 23:45:51
364
原创 用javascript 统计字符串的各个符号的数量函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-07 23:39:21
735
原创 用javascript 反转字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-07 17:16:42
115
原创 用javascript 给一段文章中的全部指定词语进行过滤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-07 17:12:26
692
原创 用javascript根据图片做效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> *{ m.
2020-11-05 20:03:29
123
原创 用javascript 给定字符串“小明:87；小花:81；小红:97；小天:76；小张:74；小小:94；小西:90；小伍:76；小迪:64；小曼:76“； 求出所有人的平均成绩
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-04 19:38:12
787
原创 用JavaScript var arr = [4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]； 要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-03 20:30:45
1738
原创 用javascript 编写函数，获取数组中的最小值(用sort)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-03 19:14:29
1041
原创 用javascript 编写函数，获取数组中的最大值(用递归写)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-03 19:03:04
1727
1
原创 用javascript var arr = [4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]； 要求将数组中的0项去掉，将不为0的值存入一个新的数组，生成新的数组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-03 17:34:28
1951
原创 用 javascript 编写函数has11(arr , 60) 判断数组中是否存在60这个元素，返回布尔类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-02 21:43:51
1360
3
原创 用javascript定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-11-02 21:10:50
2658
原创 某公司采用公用电话传递数据，数据是四位的整数，在传递过程中是加密的，加密规则如下：每位数字都加上5,然后跟10的余数代替该数字，再将第一位和第四位交换，第二位和第三位交换，请编写一个函数，输出密文
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-30 19:37:42
2291
原创 用javascript求：有一个棋盘，有64个方格，在第一个方格里面放1粒芝麻重量是0.00001kg，第二个里面放2粒，第三个里面放4，棋盘上放的所有芝麻的重量
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-29 21:41:54
2877
原创 小明单位发了100元的购物卡，小明到超市买三类洗化用品，洗发水（15元），香皂（2元），牙刷（5元）。要把100元整好花掉，可如有哪些购买结合？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-29 17:54:58
7916
3
原创 用javascript打印九九乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-29 17:20:50
96
原创 用javascript打印1-100之间的质数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>for循环练习1</title></head><body> <script>
2020-10-29 11:48:40
494
原创 用javascript求出1- 1/2 + 1/3 - 1/4…..1/100的结果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-10-28 20:56:25
944
原创 用户输入石头、剪刀或布，电脑也会出一个招，要求得出最终结果，显示胜利玩家。
用户输入石头、剪刀或布，电脑也会出一个招，要求得出最终结果，显示胜利玩家。 //用数字来代表猜拳 var m=prompt('请输入你的值: ') //取值0-3 if(m>=0 && m <=2){ //判断0为“石头” if(m==0){ console.log('石头') } //判断1为“剪刀”
2020-10-28 19:42:06
521
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人