- 博客(33)
- 收藏
- 关注
RSS订阅原创 JavaScrip作用域
作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期变量的作用域有两种全局作用域局部作用域一，全局变量二，局部变量三，闭包闭包就是为了 访问函数内部的变量在函数的内部，再定义一个函数函数2被包括在1内部，1内部的所有局部变量，对2都是可见的JS特有的"链式作用域"结构（父对象的所有变量，对子对象都是可见的，反之则不成立）把内部函数作为返回值闭包的缺点 ★闭包会在父函数外部，改变父函数内部变量的值...
2022-05-01 19:52:34
132
原创 Math对象
ceil对小数进行上舍入（向大的数跑）floor对小数进行下舍入（向小的数跑）round把数四舍五入为最接近的数★ 在负数的情况下，当小数位是5的时候，不会五入，会舍去random返回0.0~1.0之间的随机数（包括0，不包括1）pow底数,几次方法Math.pow(2,3) ==> 2*2*2=8Math.floor(Math.random() * (max - min+1)) + min; //含最大值，含最小值.
2022-04-28 18:57:13
238
原创 String的其他方法
一，toLowerCase把字符串转换为小写二、toUpperCase把字符串转换为大写三， substring四，slice(start,end)五，substr(start,length）六，es6 模板字符串整体用 ` ` 反引号包裹 字符串正常写 遇到变量用${}包裹一下即可...
2022-04-27 18:20:17
109
原创 String常用方法与属性
使用构造函数String实例化出一个字符串对象 使用这种方式创建的是字符串对象 是对象类型 concat可以把两个字符串拼接起来生成一个新的字符串replace用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串let nstr = str.replace('l','-');split把以-分割的字符串，转成数组lastIndexOf()返回一个指定的字符串值最后出现的位置...
2022-04-26 19:41:19
190
原创 Js中Date对象的使用
一，Date二，Date常用方法1.getFullYear()2. getMonth()3.getDate()4.getDay()5.getHours()6.getMinutes()7.getSeconds()二， 时间戳第一种获取毫秒数的方式let oDate = new Date();document.write( '1970年1月1日到现在的毫秒数：'+oDate.getTime() +'<br&...
2022-04-25 19:38:36
85
原创 JavaScrip对象和数组
一，obj[key]小练习obj[key] 一个按钮 点击 弹出prompt 猜猜保时捷的颜色用户输入之后 给obj添加属性color 值就是用户输入的颜色开始循环对象，如果color的值是红色，则alert('恭喜你猜对了')否则就提示 alert('你猜错请刷新页面继续猜')二，concat合并两个数组并生成一个新数组（不会改变原数组）关于concat的小练习原来有个数组 let arr = ['奥迪','...
2022-04-23 22:02:14
91
原创 JavaScrip对象
JS中的所有事物都是对象内置对象：Array：用于在单独的变量名中存储一系列的值Date：用于操作日期和时间String：用于支持对字符串的处理Math：用于执行常用的数学任务，它包含了若干个数字常量和函数自定义对象对象是带有属性和方法的特殊数据类型对象名.属性名称对象名.方法名称(参数表)1.删除一个对象的属性2.利用构造函数Array的方式来创建一个数组3.arr.push向末尾添加一个或者更多元素4.使用jo...
2022-04-22 13:43:21
57
原创 JavaScript循环
金字塔作业一，breakbreak语句用于终止某个循环，使程序跳到循环块外的下一条语句在循环中位于break后的语句将不再执行break 语句不仅可以用在for循环中，也可以用在其他循环中break用于终止循环在break后的语句不再执行二，continue用于循环continue语句只能用在循环结构中continue退出本次循环，继续后面的循环九九乘法表...
2022-04-21 14:45:28
922
原创 JavaScript函数
一，do-while循环特点：先执行，再判断 至少执行一次循环的优势解决重复操作减少代码编写量，使代码结构清晰增强代码的可读性二，函数函数的含义：程序的基本单元，是完成特定任务的代码语句块函数分类：系统函数（如parseInt()）、自定义函数（如luck()）函数的特征：实现一定的功能 可以返回一个结果 return 可以有参数定义一个fn函数a和b 叫做形式参数形式参数可以理解为是变量的意思函数是一等公民...
2022-04-20 17:27:48
128
原创 JavaScript中var、let和const的区别
一.var后一个变量会把前一个变量的覆盖二.let变量不会被重复声明三.const常量是不可以被改变的值For循环小练习：你使用prompt 让同学输入一个想学习的科目 你输入前端 如果里面有前端这个科目 就返回 恭喜这个科目可以学习，没有这个科目 ，例如你输入物理，页面显示不好意思这个课程没有开展...
2022-04-19 20:53:46
717
原创 JavaScript条件语句
一， 逻辑运算符&&(与号) 可以理解为都的意思||(或号)输出语句if语句条件一满足就执行JavaScript语句1，然后程序停止；不满足条件一，则继续比对条件二，满足就执行JavaScript语句2，不满足继续向下找；如果前面的条件都不满足，则输出最后的else里面的JavaScript语句。switch语句还有一个小知识点...
2022-04-18 18:40:07
302
原创 JavaScript
一，使用方法1.内置2.直接在html中使用3.外部引入js二，数据类型undefined 默认值null 空值number 数字类型bollean 布尔型： true和falsestring 字符串类型三，赋值运算...
2022-04-17 17:26:19
336
原创 CSS中居中显示的方式
1.行内元素实现水平和垂直居中的方式2.使用弹性模型实现水平 垂直居中3.可以采取绝对定位配合margin的方式实现这种方式有缺陷 需要知道固定的宽度和高度才行4.可以采取借助css3的变形属性Transform来完成...
2022-04-15 17:54:19
850
原创 CSS样式之响应式布局（媒体查询）
1.媒体查询媒体查询（Media queries）1.移动设备的快速普及完全颠覆了Web设计领域。 用户不再仅在传统桌面系统上查看Web内容，他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。2.Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错，在小型的电话以及介于它们之间的各种设备上看起来也不错。（说白了就是不同大小显示器web适配问题。CSS2中也有媒体查询，CSS3在此基础更加丰满）1.1语法规范1.用@media开通 注意@符号2.screen表.
2022-04-14 17:57:31
405
原创 CSS Flex布局部分属性补充
1.定义项目排列顺序（order）order 定义项目的排列顺序。数值越小，排列越靠前，默认为02.align-self交叉轴上对齐方式，允许单个项目有与其他项目不一样的对齐方式align-self：flex-start；单个水平居上对齐 默认水平对齐方式align-self: flex-end;单个水平居下对齐3.Flex-growflex-grow定义项目的放大比例，默认值为0.即如果存在剩余空间，也不放大，主要作用，分配剩...
2022-04-13 18:47:15
408
原创 CSS中flex样式
Flex是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”水平主轴（main axis）垂直交叉轴（cross axis）项目默认沿主轴排列作用：1.它能够更加高效方便的控制元素的对齐、排列2.可以自动计算布局内元素的尺寸，无论这个元素的尺寸是固定的还是动态的3.控制元素
2022-04-12 15:29:45
208
原创 CSS animation 属性
animation 属性animation实现动画主要由两个部分组成通过类似Flash动画的关键帧来声明一个动画在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果六个属性1.animation-name 由@keyframes创建的动画名称2.animation–duration 过渡时间3.animation-timing-function 过渡方式4.animation-delay 延迟时间5.animation-direction 动画的播放方向
2022-04-11 21:36:18
258
原创 CSS动画中的样式中的过渡属性
1.什么是过渡属性？过渡属性是一个不需要web前端使用js语言去编写程序，直接使用css样式就可以实现简单的动画效果。在该属性的加持下，可以让一些动画效果看起来更加顺滑。transition CSS属性其实是 transition-property（过渡或动态模拟的CSS属性） ， transition-duration（完成过渡所需要的时间） ，transition-timing-function （指定过渡函数） 和 transition-delay（过渡开始出现的延迟时间） 的一个简写属性。
2022-04-10 22:15:58
770
原创 css的定位解析
1.相对定位（relative）格式：position: relative;相对自身原来位置进行偏移偏移设置：top、left、right、bottom通过指定偏移，到达新的位置后，定位的盒子还在原先的文档流里，对它的父级以及相邻的盒子都没有影响，它原来的位置也会保留下来举个例子：先设置三个div的盒子，这样会更直接感觉到区别，然后再给a1设置相对定位，但是注意第三没有把第二的位置给占掉，说明它原来的位置也会保留下来2.绝对定位（absolute）格式：po...
2022-04-08 18:16:57
136
原创 CSS3的变形属性
CSS3变形是一些效果的集合如平移、旋转、缩放、倾斜效果每个效果都可以称为变形（transform），它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化设置变形函数，★ 可以是一个，也可以是多个，中间以空格分开transform:[transform-function] ;1.translate（2D位移）平移函数，基于X、Y坐标重新定位元素的位置translate(tx,ty); tx X轴（横坐标）移动的向量长度 ty Y轴（...
2022-04-07 17:28:03
583
原创 浮动属性以及清除浮动，防止父级边框塌陷的方法
1.浮动属性left 元素向左浮动right 元素向右浮动none 默认值，元素不浮动浮动就是制定一个元素沿容器的左侧或右侧位置，允许文本元素和内联元素环绕它。该元素从网页的正常流动（文档流）中移除，尽管仍然保持部分的流动性没有浮动前：向左浮动后：1.1 clear属性用于清除浮动元素产生的空间，属性值包括：left（清除左浮动空间）,right（清除右浮动空间）,both（清除左右浮动空间）2.解决父级边框...
2022-04-06 19:03:04
967
原创 CSS3背景渐变和文本阴影
1.线性渐变线性渐变--linear gradients，表示颜色沿着一条直线过渡，比如从左到右，从右到左，从上到下等渐变默认方向为从上到下，即to bottom，可省略不写2.径向渐变径向渐变-radial gradients，即从圆心向外辐射产生的渐变过渡。3.文本阴影text-shadow向文本添加阴影3.1超出部分显示省略号...
2022-04-05 19:21:33
448
原创 HTML新增的元素
1.input类型-number2.input类型-range（范围，进度条）3.Dake pickers类型4.表单的初级验证
2022-04-01 16:35:56
72
原创 CSS的权重问题
1.html5新增元素属性2.HTML废除的标签3.CSS高级选择器3.1 first-of-type选择属性其父元素的首个<p>元素的每个<p>元素3.2 last-of-type选择属性其父元素的最后<p>元素的每个<p>元素3.3 only-of-type选择属于其父元素唯一的 <p> 元素的每个 <p> 元素3.4first-childlast-chi...
2022-03-31 17:11:55
255
原创 HTML5 的新增特性
HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等全是div的布局：不利于网站对访客的易用性.不利于搜索引擎或者爬虫软件建立索引.不便于后期的代码维护1.新增的结构元素...
2022-03-30 17:31:30
883
原创 CSS的元素显示模式
1.盒子组成盒子 = 盒子的内容（content）+ padding + border + margin2.块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等块元素的特点块级元素会独占一行，其宽度自动填满其父元素宽度块级元素可以设置高度，宽度、外边距以及内边距3.行内元素（内联元素）常见的行内元素有 <a>、<strong>.
2022-03-29 18:08:30
98
原创 CSS盒子模型
1.盒子模型的组成所谓的盒子模型：就是把 HTML 页面中的布局元素看作是一个盒子，一个可以盛装东西的盒子主要是由边框、外边距、内边距、和 网页元素（content)组成。2.边框2.1边框的颜色2.2边框的粗细（border-width）单位是px。它是一个复合属性。2.3边框的类型（border-style）属性表示边框样式。它也是一个复合属性。3.外边距属性用于设置外边距，即控制盒子和盒子之间的距离。大佬们，求指导...
2022-03-28 18:16:20
266
原创 CSS的背景属性和链接伪类选择器
1.文本修饰2.垂直的对齐方式3.超链接伪类伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover 、 :first-child 。
2022-03-27 14:04:25
272
原创 CSS的高级选择器
1.层次选择器层次选择器 ：后代选择器，子选择器，相邻兄弟选择器，通用选择器1.1后代选择器后代选择器两个选择符之间必须要以空格隔开，中间不能有任何其他的符号插入空格可以多 但是不可以插入其他的符号以免造成干扰1.2 子选择器> 左右可以添加空格E>F 选择匹配的F元素，且匹配的F元素是匹配的E元素的子元素1.3 相邻兄弟选择器E+F 相邻兄弟选择器 选择匹配的F元素，且匹配的F元素紧位于匹配的E元素后面所谓相邻兄弟选择器，就是把当前元素的下.
2022-03-24 17:38:50
598
原创 CSS标签及样式
1.CSS的概念及优势2. style标签3. CSS的基本语法结构4.css的外部样式5.css的内部样式6.行内样式7.优先级（就近原则）8.CSS基本选择器9.标签选择器10.类选择器11.ID选择器12.基本选择器的优先级...
2022-03-23 16:11:04
278
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人