- 博客(28)
- 收藏
- 关注
RSS订阅原创 npam安装删除插件
npm安装模块【npm install xxx】利用 npm 安装xxx模块到当前命令行所在目录；【npm install -g xxx】利用npm安装全局模块xxx；本地安装时将模块写入package.json中：【npm install xxx】安装但不写入package.json；【npm install xxx --save】 安装并写入package.json的"depende...
2020-01-03 21:56:59
175
原创 变量提升
js变量提升与函数提升的详细过程先来看两个栗子，下面的两段代码分别输出什么？// 代码段1function foo() {var a = 1;function a() {}console.log(a);}foo();// 代码段2function foo() {var a;function a() {}console.log(a);}foo();答案是：代码段1打印...
2019-12-07 10:11:39
135
原创 变量作用域和作用域链和闭包简介
变量 作用域 作用域链 闭包 this变量往作用域中储存数据为什么会有作用域？因为变量需要运行环境 ； 就是作用域1：全局作用域在浏览器或者程序刚开始运行时产生2：全局作用域销毁：在关闭浏览器或关闭程序时所以：我们声明的全局变量； 都是window 对象下的属性所以：js 中所有数据都在window下活跃所以： 全局作用域下最大的对象就是window 每次改变变量...
2019-12-06 23:31:53
167
原创 8位 没重复的随机数
Document // 作业第三题：// 1 截取字符，每次输出字符长度为8，且8个字符不重复出现// 2 刷新页面时候都随机出现8个字符var res1=’’;var str=“abcdefghijklmnopqrstuvwxyz0123456789”;for(var i=0;i<8;i++){var x=Math....
2019-11-29 19:10:46
280
原创 变量提升
数组中内置api用途:处理复杂的数据结构。对象数组字符串组合难点:数据打乱重组1： 对数据的基本操作：数组基本操作（增删改查） 对象基本操作 字符串基本操作（拼接 替换 删除 切割截取)数组基本操作1： 查 —》获取数组中数组 arr[index] for … 获取数据获取第一个 arr（0）最后一个 arr[arr.length-1]倒数第二个 arr...
2019-11-29 19:09:02
100
原创 Number和parselnt的函数转化
12、Number()函数转换规则：如果是Boolean值，true和false将分别被转换为1和0。如果是数字值，只是简单的传入和返回。如果是null值，返回0。如果是undefined，返回NaN。如果是字符串，遵循下列规则：如果字符串中只包含数字（包括前面带加号或头号的情况），则将其转换为十进制数值，即"1"会变成1，“123"会变成123，而"011"会变成11（注意：前导的零...
2019-11-22 20:48:00
1362
原创 下拉菜单
点我进入<div id="box"> <div id="text"> <a href="#"><button>取消</button></a> <p>我是内容</p> <p>我是内容</p> <p>我是内容</...
2019-11-21 22:59:30
93
原创 媒体查询
body{background-color:black;}/* @media 媒体查询关键字and 条件链接 ：且偶然 或 /@media screen and (max-width: 320px){/ 屏幕宽度小于等于320 */body{background-color:crimson;}}@media screen and (max-width: 4...
2019-11-21 22:58:03
555
原创 旋转正方形
body{ perspective: 1700px; position: relative;}.baa{ width: 300px; height: 300px; position: absolute; top: 200px; left: 200px; transform-style: preserve-3d; animatio...
2019-11-21 22:57:09
196
原创 js变量表达式总结
变量变量作用： 存储数据变量名一经声明不能改变声明变量的个数； 由var决定变量的使用： 用的是变量存的数据 ； 用的是上面最近的一次赋值变量存在哪里变量的作用域变量提升数据1: string2number3boolean4undefined5null6arrayobjectfunction::::运算符1： （)2; 算术运算符 +...
2019-11-21 22:53:55
1214
原创 switch以语句
// var res = prompt()// res =parseInt(res)// // switch case 应用： 1个条件可能有多个结果的时候// if的条件可以为多个 但结果只能是true// // 条件： 不一定非要表达式// // // switch(res){// // 1：条件；用户输入的水果// case...
2019-11-21 22:52:39
103
原创 if语句
// 语句中的内容全是表达式 /** * 条件句语法 if(判断条件){ 符合条件；执行代码 } else{ 不满足执行这里。可省略 神略作用： 条件不执行 直接越过 } 2： 嵌套结构： 通过逻辑： 条件 层层筛选 层次太多性能不好 if（条件1）{ ...
2019-11-21 22:51:11
132
原创 js运算规则
//小括号>算术运算符>比较运算符>逻辑运算符>赋值运算符//1: 小括号 第一// 2：全体单目第2 ++ – ！ {单目 只有一个操作数和操作符就可以运算的}//3： 乘除 余% 第3 加减 第4// 4： 位移（<< >>)第5 关系（ < > <= >=) 第6//5： ...
2019-11-20 19:50:18
102
原创 parseFloat运算
// 除0 null '' undefined nan 为1false 其他都为true // 隐式转化： 有比较运算符 返回结果true false // 逻辑运算符 先将操作符转化为boolean类型在惊醒运算 // && 返回多个草果符中 第一1个false的数据 // || 返回多个操作符； 第一个转为true 的...
2019-11-20 19:34:38
392
原创 各种运算用法实列
// 1:求值。要求写出运算过程》var x = 0; var y = 0;var z = 1;x = (y++ + ++y)*z;/* x= (0+2)*1 = 2 */z += ++y/*z = z + ++y = 1 +3 = 4*/// 2:求下面那个数据发生的类型转化；转化结果是什么？var num = ''+1;// 1 -->'1' n...
2019-11-20 19:33:01
73
原创 undefined和null的区别
<!-- 变量使用： 1： 看到不是数据的字母 一定是 使用变量 2 在自己的作用域中找，距离它最近的一次赋值为多少，就使用 3 如果没找到 那么 报错 xxx is not defined 4 找到了没有值 那么用的是 undefined --> <script>/* 3.undefinedundefined也是一个特殊的数...
2019-11-20 19:31:16
104
原创 逻辑运算符
/* ! 非 在单目运算中 ！优先如果一个操作数是一个对象，返回false;如果一个操作数是一个空字符串，返回false;如果一个操作数是一个非空字符串，返回false;如果一个操作数是一个数值0，返回true;如果一个操作数是任意的非零字符，返回false; 不是0的数如果一个操作数是null，返回true;如果一个操作数是NaN，返回true;如果一个操作数是undefin...
2019-11-20 19:29:34
201
原创 太阳系
Document}.mercuryOrbit{width: 180px;height: 180px;border: 1px solid #cccccc;top: calc(50% - 90px);left: calc(50% - 90px);}.mercury{width: 10px;height: 10px;backgroun...
2019-11-16 17:55:23
138
原创 字体大小
{padding: 0;margin: 0;}body {width: 100%;}.step-wrap {width: 55rem;height: 100px;margin: 5% auto;padding: 20px;border-radius:7px;border: 1px solid #ebebeb;}.step-wrap:hover{box-shado...
2019-11-11 19:45:31
87
原创 导航各种样式
/*导航 不兼容移动端/.nav{display: block;width: 100%;/ 高度不可以受到限制 /}.nav,.nav>ul{padding: 0px 10px;}.nav>ul>li{/ display: inline-block; /list-style: none;float: left;}.nav::after{con...
2019-11-11 19:44:07
180
原创 开关样式.css
input[type=checkbox].switch{outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;position: relative;width: 2.8rem;height: 1.48rem;border: 1px solid #ccc;background-co...
2019-11-11 19:41:49
161
原创 element组件
布局.container.container-fluiner.form-group 表单组建；默认宽度100%.form-inline 横向的表单； display ：inline-block.form-control 表示表单控件.examInputEmail 邮箱.examInputPassword 密码.examInputUsername 用户名.select ...
2019-11-04 21:19:07
456
原创 boodstrap组建
布局类的标签： 头部标签 主题标签 侧边栏标签 导航标签 段落章节 网站底部 定义文章 尽量少使用div表单的标签： 表单标签 单行文本标签 text文本类型 password 密码类型 submit提交按钮 email 邮箱地址 hidden 隐藏 &nb...
2019-10-24 21:30:02
323
原创 元素分类
根元素分类： id属性：以id形式选取元素 class属性：以class形式选取元素 title属性： 鼠标悬停的时候显示的描述文字 style属性:行内样式 contentedtable属性：可编辑的内容区域，一般用来制作文本编辑器 data-*：临时在标签元素上存储数据 hidden：使标签元素隐藏，占据空间...
2019-10-24 21:26:50
73
原创 动画库css样式
/* 写属于自己的动画样式库（参考animate。css动画库）// 通常基础类作用，为默认情况 其他情况可以按需修改默认情况（重新赋值过程）// 定义基础类 /.animation{ / 执行所有动画名字 / &...
2019-10-23 18:57:37
143
原创 盒子模型
第 1 个长度值定义元素的阴影水平偏移值。正值，阴影出现在元素右侧；负值，则阴影出现在元素左侧3. length②：第 2 个长度值定义元素的阴影垂直偏移值。正值，阴影出现在元素底部；负值，则阴影出现在元素顶部4. length③：第 3 个长度值定义元素的阴影模糊值半径（如果提供了）。该值越大阴影边缘越模糊，若该值为0，阴影边缘不出现模糊。不允许负值5. length④：第 4 个长度值定义元素...
2019-10-23 18:52:59
80
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人