自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 vue渲染页面原理

1.代码发现在vue代码前后各console.log一次渲染的元素会得到:<!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" conten

2021-10-18 19:26:56 1000

原创 vue插值表达式{{}}原理 模拟模板引擎 (代码粘贴就可运行,建议粘贴查看)

目录1.搭建html页面2.创建Myvue构造函数(js部分)3.模拟插值表达式函数4.解决对象多层嵌套得不到值的问题5.运行结果1.搭建html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc.

2021-10-18 18:47:58 689

原创 常用git命令

1.初始化仓库git init 2.查看文件状态git statusgit status -s3.跟踪文件git add 文件名4.提交到仓库git commit -m '描述信息'5.撤销对文件的修改git checkout -- 文件名6.一次添加多个到暂存区git add .7.取消暂存的文件git reset HEAD 文件名8.跳过暂存区git commit -a -m '描述信息'9.移除文...

2021-10-11 15:03:26 197

原创 node.js实现数据库增删改查

目录1.新建数据库user_login,创建数据表tb_user2.在文件当前目录下载mysql模块3.引入mysql模块4.创建数据库对象,连接数据库5.数据库的增删改查6.完整代码1.新建数据库user_login,创建数据表tb_user2.在文件当前目录下载mysql模块下载命令(前提是电脑安装了node.js): npm install mysql3.引入mysql模块/*引入mysql模块*/let mysql = requir..

2021-09-24 19:47:35 2013 1

原创 javascript鼠标拖尾特效

鼠标特效需要使用定时器setTimeout在固定时间生成节点,删除节点,生成的节点赋予随机的宽高,随机颜色,使每个特效节点都看起来不一样注意:生成的节点需要设置绝对定位,使其脱离文档流,不影响页面中其他元素的位置代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co

2021-09-14 20:07:40 948

原创 js:瀑布流

源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit...

2021-09-11 21:05:51 103

原创 javascript数组去重

<script> // 数组去重 ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'] 要求去除数组中重复的元素。 // 1.目标: 把旧数组里面不重复的元素选取出来放到新数组中, 重复的元素只保留一个, 放到新数组中去重。 // 2.核心算法: 我们遍历旧数组, 然后拿着旧数组元素去查询新数组, 如果该元素在新数组里面没有出现过, 我们就添加, 否则不添加。 // 3.我们怎么知道该...

2021-09-11 21:02:01 123

原创 javascript俄罗斯方块 面向对象编程(jQuery)(附带百度网盘链接)

这个俄罗斯方块游戏是通过javascript面向对象编程的方法编写,代码结构分为游戏类(Game.js),方块类(block.js),地图类(Map.js),方块形状对象类(blockjson.js),话不多说,直接源码了。(粘贴源码,引入正确路径即可运行)目录1.html&css页面搭建:2.游戏类 Game.js:3.方块类 block.js:4.地图类:map.js5.方块形状对象类blockjson.js:6.百度网盘链接:游戏页面ind...

2021-09-11 20:47:03 1228

原创 javascript贪吃蛇 (附带百度网盘链接)

这里贪吃蛇游戏是通过javascript面向对象编程的方法编写,代码结构分为游戏类(Game.js),蛇行为类(Snake.js),食物类(Food.js),话不多说,直接源码了。(粘贴源码,引入正确路径即可运行)贪吃蛇:链接:https://pan.baidu.com/s/1_gfxQOWZ5ktZXLARzcn6fA提取码:672a游戏页面:1.html&css页面搭建:index.html:<!DOCTYPE html><ht...

2021-09-11 20:20:11 3646

原创 省份城市二级联动select,option

粘贴就能运行<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit

2021-09-08 21:19:16 411

原创 正则表达式,js表单验证

正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等,常用于表单验证等。参考文档:https://www.runoob.com/regexp/regexp-tutorial.html正则表达式语法案例:<script> /*1. 边界符 ^开头 $结尾*/ var re=/abc/;//abc含有abc

2021-09-08 21:10:34 757

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除