- 博客(31)
- 收藏
- 关注
原创 Vue指令
1. v-bind绑定class<style>.text{color:red;}.active{color:blue;}</style><divid="app"><h2class="text":class="{active:isactive}">{{red}}<...
2021-09-13 14:25:24
88
原创 Flex知识
1. flex-direction:(决定xy轴)row , row-reverse , column , column-reserve2. justify-content:(子元素排列)flex-start (左到右) flex-end(右到左)center (居中)space-around(平分剩余空间)space-between(先贴左右两边,中间平分空间)3. flex-wrap:(设置是否换行)(flex布局默认不换行,强行挤压在同一行)4. ...
2021-08-17 20:58:55
75
原创 Vuex 获取login用户名到main
1.安装 npm install vuex --save2.新建store index.js3.import Vuex from ’vuex‘4.//全局对象,用于保存所有组件的公共数据,类似数据库conststate={user:{name:''}};//监听state对象的值的最新状态(计算属性)取值constgetters={getUser(state){ret...
2021-08-11 11:48:53
365
原创 Vue.cli新建
Vue.create+文件名(创建一个项目)删除app.vue的样式,更改样式删除cli新建项目自带的文件删除about模块,新增login,新增router文件夹,负责路由跳转 path name component导入element ( npm i element-ui -s)在main.js 导入 import 使用 Vue.use...
2021-08-05 14:02:13
38
原创 js 数组添删练习 及 倒计时效果 简单复杂数据类型 堆和栈
//有一个包含工资的数组[1500,1200,2000,2100,1800],要求把超过2000的删掉,剩余放到新的数组vararr=newArray(1500,1200,2000,2100,1800);varnewarr=[];for(vari=0;i<arr.length;i++){if(arr[i]<2000){//new...
2020-12-07 13:43:59
186
原创 js 创建数组及添删 排序 冒泡 去重
//1.利用数组字面量vararr=[1,2,3];console.log(arr[0]);//2.利用newArray()//vararr1=newArray();创建一个空的数组vararr2=newArray(2);//数组里的2代表数组长度为2里面有2个空的数组元素console.log(arr2);...
2020-12-07 13:43:28
65
原创 js 内置对象 查文档 Math 索引 Date
js中对象分为 自定义对象 内置对象 浏览器对象前两种是JS基础内容(属于ECMAScript)第三种属于JS独有的(js API)内置对象:JS自带的的一些对象,可以提供一些常见的功能 Math Date Array String等...
2020-12-07 13:40:30
134
原创 js 数组 遍历 长度 最大值 案例 相加
/*1.数组(Array):一组数据的集合数组中的数据称为元素2.创建方式2种(1)利用new*/vararr=newArray();//创建了一个空的数组A大写/*(2)利用数组字面量最常用*/vararr=[];vararr1=[1,2,3,4,5,'PINK'];//数据一定要用,隔开索引号01234逐渐排列...
2020-12-07 13:35:04
316
原创 js 构造函数 new
js中对象分为 自定义对象 内置对象 浏览器对象前两种是JS基础内容(属于ECMAScript)第三种属于JS独有的(js API)
2020-12-07 13:32:47
208
原创 js 预解析 变量提升 函数提升
js引擎运行js 分为两步 1预解析 2代码执行预解析 : js引擎会把js里面所有的var 和 function 提升到当前作用域的最前面代码执行 : 按照代码书写顺序执行预解析(变量提升 函数提升)变量提升 : 把所有变量声明提升到最前面,不提升赋值操作eg: console.log(num); //js引擎运行则是 var num; 所以输出是undefined ...
2020-11-22 00:57:39
47
原创 js 函数 返回 作用域
return 终止函数 后面的代码不会被执行return num1,num2; //只会返回最后一个数 eg num2 要想返回多个值,通过数组的方法 return[ , , , , , ] break: 结束当前循环(如for while)continue:结束目前循环,跳到下一个循环中;return:结束当前循环,且能够返回return中的值,同时结束函数中的代码。...
2020-11-19 14:57:59
144
原创 js four 循环 continue break 数组冒泡 P112 函数
双重for循环 外层循环一次 内层全部执行一次for (){ while() //条件表达式为真才执行语句,假则退出 } }for重点...
2020-11-16 00:14:24
79
原创 js three 赋值 语句 断点
if语句 1if(表达式) { //执行语句}//第二个执行语句如果表达式为真,则执行第一个语句,反之则执行第二个。 2if(表达式){ //执行语句} else { //第二个执行语句}...
2020-11-01 15:34:12
75
原创 js two 比较 逻辑
前置递增++num;先加1 后返回值后置递增num++;先返回值,再自动加1 eg var num = 10;console.log(num++ + 10); //结果是20console.log(num); //结果是11;等于符号 == 默认转换数据类型,字符串型转为数字型 (只要求值相等)不等于!=eg console.log('16' = 16) true全等(值和数据类型都一致) === 不全等 !=...
2020-10-24 10:29:21
57
原创 js one
prompt 输入框alert 输出console.log 控制台输出var 定义变量isNaN() 用来判断非数字 是数字出现falseconsole.log(isNaN())
2020-10-19 09:38:42
159
原创 渐变 表单
background-image: linear-gradient(color,color)to leftto rightto topto bottomXXXdeg (deg 度数)可以决定渐变的方向linear-gradient(to top,color,color)渐变可以指定多个颜色
2020-08-30 17:43:12
112
原创 背景(下拉框P86 记得重复看) 解决多张效果图片闪烁 雪碧图
background-colorbackground-image:url(“./”)background-repeat可选值:repeat(X Y轴重复) repeat-x repeat-y no-repeat不重复background-position(必须指定2个值)top left bottom right center
2020-08-24 10:24:33
74
原创 图标字体 下载流程
让用户通过服务器下载字体加载@font-face{ font-family:‘’; src:url(服务器中字体位置) format(“truetype”)}加载问题版权问题(一定要免费的字体)图标字体(inconfont)font awesome网站下载库解压 将css和webfonts移动到项目中引入all.cssi 标签直接通过类名使用图标class=“fas fa-bell”class=“fab ...
2020-08-18 16:19:30
185
原创 绝对定位 粘滞定位 先定位后内容后大小后裁剪
position:absolutetop bottom left right开启后,脱离文档流改变元素性质。行内变块,块的宽高根据内容撑开提升元素层级相对于包含块(外边div)(如果上一层div开启定位 不脱离文档 定位将以上一层div)进行定位绝对定位的包含块:离它最近的开启了定位的祖先元素如果所有的祖先元素没有开启定位,定位将以初始点为起始点...
2020-08-17 20:53:12
106
原创 高度塌陷解决 定位
clear: 去除浮动效果的影响left right both(去除最大的浮动)::after 后置元素content:‘’ 空内容 撑开box1display:blockclear:bothafter*** 记得回顾 P67 P68定位 position(相对定位)relative:必须设置偏移值,才会移动位置 top bottom left right 相对初始位置 ...
2020-08-16 17:15:23
177
原创 第五 box-shadow 圆角 浮动
box-shadow:0px 0px 50px rgba(0 ,0 ,0 ,3)黑色阴影border-radius 用来设置圆角 50%圆形border-top-left-radiu 左上角 :x y border-top-right-radiu 右上角bottom left rightfloat 通过浮动让子元素在父元素下左右浮动left right浮动元素特点:1.浮动元素完全脱离文档流,不再占据原...
2020-08-14 17:52:30
281
原创 第三章 控件
外层:form控件:input type=“":决定当前是什么控件 text:输入框 password:密码框 checkbox:复选框 radio:单选框 file:上传控件 submit:提交控件 reset:重置控件表单没有嵌套规则,随意...
2020-08-03 16:38:33
84
原创 第一章 常见标签
strong:加粗em:斜体sup:字体上 上标sub:字体下 下标del:删除文本ins:插入文本 (eg: 促销 原价价格X del 现价ins)br:让文本换行hr:水平线绝对路径:相对路径:针对当前文件进行引入路径 (当文件转移了,引入失效) 同一个目录: 。/ 。。。 上一个目录: 。。/ 。。。跳转链接:a:href ...
2020-07-23 17:09:10
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人