- 博客(23)
- 收藏
- 关注
RSS订阅原创 nodejs
npm 应用商店 安装： 1。进入nodejs官网 http://nodejs.org/en下载安装nodejs。 2.在开始菜单找到cmd黑窗口输入 node -v 查看版本号。 3.输入node进入执行环境 即可写js代码，确认安装成功。 使用： 1在vscode选中文件，右键在终端中打开或者在js文件所在的文件夹，在文件夹的地址栏中输入cmd，在终端中输入node index.js即可执行代码 npm使用： 本地安装axios方法 1.进入项目文件夹 cd文件夹 2.初始化 npm init -y;自
2020-06-30 20:36:07
154
原创 什么是闭包，闭包的作用是什么
我们有时候需要在一个函数外部拿到在这个函数内部定义的局部变量，就需要在一个函数内部再定义一个函数，通过return返回到函数外部，从而实现我们的需求。在这个过程中就形成了闭包 所以说，闭包可以简单理解成“定义在一个函数内部的函数“。在本质上，闭包就是将函数内部和函数外部连接起来的桥梁。 闭包的另一个作用就是让这些变量的值始终保持在内存中，不会在外部函数调用后被自动清除。 缺点： 由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致...
2020-06-21 16:39:27
1391
原创 js中非常重要的一个数据类型-数组
数组： 1.什么是数组：数据的组合，一组数据，当需要操作多个类似数据时，可以给 数据打包，数组。 数组其实也是对象，只是存储数据的形式不一样 数组表示数据的有序集合 1.如何得到数组： 字面量创建 var arr = []; console.log(arr); console.log(typeof arr); 类型object 构造函数创建 var arr = new Array(); console.log(arr); console.log(typeof arr); 类型object 数组写
2020-06-06 10:58:58
233
原创 bom的相关操作
一 浏览器的弹出层 alert： 在浏览器弹出一个提示框，（这个弹出层是一个提示内容，只有一个确定按钮，点击确定按钮以后，这个提示框就消失了） prompt：在浏览器弹出一个对话框，（这个弹出层有一个输入框和两个按钮，当你点击取消的时候，得到的是null，当你点击确定的时候得到的是你输入的内容） confirm： 在浏览器弹出一个选择框，（这个弹出层有一个询问信息和两个按钮，当你点击确定的时候就会得到true点击取消的时候就会得到false） 浏览器的历史记录： history.go（num）函数–num
2020-05-10 23:02:01
166
原创 数据类型的转换和运算符
一、数据类型的转换 为什么要转换？ 如果，用户或者计算机给了一个数据并不是我们当前程序所需的数据类型，那就需要转换； 数据类型的转换方法（2种） 强制转换（主动转换） 常用到的就是字符和数值之间的相互转换 a、 字符转数值 parseInt(要转换的数据或变量) - 从左向右依次检测，遇到第一个非数字的字符，停止转换 - 忽略小数点后所有的内容，其实是将小数点识别成了非数字 - 如果第一位就是非...
2020-04-24 09:35:42
300
原创 媒体查询，移动端准备工作
媒体查询：由设备类型、检测设备特性表达式构成 语法：@media 设备类型[all\screen] and (条件表达式){css样式} and两侧必须有空格 not放在设别类型的前面（反向选择，排除某个范围） 媒体查询：作样式微小调整 如浮动、显示隐藏、文本大小、宽高 移动端准备工作 a. meta标签的设置：视口1：1比例 禁止用户缩放 b. retina屏 视网膜高清显示屏 ppi：每英寸所...
2020-04-24 09:27:45
163
原创 弹性盒模型，多列
怪异盒模型： 触发怪异盒模型： box-sizing: border-box; 怪异盒模型的特点：padding和border都会在元素的宽高内部 弹性盒模型： 弹性盒子：布局方案。 作用：控制离他最近的一层子元素，布局方式 特点：（1）弹性盒子里边的离他最近的一层子元素都可以添加大小 （2）如果想让弹性盒...
2020-04-14 18:38:17
495
原创 Css3属性
1文本阴影： text-shadow：x轴位置 y轴位置 阴影大小 阴影颜色 注：如果想添加多个阴影，每一组阴影以逗号隔开。 2盒子阴影： box-shadow：x y 阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影（inset 可选） 注：如果想添加多个阴影，每一组阴影以逗号隔开。 3文本换行： word-wrap:break-word;（功能：尝试把长单词或者 url 地址换...
2020-04-13 21:23:49
97
原创 CSS3
一，渐进增强/优雅降级：css3存在一些浏览器不能识别的语法规则，为了考虑兼容 渐进增强：从最基本的版本开始，保证最基本的功能的实现，然后在针对性的考虑高版本，提升用户体验 优雅降级：开始就构造特别完美的需求方案，在针对性的，减少用户体验，向低版本过渡 二，css属性选择器：通过html属性选择对应的标签 1.选择符[属性名]{ } 当一个元素有当前html属性值名称则匹配成功 2. 选择符[属...
2020-04-12 21:06:35
132
原创 H5新增
1html里语义化结构标签： section 更偏于划分区域网页外围结构类似div article 更偏向于内容的展示 aside 侧边连 header 网页头部或者内容块的头部 footer 网页的底部或者内容块的底部 nav 导航区域 figure 代表一个独立的区域 figcaption figure 区域的标题 main 主体区域 IE不兼容 hgroup 标题组 mark 高亮...
2020-04-12 20:51:34
151
原创 3d,动画
3d功能函数： 3d位移 3d缩放 3d旋转 形成3d空间(让父元素形成3d空间、3d舞台)： transform-style:preserve-3D 1.3d位移： transform:translate3d(x,y,z); transform:translateZ(); 2.3D旋转：rotateZ(); rotate3d(x,y,z,度数) x y z 是矢量值，0不旋转 1旋转 3.3D缩...
2020-04-12 19:47:55
443
原创 2d
2d功能函数：2d的位移， 2d的旋转，2d的倾斜，2d的缩放 2d的位移：transform：translate（x，y）； transform：translateX（x轴移动的距离） transform：translateY（y轴移动的距离） 2D的缩放： transform:scale(x,y); x ， y 这两个参数为一个数字，大于1放大 小于1缩小 transform:scale...
2020-04-07 17:56:43
190
原创 渐变+过渡
1.浏览器前缀 很多css属性，最初的六篮板没有形成最终的正式版，但浏览器为了对这些新属性形成支持，主流浏览器提供属于自己的语法规则“浏览器前缀” -webkit- 谷歌、苹果浏览器前缀 -moz- 火狐浏览器前缀 -ms- IE浏览器前缀 -o- 欧鹏浏览器前缀 添加浏览器前缀：兼容模式 不添加浏览器前缀：标准模式 2.渐变 背景色在多个颜色之间平稳的过渡 线性渐变：从一个方向到另一个方向的颜色...
2020-04-07 16:57:11
240
原创 表格表单补充及BFC
1.表格标签的补充： a.表格的数据分组< thead>< thead> 表头 < tbody>< /tbody> 表体 < tfoot>< /tfoot> 表尾 一个表格有一个表头和表尾，但可以包含多个表体 b.列标题标签< th>< /th> 默认的样式：左右居中 文本加粗 c.表格标题< c...
2020-04-01 20:51:06
156
原创 前端自学-高度坍塌出现的场景及解决方法
高度坍塌出现的场景： 当子元素有浮动，父元素没有高度的时候，父元素会出现高度坍塌 注：浮动的子元素不会撑开父元素的 height 或者是min-height。 解决高度坍塌的方法： 1：给出现高度塌陷的元素添加：overflow:hidden; 原理：overflow:hidden;触发了一个 BFC(布局逻辑) BFC规定：计算BFC高度时候，浮动元素也参...
2020-03-31 18:17:51
234
原创 定位
position：static，absolute，relative，sticky position：fixed；固定定位 a:参照物，浏览器窗口。 b：不占据空间脱离布局流。 让一个元素在浏览器窗口左右上下居中： 方法一：position：fixed； left：50% top：50% margin-left：-元素宽度一般； margin-top：-元素高度一般； 方法二：position：fi...
2020-03-30 13:21:16
107
原创 元素类型里的一个特殊的元素类型（行内块元素）和定位
行内块元素特点： 1可以设置宽高 2在一行内逐个显示 3当前元素的display的值为inline-block能支持vertical-align属性 vertical-align：；垂直对齐。 top（顶部对齐），bottom（底线对齐），middle（中线对齐），baseline（基线对齐） 让一个元素在父元素里面左右上下居中方法： 1：给父元素添加text-align：center （左右居中...
2020-03-27 21:11:42
334
原创 新闻列表流程
新闻列表的流程: 1:结构： a:如果新闻后面有时间： li a href="#">新闻条新闻条新闻条新闻条新闻条a span2020-03-25span li b:如果没有时间 li a href="#“”>新闻条新闻条新闻条新闻条新闻条a li 2: 给li添加宽高，高度量取的时候，量行高就行。 3: 给新闻内容a 和 时间的span 添加浮动。一左一右 ...
2020-03-26 22:47:20
159
原创 元素类型
css的显示对标签分类： 块状元素 内联元素（行内元素） 第三类（争议点）：a：可变元素 b：行内块元素 元素类型分类：块状元素，内联元素，可变元素。 注：把行内块元素归在内联元素这一类里边。 默认情况下元素类型每个类型特点： 块状元素特点： a：在页面中以矩形区域显示。 b:自上而下排列，独占一行。 c：可以直接添加宽高。 d:一般情况下，作为其他元素或内容的容器 内联元素特点： a:在页面中最...
2020-03-26 22:42:40
213
原创 padding和margin的用法
padding的用法： 1: padding是长在内容和盒子之间的，在盒子内部。 2：padding是为了调整 子元素 在 父元素里面位置关系。 3：padding的特点：padding值会把盒子撑大。 4：如果想让盒子保持原有大小，需要在宽高的基础上减掉padding值。 5：给单一方向设置padding值： padding-lef...
2020-03-24 19:27:59
1127
原创 css选择符权重及css文本属性
选择符的权重： id > class > 标签 四个数字表示权重： 内联样式表 -> 1000 id -> 100 class -> 10 标签 -> 1 伪类选择符 -> 10 通配符 -> 0 包含选择符的权重为权重之和 ...
2020-03-20 21:56:13
174
原创 css样式表权重关系及css选择器的特点及应用
css样式表的权重关系： 内联样式表的权重最大！ 内部和外部样式的权重，和书写的前后顺序有关。（放在后面的会把放在前面的样式覆盖掉,覆盖的只是相同属性的样式，不同属性的样式会继续执行。） !important -> 当前声明具有最高权重！ 语法：background:red!important; css语法: 选择符{属性：属性值;} 一：类型选择符（标签选择符） 所有的html...
2020-03-19 21:27:59
360
原创 html表格知识点
html表格的作用： 显示数据 每一个表格都是一个table ，tr：行 td：列 html的属性 width（宽）height（高）border（边框）bordercolor（边框颜色） cellspacing=" " 相邻单元格边框间的间距 cellpadding=" “内容距离边框之间的间距 align=” “水平对齐方式 属性值： left center right vali...
2020-03-18 22:13:18
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人