- 博客(20)
- 收藏
- 关注
RSS订阅原创 js面向对象
一、面向对象：不注重过程，注重这件事有几个对象在参与三大特性：1、封装性，2、继承性，3、多态性二、对象的创建var obj = {}var pbj = new Object()三、工厂函数创建多个对象之后，如果发现多个对象的结构是一致的，多个对象的创建代码就是重复的 - 使用循环没办法处理，只能使用函数来进行处理工厂函数 - 批量制造对象的工厂（工厂知道对象的时候，会比使用字面量方式创建对象更好）function createObj(name,age,sex) {
2021-08-31 22:06:22
103
1
原创 正则表达式
一、定义：是js提供的一个语法二、作用：处理字符集三、3种处理（正则表达式的作用）：1、验证字符串：是不是纯数字，字母开头，字符串的规则正则.test(字符串) - 布尔值字符串.search(正则) - 下标或-12、提取字符串：从一个很长的字符串中，获取到其中满足规则的一段正则.exec(字符串) - 数组，数组的下标0，就是提取出来的小字符串字符串.match(正则) - 数组，数组的下标0，就是提取出来的小字符串3、替换字符串：字符串.replac
2021-08-26 22:08:06
109
原创 事件、事件源、元素相关操作
事件：就是用户在网页中的行为分为三个部分：标签触发行为，标签 - 事件源触发的行为的类型 - 事件类型执行的程序 - 函数语法：事件源.on事件类型 - 函数1、鼠标：单击：click双击：dbclick移入：mouseover移出：mouseout2、键盘：按下键盘：keydown抬起键盘：keyup3、表单事件：获取焦点：focus失去焦点：blur下拉框选项改变：change表单提交：submit4、win
2021-08-24 21:43:21
331
原创 逻辑分支、三元运算、判断语句
一、逻辑分支1、单分支语法：if(条件表达式){ 当条件表达式的结果为true的时候要执行的代码}2、双分支语法：if(条件表达式){ 当条件表达式的结果为true的时候要执行的代码}else{ 当条件表达式的结果为false的时候执行的代码}3、多分支语法：if(条件表达式1){ 当条件表达式1的结果为true的时候执行的代码} else if(条件表达式2){ 当条件表达式2...
2021-08-10 21:57:17
255
原创 初识JavaScript，JavaScript变量，数据类型以及运算
一、JavaScript（一个面向对象的脚本语言）的历史由网景公司（netscape）创建创始人：布兰登·艾奇二、JavaScript的组成ECMAScript 语法标准BOM 操作浏览器的标准DOM 操作文本的标准本质：使用JS使浏览器的样式和属性发生变化三、JavaScript的输出方式alert(内容)【以弹窗形式显示】document.write(内容)【在浏览器（body）中输出】console.log(内容)【在浏览器的控制台中输出】prom...
2021-08-09 22:27:41
121
原创 移动端布局
一、网页标题图片的显示语法：<link rel="shortcut icon" href="图片的地址" type="image/x-icon">二、进行移动端页面布局时使用的单位1、em：相对单位长度，如果本身未设置文字的大小，则相对于父级元素中设置的字体大小进行改变，如果，父级元素也没有设置，则逐级往上寻找，如果都没有，则根据浏览器默认的字体大小对长度进行设置2、rem：相对单位长度，只是根据根元素设置的字体大小对长度进行设置3、vw：设置视窗宽度的百分比，1vw等.
2021-08-04 21:27:50
83
原创 css多列
一、多列1、column-count：设置分栏的个数2、column-width：设置分栏的宽度3、column-gap：分栏的间距4、column-rule：分栏的边框5、column-span:all/none 设置内容是否横跨所有列6、column-fill:auto（列高度自适应内容）/balance（所有的列以其中最高的一列为统一）设置列的高度是否统一7、break-inside:avoid 避免中断二、媒体查询1、语法：@media all（默认...
2021-08-03 21:25:51
81
原创 3D动画，盒子模型
一、3D动画1定义动画：@keyframes 动画的名称{form{初始状态属性} to{ 结束状态属性}}@keyframes 动画的名称{ 0%{初始状态属性} 100%{ 结束状态属性}}（中...
2021-08-02 21:55:25
144
原创 2D、3D模型相关知识
一、2D转换1、transform:translate()：平移，单位可以是%，但是%是自己的不是父元素的默认为沿着X轴方向移动transform:translateX()沿着x轴方向进行移动，translateY()沿着y轴方向进行移动，translate(20px,20px)定义2D平移（translateX(20px) translateY(20px)）2、transform:scale()缩放，默认值是1，比1小时缩小，比1大时放大scale()同时设置x和y方向scal
2021-07-31 16:09:08
254
原创 文本属性、渐变、过渡
一、css中部分文本属性1、word-break（汉字）normal：默认，keep-all：以符号作为换行的标志break-all：不允许文字断开2、word-wrap（英文）normal：默认值break-word：在长单词或者地址（url）内部进行换行，在盒子内部边界进行换行，不截断英文单词3、text-trasfrom（控制文本大小写）capitalize：文本中所有的字符以大写英文字母开头。uppercase：文本中所有字母转为大写lowercase：文
2021-07-29 22:20:46
90
原创 h5新增标签以及视频音频的导入
一、h5新增加的标签：header 头部标签footer 尾部标签nav 导航区域section 内容区域article 文章aside 辅助信息hgroup 标题组figure 类似于dl dt dd figcaption标题mark 高亮显示（搜索 str+f搜索内容时显示）dialog 对话框（需要结合open才能使用）画布：canvas二、h5中视频的导入1、<video src="视频的地址">&...
2021-07-28 22:26:54
428
原创 BFC以及各种css选择器
一、BFC（普通的div不是BFC）1、定义：块级元素格式化上下文2、BFC触发条件：（1）根元素html默认为BFC（2）子元素设置浮动以及绝对定位和固定定位时（3）设置的overflow属性值不为visible（4）display的值为：inline-block/table-caption/table-cell/flex/inline-flex3、BFC的特性及应用（1）盒子在垂直方向的距离由margin决定，属于同一个BFC的两个相邻的盒子的margin值会发生重叠。（
2021-07-27 20:56:34
194
原创 表单知识整理
一、表单1、作用：收集用户的信息2、组成：表单域（表单的区域）+表单的控件（input）+提示信息3、应用：注册登录界面4、表单的控件：（1）单选框 type="radio"：只能选择一个，必须有name属性，且同一组单选框的name值必须相同（2）复选框 type="checkbox"：可以选择多个（3）选择文件：type="file"（4）下拉菜单：<select><option></option&...
2021-07-26 22:37:29
111
原创 表格基本知识
一、表格基本架构：<table> <tr> <td></td> </tr> <tr> <td></td> </tr></table二、表格的相关属性：宽度：width高度：height给表格添加边框：border边框颜色：bordercolor背景颜色：bgcolor文字水平对齐：align=“l
2021-07-23 20:27:45
72
原创 2021-07-22
一、垂直对齐定义：在垂直方向设置元素的位置。应用场景：logo垂直居中；下拉菜单垂直居中；控制文本与图片的位置。语法：vertical-align（bottom，如果父级元素设置了line-height，那么bottom在父级div的最下方）属性值：middle/top/text-top/bottom/text-bottommiddle（实现垂直居中）/texte-top/bottom（文字的最上/下方）/top/bottom（，在line-height的最上/下方）二、white-
2021-07-22 20:24:04
231
原创 2021-07-20
一、定位1、定义：给定元素一定的位置。2、作用：实现侧边导航栏；网页中的广告3、类型：（1）固定定位：语法：position：fixed+偏移量（left/top/right/bottom）才能达到想要到达的位置实现效果：div或某些元素固定在网页中的某个位置（2）绝对定位语法：position：absolute应用：参考侧边导航栏实现效果：注意点：如果父级元素有定位，则根据父级元素进行移动，如果父级元素没有定位，则逐级往上找，找到之后根据这个元素进行移动，如果没有找
2021-07-20 22:19:12
46
原创 2021-07-17
一、css浮动属性什么是浮动：漂浮在页面的某个位置（有固定位置）1、设置浮动：float：left（元素靠左边浮动） right（元素靠右边浮动） none（元素不浮动）2、浮动的作用：就是让竖着排列的元素水平排列 定义网页中其他文本如何环绕该元素显示3、清除浮动：clear：none（允许有浮动对象） left（在该元素的左边不允许有浮动对象）right（在该元素的右边不允许有浮动对象） both（不允许有浮动对象）清除浮动只是改变元素的排列方式5...
2021-07-17 18:00:47
63
原创 2021-07-15
css相关属性知识整理一、文本样式设置字体颜色：color设置字体：font-family设置字体大小：font-size设置文字加粗：font-weight设置文字倾斜：font-style设置文字水平居中：text-align设置文本垂直居中：当line-height属性值=height属性值时，文本垂直居中设置文本首行缩进：text-indent设置文字间距：letter-spacing/word-spacing设置各类线条：text-decoration：
2021-07-15 20:36:32
56
原创 2021-07-14
H5学习的第二天，以下为一天所学内容的总结：一、form表单作用：用来收集用户的信息，常用位置：用户的注册登录界面语法：<form></form>文本框：<input type="text">密码框：<input type="password">普通按钮：<input type="button" value="">提交按钮：<input type="submit" value="">重置按钮：<
2021-07-14 21:37:36
107
原创 HTML5基本知识
一天的学习内容——HTML5基础知识整理一、HTML5简介：是HTML的第五个版本，是一门技术的总称；二、所有的人机交互页面都可以通过HTML5来实现；三、一个项目的组成：1、产品经理（根据用户需求，制作需求文档）2、ui设计（页面的切图）3、前端（实现ui设计图的界面，与后端的交互）4、后端（实现相对应的功能：登录）5、测试（测试程序是否存在bug）四、一个完整的网页需要三个部分组成：HTML（骨架）+css（样式）+js（行为）五、关于开发工具的使用，vscode
2021-07-13 19:53:18
94
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人