vhkuhdf的博客

原创 移动端一些情况

完美解决弹出页面弹出层时背景可滚动问题_WorkHard的博客-CSDN博客

原创 Vue指令

1. v-bind绑定class<style>.text{color:red;}.active{color:blue;}</style><divid="app"><h2class="text":class="{active:isactive}">{{red}}&lt...

原创 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. ...

原创 常见鼠标事件

原创 Vuex 获取login用户名到main

1.安装 npm install vuex --save2.新建store index.js3.import Vuex from ’vuex‘4.//全局对象，用于保存所有组件的公共数据，类似数据库conststate={user:{name:''}};//监听state对象的值的最新状态（计算属性）取值constgetters={getUser(state){ret...

原创 Vue.cli新建

Vue.create+文件名（创建一个项目)删除app.vue的样式，更改样式删除cli新建项目自带的文件删除about模块，新增login，新增router文件夹，负责路由跳转 path name component导入element （ npm i element-ui -s）在main.js 导入 import 使用 Vue.use...

原创 Dom

原创 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...

原创 js 创建数组及添删 排序 冒泡 去重

//1.利用数组字面量vararr=[1,2,3];console.log(arr[0]);//2.利用newArray()//vararr1=newArray();创建一个空的数组vararr2=newArray(2);//数组里的2代表数组长度为2里面有2个空的数组元素console.log(arr2);...

原创 js 字符串查找和练习

速度

原创 js 内置对象 查文档 Math 索引 Date

js中对象分为 自定义对象 内置对象 浏览器对象前两种是JS基础内容（属于ECMAScript）第三种属于JS独有的（js API）内置对象：JS自带的的一些对象，可以提供一些常见的功能 Math Date Array String等...

原创 js 数组 遍历 长度 最大值 案例 相加

/*1.数组（Array）：一组数据的集合数组中的数据称为元素2.创建方式2种(1)利用new*/vararr=newArray();//创建了一个空的数组A大写/*(2)利用数组字面量最常用*/vararr=[];vararr1=[1,2,3,4,5,'PINK'];//数据一定要用,隔开索引号01234逐渐排列...

原创 js 构造函数 new

js中对象分为 自定义对象 内置对象 浏览器对象前两种是JS基础内容（属于ECMAScript）第三种属于JS独有的（js API）

原创 js 对象 函数 变量

对象：一组无序的相关属性和方法的集合，eg字符串、数值、数组、函数等对象组成： 属性(常用名词) 方法(常用动词)

原创 js 预解析 变量提升 函数提升

js引擎运行js 分为两步 1预解析 2代码执行预解析 ： js引擎会把js里面所有的var 和 function 提升到当前作用域的最前面代码执行 ： 按照代码书写顺序执行预解析（变量提升 函数提升）变量提升 ： 把所有变量声明提升到最前面，不提升赋值操作eg： console.log（num）； //js引擎运行则是 var num； 所以输出是undefined ...

原创 js 函数 返回 作用域

return 终止函数 后面的代码不会被执行return num1，num2； //只会返回最后一个数 eg num2 要想返回多个值，通过数组的方法 return[ , , , , , ] break： 结束当前循环（如for while）continue：结束目前循环，跳到下一个循环中；return：结束当前循环，且能够返回return中的值，同时结束函数中的代码。...

原创 js four 循环 continue break 数组冒泡 P112 函数

双重for循环 外层循环一次 内层全部执行一次for （）{ while（） //条件表达式为真才执行语句，假则退出 } }for重点...

原创 js three 赋值 语句 断点

if语句 1if（表达式） { //执行语句}//第二个执行语句如果表达式为真，则执行第一个语句，反之则执行第二个。 2if（表达式）{ //执行语句} else { //第二个执行语句}...

原创 js two 比较 逻辑

前置递增++num；先加1 后返回值后置递增num++；先返回值，再自动加1 eg var num = 10；console.log（num++ + 10）； //结果是20console.log（num）; //结果是11；等于符号 == 默认转换数据类型，字符串型转为数字型 （只要求值相等）不等于！=eg console.log（'16' = 16） true全等（值和数据类型都一致） === 不全等 ！=...

原创 js one

prompt 输入框alert 输出console.log 控制台输出var 定义变量isNaN() 用来判断非数字 是数字出现falseconsole.log（isNaN（））

原创 动画css

left + margin-left + width + margin-right + right = 可视窗口的大小

原创 渐变 表单

background-image： linear-gradient（color，color）to leftto rightto topto bottomXXXdeg (deg 度数）可以决定渐变的方向linear-gradient（to top，color，color）渐变可以指定多个颜色

原创 背景（下拉框P86 记得重复看） 解决多张效果图片闪烁 雪碧图

background-colorbackground-image：url（“./”）background-repeat可选值：repeat（X Y轴重复） repeat-x repeat-y no-repeat不重复background-position（必须指定2个值）top left bottom right center

原创 图标字体 下载流程

让用户通过服务器下载字体加载@font-face{ font-family：‘’； src：url（服务器中字体位置） format（“truetype”）}加载问题版权问题（一定要免费的字体）图标字体（inconfont）font awesome网站下载库解压 将css和webfonts移动到项目中引入all.cssi 标签直接通过类名使用图标class=“fas fa-bell”class=“fab ...

原创 绝对定位 粘滞定位 先定位后内容后大小后裁剪

position：absolutetop bottom left right开启后，脱离文档流改变元素性质。行内变块，块的宽高根据内容撑开提升元素层级相对于包含块（外边div）（如果上一层div开启定位 不脱离文档 定位将以上一层div）进行定位绝对定位的包含块：离它最近的开启了定位的祖先元素如果所有的祖先元素没有开启定位，定位将以初始点为起始点...

原创 高度塌陷解决 定位

clear： 去除浮动效果的影响left right both（去除最大的浮动）：：after 后置元素content：‘’ 空内容 撑开box1display：blockclear：bothafter*** 记得回顾 P67 P68定位 position（相对定位）relative：必须设置偏移值，才会移动位置 top bottom left right 相对初始位置 ...

原创 第五 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.浮动元素完全脱离文档流，不再占据原...

原创 第四 div

div tr设置行间距border-collapse：separate；border-spacing：Xpx Xpx；

原创 第三章 控件

外层：form控件：input type=“"：决定当前是什么控件 text：输入框 password：密码框 checkbox：复选框 radio：单选框 file：上传控件 submit：提交控件 reset：重置控件表单没有嵌套规则，随意...

原创 第二章 表单标签

注释ctrl+/shift+alt+A（鼠标选中内容）

原创 第一章 常见标签

strong：加粗em：斜体sup：字体上 上标sub：字体下 下标del：删除文本ins：插入文本 （eg： 促销 原价价格X del 现价ins）br：让文本换行hr：水平线绝对路径：相对路径：针对当前文件进行引入路径 （当文件转移了，引入失效） 同一个目录： 。/ 。。。 上一个目录： 。。/ 。。。跳转链接：a：href ...