自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js学习笔记6DOM

通过DOM这套接口来操作html元素。

2024-02-18 22:26:10 465

原创 js学习笔记5数组

list.map(funtion(value,index){ // value为值,index为索引。在数组后面追加一个数;a=[“a”,“b”,“c”]一、while循环遍历;三、for in 遍历。四、for of 遍历。五、join 连接数组。二、for循环遍历;五、map 方法遍历。

2024-02-18 22:03:06 545

原创 js学习笔记4——正则表达式、面向对象

/text返回值是布尔值,exec返回值是匹配的内容。console.log(str.replace(reg," ")) //输出结果为123456。继承:狗类继承至哺乳动物类,继承后子类可以使用父类的属性和方法。+:匹配以为或多位 var reg=/^ [0-9]+$/;var reg=/[a-zA-Z]+/g(全局匹配)若继承时想要有补充内容则:age为补充的内容。:支持类的概念,extends表示继承。类:类型、模版、统称(狗类、鸟类)

2024-02-14 17:43:55 475

原创 js学习笔记3——对象(math date)

内置对象Array—数组Math—数学Date—日期RegExp—正则表达式。

2024-02-14 17:31:23 481

原创 js学习笔记2

求n个整数的和以及输出n个数以内的奇数。声明在一个函数中的函数,叫做闭包函数。声明之后直接调用,不可以多次调用。形参:声明函数的时候可以定义。实参:调用函数的时候传递实参。function:函数声明。

2024-02-08 19:55:30 377

原创 js学习笔记1

通过声明变量,例如var str=“hello world”。

2024-02-08 19:41:59 420

原创 js学习笔记2

恒等于=== 20===“20” false (通常情况下用这个)console.log(num1++);等于== 20==“20” true;自增自减运算符位置不同,输出结果也会不同。小于< 20<10 false;加法“+” 20+10=30;大于> 20>10 true;减法“-” 20-10=10;除法“/” 20/10=2;比较运算符(返回值是布尔值)求余数% 11%2=1;自增1 ++7=8;自减1 --7=6;

2024-02-04 20:30:47 442 1

原创 js学习笔记1

(输出hello world)通过var声明变量,例如var str=“hello world”。2.变量名可以是字母、下划线、$,还有数字;3.布尔:true、false(布尔值只有两个值,代表真和假)3.小写字母开头,多个单词,第二个单词首字母大写(驼峰命名)2.字符串:var string=“hello”;1.数值:var number=100;四则运算“+” “-” “*” “\”4.不可以与关键字、保留字重复。

2024-02-04 20:28:16 413 1

原创 Koa框架和Nunjucks模版

被继承的对象:{%block content%}{%endblock%}继承:{%extends " (被继承对象的地址) "%}{% for .... in ...(数组)%}{% include " (地址)"%}Nunjucks模版语法(常用)

2023-12-21 23:42:31 504

原创 Node基础

安装nodemon,(全局安装)用nodemon启动服务器,在修改文件之后,服务器自动重启。err和data是固定的,前面写的是需要读取的文件路径。

2023-12-20 15:48:48 416

原创 npm cnpm

全局安装 npm install http-server -g。命令行工具(win+r)cnpm(安装更快)

2023-12-20 14:55:19 396

原创 数组(js)

list.map(funtion(value,index){ // value为值,index为索引。二、push 在数组后面追加一个数;六、string的split方法。一、while循环遍历;四、filter 过滤器。三、for in 遍历。四、for of 遍历。五、join 连接数组。二、for循环遍历;五、map 方法遍历。三、sort(排序)

2023-12-17 22:03:30 408 1

原创 正则表达式和面向对象

/text返回值是布尔值,exec返回值是匹配的内容。console.log(str.replace(reg," ")) //输出结果为123456。//输出结果为2023 11 29。//^和$分别为开头和结尾。继承:狗类继承至哺乳动物类,继承后子类可以使用父类的属性和方法。+:匹配以为或多位 var reg=/^[0-9]+$/;var reg=/[a-zA-Z]+/g(全局匹配)类:类型、模版、统称(狗类、鸟类)\w:数字、字母、下划线。

2023-12-17 21:41:46 468 1

原创 js学习笔记4(对象)

sayName: function (){ 可以简写成sayName(){}console.log(cat.name) 输出miaomiao。console.log("我是"+this.name)var date=d.getDate();Math.random():0-1的随机数;2.内置对象(例如Date,获取当前时间)

2023-12-11 14:21:41 413 1

原创 js学习笔记3(函数)

条件语句if语句if elseswitch语句Switch case循环语句:break:结束循环;continue:结束本次循环,但仍会进行后续循环。

2023-12-11 13:51:44 409 1

原创 js学习笔记2

恒等于=== 20===“20” false (通常情况下用这个)console.log(num1++);等于== 20==“20” true;自增自减运算符位置不同,输出结果也会不同。乘法“*” 20*10=200;小于< 20<10 false;加法“+” 20+10=30;大于> 20>10 true;减法“-” 20-10=10;除法“/” 20/10=2;求余数% 11%2=1;自增1 ++7=8;自减1 --7=6;

2023-12-03 23:13:23 454 1

原创 js学习笔记1

(输出hello world)通过var声明变量,例如var str=“hello world”。2.变量名可以是字母、下划线、$,还有数字;3.布尔:true、false(布尔值只有两个值,代表真和假)3.小写字母开头,多个单词,第二个单词首字母大写(驼峰命名)2.字符串:var string=“hello”;1.数值:var number=100;四则运算“+” “-” “*” “\”4.不可以与关键字、保留字重复。

2023-12-03 22:49:25 426 1

原创 B站首页制作2

3.频道(channel)

2023-11-19 17:30:02 152 1

原创 B站首页制作1

在开始前,可以设置一个base.css文件,在之后的过程中不用反复设置同一样式。

2023-11-19 17:18:42 283 1

原创 css学习笔记3

width和height属性可以设置元素的宽高,但元素的实际宽高可能与我们设置的width和height属性不同。,而padding和border的值是显示在width值内部的。(元素实现水平居中的效果)padding属性(与margin类似。border-style(none定义无边框。border属性简写的三个值是没有顺序要求的。margin属性(外边距)dotted定义点状边框。double定义双线)dashed定义虚线。

2023-11-12 23:37:44 108 1

原创 css学习笔记3

4个值分别是上右下左。(左右外边距的值设置为auto,元素就实现了水平居中的效果)margin:value1 value2;margin:value - 将上下左右都设置成value值。padding-bottom:下内边距。margin-bottom:下外边距。margin-right:右外边距。padding-left:左内边距。margin-left:左外边距。padding-top:上内边距。margin-top:上外边距。

2023-11-12 23:21:16 133 1

原创 css学习笔记2

(中间用空格隔开,尽量不要单独使用元素选择器来定义元素)* ::before:伪元素选择器,在每个内容之前插入内容。* ::after:伪元素选择器,在每个内容之后插入内容。id(100)>class(10)>元素选择器(1)(当鼠标悬浮在某个元素上时,为其设置样式。若多个选择器在一起,则将权重相加。

2023-11-12 23:07:56 83 1

原创 css的学习笔记

width:500px/*设置宽度为500像素*/ height:300px;/*设置高度为300像素*//*设置背景色为黄色*/文字行高设置为300像素(与父级高度相同),可以实现文字垂直居中的效果*//*文字水平居中*/2.类选择器(通常(div “class=box”))font-size: 16px;/*设置文字尺寸*/4.通配符选择器(可以找到html中的所有元素)color:red:/*设置文字的颜色*/1.元素选择器(h1,div,img等)3.id选择器(“id=box”)

2023-11-05 21:01:26 107

原创 HTML标签学习笔记3

button可以作为标签出现,谷歌浏览器中button默认是提交按钮,button是双标签,更便于包裹其他内容,例如文字、图片等。<input type="button" value="......"(按钮提示词)>1.name:分组,有相同的name属性值的单选框为一组,一组中同时只能有一个被选中;常见属性:cols:规定了文本域内可见宽度;multiple(属性名):多文件选择。常见属性:selected:默认选中。select标签:下拉菜单的整体;option标签:下拉菜单的每一项。

2023-10-29 21:52:58 176 1

原创 HTML标签学习笔记2

1.无序列表2.有序列表3.自定义列表。

2023-10-22 20:44:51 228 1

原创 HTML基础标签学习笔记

HTML(Hyper Text Markup Language)中文:超文本标记语言主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。

2023-10-15 18:32:24 191 1

空空如也

空空如也

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

TA关注的人

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