- 博客(24)
- 收藏
- 关注
RSS订阅原创 JS(5)
什么是作用域，就是一个变量可以生效的范围变量不是在所有地方都可以使用的，而这个变量的使用范围就是作用域全局作用域是最大的作用域在全局作用域中定义的变量可以在任何地方使用页面打开的时候，浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在，直到页面关闭就销毁了 局部作用域就是在全局作用域下面有开辟出来的一个相对小一些的作用域在局部作用域中定义的变量只能在这个局部作用域内部使用在 JS 中只有函数能生成一个局部作用域，别的都不行每一个函数，都是一个局部作用域 有了作用域以后，变
2022-07-13 14:24:26
99
1
原创 JS（4）
我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行先看一段代码 按照我们刚才的说法，两个阶段就是 放在盒子里面 和 让盒子里面的代码执行定义阶段就是我们把代码 放在盒子里面我们就要学习怎么 放进去，也就是书写一个函数我们有两种定义方式 声明式 和 赋值式声明式使用 这个关键字来声明一个函数语法：function fn() { /
2022-07-13 08:51:14
132
原创 JS（3）
循环结构，就是根据某些给出的条件，重复的执行同一段代码循环必须要有某些固定的内容组成初始化条件判断要执行的代码自身改变，中文叫 当…时，其实就是当条件满足时就执行代码，一旦不满足了就不执行了语法 因为满足条件就执行，所以我们写的时候一定要注意，就是设定一个边界值，不然就一直循环下去了 如果没有自身改变，那么就会一直循环不停了是一个和 循环类似的循环 会先进行条件判断，满足就执行，不满足直接就不执行了但是 循环是，先不管条件，先执行一回，然后在开始进行条件判断语法： 和 和
2022-07-13 08:37:44
90
原创 JS （2）
进行自增运算分成两种，前置++ 和 后置++前置++，会先把值自动 +1，在返回 后置++，会先把值返回，在自动+1 进行自减运算分成两种，前置-- 和 后置--和 运算符道理一样 我们的 js 代码都是顺序执行的（从上到下）逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码通过一个 if 语句来决定代码执行与否语法： 通过 里面的条件是否成立来决定 里面的代码是否执行 通过 if 条件来决定，执行哪一个 里面的代码语法： 两个 内的代码一定
2022-07-13 08:34:53
95
原创 JS第一天
：标记语言 ：编程语言1. 1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript ==> ECMAscript2. 1995年Sun公司将Oak语言改名为Java，正式向市场推出。Sun公司
2022-07-05 19:18:01
63
原创 HTML5错题
第一周1.在HTML中,关于CSS样式的说法错误的是（A）A css样式无法实现页面的精确控制B 每条样式声明使用分号(;)隔开C css样式实现了内容与表现的分离,利于团队开发D css中属性和属性值用冒号连接解析：css可以实现精确的设置2.阅读下列关于表单内容的HTML代码,其中有几处错误（c） 用户名 密码...
2022-07-05 19:14:06
2553
原创 前端H5第18天
980px 默认可以通过手动缩放的网页是网站的区域为了使网站在移动端有最理想的浏览和阅读宽度而设定需要手动添加meta视口标签通知浏览器操作meta视口标签device-width 设备的宽度inital-scale 初始的缩放user-scalable 是否允许用户缩放 no yespx 像素 固定的值em 倍数 自己有font-size就以自己的font-size进行取值，没有就以父元素的font-size进行取值rem 以根元素（html）的font-size进行取值vw 把屏幕宽度分成了100
2022-07-04 21:04:32
48
原创 前端H5第17天
justify-content 主轴的对齐方式（水平的对齐方式）弹性项目向行头紧挨着填充。这个是默认值。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。弹性项目向行尾紧挨着填充。第一个弹性项的main-end外边距边线被放置在该行的main-end边线，而后续弹性项依次平齐摆放。弹性项目居中紧挨着填充。（如果剩余的自由空间是负的，则弹性项目将在两个方向上同时溢出）。弹性项目平均分布在该行上。如果剩余空间为负或者只有一个弹性项，则该值等同于flex
2022-07-04 20:42:13
65
原创 前端H5第16天
IE盒模型，怪异盒模型box-sizing:border-box;content，padding(不会撑大盒子)，border(不会撑大盒子)，margin(不会撑大盒子)width不变=width(包含border和padding)通过box-sizing进行盒模型的转换谁超出给定宽高就加给谁box-sizing:content-box;content，padding(会大盒子)，border(会大盒子)，margin(不会撑大盒子)width不变=width-左右的padding-左右的borderfl
2022-07-04 20:19:41
36
原创 h5打卡第15天
transform 改变 平面 X轴 Y轴 Z轴translate 偏移 单位px 百分比 默认值x轴 可以取负值 x轴取值为正 往右；取值为负 往左 y轴取值为正 往下；取值为负 往上 transform:translatey(200px) translatex(200px); transform:translate(x轴,y轴)； z轴 取值为正往前，取值为负为负往后 transform:translate3d(200
2022-07-04 19:12:20
220
原创 前端打卡第十四天
最少要有两个颜色，多则不限语法：background-image: linear-gradient(direction, color-stop1, color-stop2, ...);使用角度：语法：background-image: linear-gradient(angle, color-stop1, color-stop2); 使用多个颜色节点使用透明度重复的线性渐变 百分比表示指定颜色的标准中心线位置，百分比之间是过渡色，如果百分比位置之间有重叠会失去渐变过
2022-06-24 21:50:04
71
原创 前端打卡第十三天
-webkit- 谷歌-o- opera-moz- 火狐-ms- ie渐进增强写法：先针对低版本浏览器进行页面构建，再针对高版本进行效果、交互等改进和追加功能达到更好的用户体验eg: -webkit-box-shadow-o-box-shadow-moz-box-shadow-ms-box-shadowbox-shadow优雅降级写法：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容eg:box-shadow-webkit-box-shadow
2022-06-24 20:47:27
104
原创 前端打卡第11天
font-family，font-weight，font-size，font-style，text-indent，text-align，line-height，color，list-style，word-spacing，letter-spacing给a标签加定位，认识宽高 主要是用来收集用户信息效果图： CSS样式： 其他表单元素：密码：上传文件：禁止textarea被拖动：resize:no...
2022-06-23 21:34:24
60
原创 前端打卡第10天
当子元素有浮动，而父元素没有高度的情况下，会出现高度塌陷解决方法：1.给父元素加高度（不灵活）2.给父元素加overflow：hidden；（溢出会隐藏）3.在需要清楚浮动的后面添加一个空标签，设置（代码冗余）4.万能清除法（推荐使用）最值：最大高度 max-height；最小高度 min-height；最大宽度max-width；最小宽度min-width；一般用在媒体查询（响应式布局）o...
2022-06-20 21:30:55
59
原创 前端打卡第九天
值越打，越靠上，可以取负值不带单位没有设置z-index时，最后写的对象优先显示在上层注意：想让z-index生效，必须要有定位属性1.background：rgba （255，255，255，0.5）a指的透明度，取值是0-1，点前面的0可以省略不写只透明背景，不透明文字2.opacity：取值是0-1，不加单位 （ie8及以下）filter：alpha（opacity=50）取值是0-100 （谷歌） 值越低，更加透明主要是用来实现同一个页面内不同位置的跳转制作锚点：1....
2022-06-18 16:28:04
90
原创 前端打卡第八天
置换元素：会生成一个边框，通过属性和属性值进行转换例如：img、input、textarea、select、object非置换元素：内容可以直接显示在浏览器里HTML 的大多数元素是不可替换元素生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。生成固定定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定
2022-06-18 15:50:10
53
原创 前端打卡第七天
盒子溢出overflow:overflow-y，overflow-x文字溢出text-overflow:white-space:溢出出现省略号的条件1.width；2.white-space：nowrap；让文字不换行3.overflow：hidden；4.text-overflow：ellipsis；扩展：多行文本溢出1.display：-webkit-box；将对象作为伸缩盒子模型展示； 指定的一个box的子元素的显示顺序：2.-webkit-box-orient：vertical；设置或检索伸缩
2022-06-15 20:42:51
69
原创 前端打卡第六天
font-family，font-size，font-style，font-weight，font，letter-sapcing，line-height，text-align，text-indent，list-stylelist-style-type：none；去掉列表的项目符号（实心圆或者数字）可简写为list-style：none；circle，空心圆；disc，实心圆；square，实心方块盒模型组成：content，内容；padding，内填充（内边距，盒子里面的泡沫）；border，边框；marg
2022-06-15 19:47:56
68
原创 前端打卡第四天
前提是必须发生冲突！important（加在属性值后面，分号的前面，有些浏览器不识别）>行内样式>id>class>标签>继承 继承：宽和高不能继承 一般和文字相关的都能继承 超链接是特殊的 群组选择器权重是它本身 后代选择器是两者相加目的是让盒子横着排列注意：1.子元素的宽度（高度）相加不能大于父元素的宽度（高度） 2.浮动会引起盒子不占位，图片、文字、表单占位，一般用于图文混排 3.子元
2022-06-15 19:10:29
55
原创 前端打卡第五天
水平对齐：left（左边），right（右边），center（中间）垂直对齐：top（上边），bottom（下边），middle（中间）text-align：文本的水平对齐justify：两端对齐（针对多行）注意：text-align:center;得有剩余空间line-height：行高，可以加px，也可以不加单位，em指的倍数，上下间距一样简写（复合属性）：1.必须要有font-size和font-family；2.顺序：font：font-style font-weight font-size/lin
2022-06-15 16:22:27
54
原创 前端打卡第二天
/表示下一级../表示返回上一级px：像素（在html语法里，px可加可不加）插入图片时，如果只设置了宽度，没有设置高度，默认等比例缩放属性：title:鼠标悬停显示提示；alt:当图片加载失败时，显现，占用空间。主要用来实现页面和页面之间的跳转地址（路径）的找法和插入图片的路径方法是一样的自带特点：有下划线，文字是蓝色属性：title:悬停提示 href="#"为空链接，自动返回到页面最顶部规定在何处打开目标 URL。仅在 href 属性存在时使用。......
2022-06-11 15:54:43
85
原创 前端打卡第三天
选择器的是标签名称和自己取名字的那类元素统称以分号结束，最后一个属性值可加可不加多个属性加空格，换行不影响属性的显示：指的是声明，声明前面是属性，后面是属性值取的名字遵守命名规则 *{padding:0;magrgin:0;}:清除所有标签的四个内外间距（重置样式）6.包含选择器（后代选择器） 中间用空格隔开7.伪类选择器 a{默认状态} a:visited{访问后的状态} a:hover{鼠标悬停的状态} a:active{鼠标
2022-06-09 23:26:05
68
原创 前端打卡第一天
H5是HTML的第5个版本 H5是一门技术总称 1.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端） 2.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发） 3.Hybrid App(混合应用开发，手机应用 例如，支付宝，淘宝等) 4.Native App(原生应用开发，例如React Native 等框架的开发） 5.桌面应用开发（电脑软件） 6.游戏开发（例如，微信小游戏，其实
2022-06-07 20:55:48
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人