- 博客(30)
- 收藏
- 关注
RSS订阅原创 Javasrcipt栈的简单的封装
//封装栈类 function Stack() { this.items = [] //将元素压入栈中 Stack.prototype.push = function (element) { return this.items.push(element) } //从栈中取出元素 // 从栈中取最后一次进栈的值 Stack.prototype.po...
2022-01-26 23:19:12
871
原创 jsBOM
1.BOM--BrowserobjectModel浏览器对象模型=>一整套操作浏览器的属性和方法=>BOM的顶级对象是window=>所有和BOM有关的操作都是window.xxx=>在书写的时候，可以省略window。不写2.浏览器的可视窗口尺寸2-1。window.innerWidth2-2.window.innerHei...
2022-01-26 23:16:29
135
原创 js定时器时间对象
1。保留小数+语法：toFixed()+注意：返回值是一个字符串类型2。进制转换2-1.tostring()2-2.parseInt()3。时间对象3-1。创建当前时间的时间对象=>语法:vartime=newDate()=>得到:当前终端的当前时间3-2。创建指定时间节点的时间...
2021-09-13 19:18:54
199
原创 js字符串
1。字符串创建+字面量方式创建=>varstr='helloworld'=>varstr="helloworld"+内置构造函数创建=>varstr=newString('helloworld')2。字符串的操作2-1。字符串的length属性=>是一个只读的属性...
2021-09-13 19:16:43
86
原创 js数组去重
数组去重1,arr.aort(function(a,b){returna-b})for(vari=0;i<arr.length;i++){if(arr[i]===arr[i+1]){arr.splice(i,1)i--}}2v...
2021-09-13 19:16:11
109
原创 js数组常用方法
一，数组常用方法1+目的：为了快速简单操作数组1，push()在最后面加2，pop()在最后删除3，unshift()在前面添加4，shift()在前面删除5，reverse()反转数组6，sort()数组排序->数组名.sort()一位一位看待进行排列->数组名....
2021-09-13 19:15:43
70
原创 js数组冒泡
1,数组+是一个js中的复杂数据类型+是一个‘盒子’，内部存放一堆数据，所有数据是按照索引(下标)排列的+索引(下标)：从0开始，依次+12。数组数据类型的创建2-1。字面量方式=>创建空数组：vararr=[]=>创建带有数据的数组:vararr=[数据1，数据2，...]2-2。内置构造函数创建...
2021-09-13 19:15:08
148
原创 js预解析
1。预解析+在所有代码执行之前，对代码进行通读并解释1-1。var关键字=>对于var声明的变量,进行提前声明，但是不进行赋值1-2。声明式函数=>对于声明式函数，进行函数名的提前声明，并且赋值为一个函数＋注意;赋值式函数，按照var关键字的规则进行预解析2。预解析的无节操2-1。if条件不管是不是满足，都会对if条...
2021-09-13 19:14:36
66
原创 js函数
1。函数+是一个JS中的复杂数据类型，叫做Function+什么是函数?=>是一个"盒子"，承载一段代码=>需要的时候，可以把"盒子"内的代码拿出来执行2。函数的两个阶段2-1。函数定义阶段=>声明式函数:function函数名(){代码}=>赋值式函数:var函数名=function（){代码}...
2021-09-13 19:13:51
56
原创 js循环语句
1。循环+循环三要素=>开始=>结束=>步长2.while循环+语法:while(条件){重复执行的代码}+书写：varn=1while(n<=3){console.log('重复执行')n++}3.do...whil...
2021-09-13 19:13:18
114
原创 js运算符
1运算符--比较运算符1-1>大于1-2<小于1-3>=大于等于1-4<=小于等于1-5==等于只比较数值1-6===全等于比较数值类型和值、1-7!=不等于1-8!==不等等2.运算符--逻辑运算符2-1&&与一...
2021-09-13 19:12:45
82
原创 js基础
定义变量1。J5的三大核心1-1.ECMAScript=>JS的语法1-2。BOM-BrowserobjectModel=>一套操作浏览器的属性和方法1-3.DOM-DocumentobjectModel=>一套操作文档流的属性和方法2.JS的三种书写方式2-1。行内式...
2021-09-13 19:11:40
81
原创 前端学习第十八天
移动端布局准备工作：设置Meta标签width = device-width:布局视口的宽度等于当前设备视口的宽度initial-scale:初始的缩放比例(默认设置为1.0)minimum-scale:允许用户缩放到的最小比例(默认设置为1.0)maximum-scale:允许用户缩放到的最大比例(默认设置为1.0)user-scalable:用户是否可以手动缩放(默认设置为no,因为我们不希望用户放大缩小页面)1.rem/em的区别：em：宽高大小根据字体大小有关系优先执行自身元素
2021-08-04 20:16:45
146
原创 前端学习第十七天
多列属性column-count；数值分栏的个数属性column-width：像素分栏的宽度属性：column-gap像素值分栏的间距，注意分栏数值属性：column-rule：数值 实线 颜色分栏的边框属性：column-fill属性值：auto列高度自适应内容属性值：：balance所有列的高度以其中最高的一列统一（默认值）属性：column-span属性值：all 横跨多个列属性值：none不跨列多列实现瀑布流属性：break-inside断点属性值..
2021-08-03 18:54:05
100
原创 前端学习第十六天
怪异盒子模型属性box-sizing;content-box 默认值box-sizing:border-box默认跟盒子宽度大小一致，padding值还有border值不会撑大盒子padding值还有border值不能超过怪异盒模型数值弹性盒子属性：display：flex 定义弹性盒子，默认把x轴当成主轴，设定之后可以设置宽度高度flex 主轴顶端对齐方式justify-content：主轴对齐方式flex-start：默认值 主轴顶端对齐flex-end：主轴末端对齐ce..
2021-08-02 19:12:29
76
原创 前端学习第十五天
2D转换/二维坐平移属性transform：移动translate（X,Y 数值）单独移动后面数值不能为零translateX/Y（数值）不会影响其他元素位置移动单位为百分比他移动的距离是盒子的自身的宽度和高度来对比的对行内元素不起效果Y轴坐标系朝下为正X轴坐标系朝右为正旋转属性transform：旋转：rotate（deg 度数 负值逆时针，正值顺时针）rotateX（X轴上下逆时针旋转）rotateY（Y轴左右顺时针旋转）转化的基点属性transform：..
2021-07-30 18:41:42
92
原创 前端学习第十四天
渐变径向渐变属性radial-gradient作用；从中间向四周扩散circle 圆形默认是椭圆可以给颜色加百分比，百分比加从小到大加径向渐变不可以加方向加浏览器内核可以加方向线性渐变linear-gradient（颜色中间逗号分格颜色）从上到下变颜色，一个颜色不可以渐变，to left逗号分隔右向左，加完浏览器内核后toleft不好用，left从左到右显示 数值deg百分比和方位不可以一起用，正常的顺时针旋转，浏览器内核逆时针旋转，浏览器内核0度时候跟正常的相差-90度..
2021-07-29 21:36:45
68
原创 前端学习第十三天
H5新增语法：头部标签<header></header>导航栏标签<nav></nav>底部标签<footer></footer>内容块标签<section></section>辅助信息标签<aside></aside>文章标签<article></article>媒体插入标签<embed src=路径></embed>独
2021-07-28 18:55:20
79
原创 前端学习第十二天
BFC是什么：BFC 即 Block Formatting Contexts (块级格式化上下文)，通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。BFC的特性和应用.BFC内部的Box会在垂直方向，一个接一个的放置。2.Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻box的margin会发生重叠（应用：防止marin重叠）3.BFC的区域不会与float box发生重叠（应用：自适应两栏布局）BFC特性..
2021-07-27 18:16:02
98
原创 前端学习第十一天
1.表单：收集用户信息2.表单的组成部分:表单域【表单的区域】+表单控件【input】+提示信息【请输入姓名】3.应用:登录注册界面等等4.表单控件:单选框只能选择一个，必须有那么属性，而且name属性值必须一致【同一组单选框】type="radio"5.复选框可以选择多个type="checkbox"6.选择文件type="file"7.下拉菜单<...
2021-07-26 23:12:11
219
原创 前端学习第十天
表格：1.表格是什么：页面中用来显示数据2.课表/日历/成绩单/oa系统3.语法结构：<table><tr><td></td>...</tr>...但是：如果没有加特殊的属性每一行中的...
2021-07-23 21:09:00
60
原创 前端学习第九天
文字文本溢出1.语法：white-space:nowrep；文本不会换行，强制在一行显示，2.语法：white-space: pre;空白服会被保留，并强制在一行中显示出来3.语法：white-space:pre-line；保留部分空白区域【在文本中的换行显示】4.语法white-space：pre-wrap；没有完全保留空白区域，不让他强制在一行中显示。...
2021-07-23 20:15:00
38
原创 前端学习第八天
1.定义：给定元素一定的位置 作用:实现侧边导航栏，网页中的广告【】 1.固定定位 语法：position：fixed+便偏移量【left/top/right/bottom】才能让元素达到自己想要的位置 应用：参考小小千 实现效果：div或者某些元素固定在页面的某个位置 可以让内容脱离标准文档流【完全脱离（文字图片都可以被覆盖）】 2.粘性定位 语法:position:sticky 应用:参考工商银行导航栏 实现效果：如果前...
2021-07-23 19:30:43
44
原创 前端学习第六天
1.当选择器的权重一致时，他会按照顺序执行，后面的样式会覆盖前面的样式【操作同一个元素时】2.各个选择器之间的权重:标签0001class0010id0100！important最高的3.！important可以提高权重/优先级4.样式覆盖:相同属性设置操作了相同的元素5.干啥：当制作网页的过程中不知道那个优先显示的时候【】字体的继承：font-size都可继承/color除了超链接以外都可以继承......
2021-07-23 19:21:24
63
原创 前端学习第五天
1.什么是浮动:漂浮在页面的某个位置【有固定的位置】2.浮动的语法:float:left/right/none3.浮动的作用:页面排版【让竖着排列的元素可以水平排列】4.特点总结:a.会让元素脱离标准文档流【正常显示的样式】b.宽度不设置不会再继承父元素的宽度了c.浮动属于半脱离:只能遮盖背景，不遮盖内容【文字，。。。】d.浮动的参照物为父元素盒子的边框：内容区:设置的宽度和高度就是咱们的内容区边框:border:border-widthborder-s...
2021-07-23 19:17:38
60
原创 前端学习第四天
元素之间的相互转化：1.什么是元素之间的相互转化：元素类型之间的相互变化2.为什么：优化用户体验【a标签转化为可以设置宽度高度的元素;b.解决浮动的能解决的一部分问题】3.怎么尽心元素之间的相互转化：display:inline[行内元素]/block[块级元素]/inline-block[行内块级元素]元素的分类：块级元素：div p ul li ol li dl dt dd h1-h6特点：1.独自占据一行2.可以设置宽度和高度3.可以设置text-align行内元素：a ...
2021-07-23 19:05:49
34
原创 前端学习第7天
今天主要讲了定位定位这主要分三种：作用:实现侧边导航栏，网页中的广告【】1.固定定位 语法: position: fixed+便偏移量【left/top/right/bottom】才能让元素达到自己想要的位置应用:参考小小千 实现效果: div或者菜些元素固定在页面的某个位置 2.粘性定位 语法:position: sticky应用:参考工商银行导航栏 实现效果。如果前面有元素，并且元素有高度，那么他会滑过元素高度之后再执行固定定位﹔如果前面元素没有或者元素的高度之和小于top后面的属性值
2021-07-20 20:25:17
62
原创 零基础学习第二天
今天讲了表单，css基础知识，表 form表单：用来收集用户信息，常用在【用户的登录注册界面】 基本的语法结构：<form></form> 文本框:input type="text" 密码框:input type="password" 按钮:input type="button" value="" 提交按钮:input type="submit" value="" 重置...
2021-07-14 20:51:48
71
原创 前端基础知识总结1
1.什么是h5：html的第五代；是一类技术的总称；2.h5可以干什么？所有人机交互的界面3.一个项目的组成a.产品经理【根据用户需求，制作需求文档】b.ui设计【页面的切图】c.前端【实现ui设计图的界面，与后端的交互】d.后端【实现相对应的功能:登录】e.测试【测试程序是否存在bug】4.一个界面的构成html【骨架】+css【样式】+js【行为】w3cECMA5.关于前端的发展----------前面知识了解即可...
2021-07-13 19:30:19
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人