09 2019 档案

canvas标签
摘要：-- h5新增的一个元素标签，用来在页面上回执2d的图形 canvas id="v1" width="800" height="600" // 获取canvas标签 var cn=document.getElementById("v1") // 获取canvas图形绘制画布内容 var ctx = 阅读全文
posted @ 2019-09-27 12:38 眉遮白霜亦如雪 阅读(538) 评论(0) 推荐(0)
vue框架的安装流程
摘要：//按照默认配置扩展项 1.安装 npm install @vue/cli -g cd文件夹 2.安装 npm install @vue/cli-init -gv 3.vue init webpack 项目名字 初始化项目 4.配置项目的信息 一直enter 5.是否安装vue-router路由 y 阅读全文
posted @ 2019-09-27 12:32 眉遮白霜亦如雪 阅读(256) 评论(0) 推荐(0)
vuex仓库和axios请求
摘要：创建仓库 创建一个数据仓库对象方法的参数是仓库的配置对象： var store = new Vuex.Store({ // state代表数据仓库的数据(数据状态) state:{ num:10, myName:"字符串", age:3, time:"2019-9-26", formartData: 阅读全文
posted @ 2019-09-27 12:19 眉遮白霜亦如雪 阅读(229) 评论(0) 推荐(0)
对象和对象属性
摘要：// 如果要记录一个简单的数据 可以用变量记录，可以数字字符串布尔类型； // 但是如果要想记录一个的信息，这个信息又包含（姓名 性别 年龄 学号...）建议使用对象存储信息； // 对象（object）； ；； // eg 学生对象：属性（姓名 性别 年龄 学号）；； // 创建对象格式:；； / 阅读全文
posted @ 2019-09-27 12:08 眉遮白霜亦如雪 阅读(147) 评论(0) 推荐(0)
判断是水仙花数 自幂数 和数字的长度
摘要：1.水仙花数 function isShuiXianHua(n){ var bai = Math.floor(n/100); // 带小数 var shi = Math.floor(n%100/10); var ge = n % 10; // Math.pow(1,3) = 1^3v var i = 阅读全文
posted @ 2019-09-27 11:14 眉遮白霜亦如雪 阅读(187) 评论(0) 推荐(0)
作用域
摘要：作用域：变量的使用范围 如果在script标签声明的变量，这些变量都在同一作用域，这个作用域称为全局作用域，声明在全局作用域的变量 就称为全局变量（global variable） var s1 = 100; // 在script标签定义的变量就叫全局变量 //定义一个方法时候 方法内部形成作用域， 阅读全文
posted @ 2019-09-27 11:05 眉遮白霜亦如雪 阅读(104) 评论(0) 推荐(0)
函数
摘要：函数：当项目有些代码在不同的地方重复使用，就可以把这些代码鞋写在一个函数里面，等需要使用这些代码 的时候， 直接调用这个函数，相当于执行了函数的代码 1 函数格式 function 函数名字(){代码块} 函数名字：遵循小驼峰命名发则 第一个单词首字母小写 其余单词首字母大写 function pr 阅读全文
posted @ 2019-09-27 11:03 眉遮白霜亦如雪 阅读(106) 评论(0) 推荐(0)
小例子，判断是否为质数
摘要：// prime 质数 var input = prompt("请输入一个数:") input = input * 1; if(input==1){ console.log("既不是质数也不是合数") } else{ // isPrime 代表是不是质数 如果为true就是一个质数; 为false就 阅读全文
posted @ 2019-09-27 10:57 眉遮白霜亦如雪 阅读(154) 评论(0) 推荐(0)
跳出循环
摘要：break:跳出与他最近的循环 for(var i = 0;i for(var j = 0;j console.log(" "+j) if(j==4){ break; } } // 跳出外循环的 if(i==6){ break; } } // loop1 给循环起名字 ，break 可以跳出指定的循 阅读全文
posted @ 2019-09-27 10:54 眉遮白霜亦如雪 阅读(134) 评论(0) 推荐(0)
猜随机数代码流程
摘要：// Math 数学类 // Math.random() 产生一个随机数的功能 随机的范围[0,1),包括0 不包括1，包前不包后 var r = Math.random() //可以通过乘以一个数字 增加随机范围 r = r * 100; //[0,100)之间的随机数 // 转化成一个整型的数字 阅读全文
posted @ 2019-09-27 10:49 眉遮白霜亦如雪 阅读(230) 评论(0) 推荐(0)
do-while和while循环
摘要：// for ：当知道循环次数或者确定循环次数的时候 采用for比较简单 // while: 不知道循环次数，但是知道循环条件，采用while循环 //while格式 //while(条件){代码块} //while流程 //1 先判断条件是否成立, 如果不成立,退出循环，如果条件成立 //2 执行 阅读全文
posted @ 2019-09-27 10:45 眉遮白霜亦如雪 阅读(126) 评论(0) 推荐(0)
页面常用输入和输出
摘要：//alert("你好") 弹警告框 //console.log("1212") 打印 只有功能 但是没有返回值 // document.write("") 添加网页内容 // 确认框 确定和取消按钮 // result confirm("可以做我女朋友吗？"); 返回值点击确定true;点击取消的 阅读全文
posted @ 2019-09-27 10:36 眉遮白霜亦如雪 阅读(190) 评论(0) 推荐(0)
for循环
摘要：for循环：一些代码重复执行 for格式 ： for(循环变量初始化;循环条件;循环变量值得改变){代码块} 执行的流程 1 先去执行循环变量初始化 2 判断条件是否成立，如果不成立，直接退出循环，如果条件成立了，执行代码块 3 执行完代码块之后 循环变量值再进行改变 4 再从第二步开始执行 先执行 阅读全文
posted @ 2019-09-23 20:06 眉遮白霜亦如雪 阅读(207) 评论(0) 推荐(0)
if 和else 流程控制
摘要：if(条件){代码块} else{代码块} 执行的流程: 如果条件成立 执行{代码} 如果条件不成立 执行后面{}代码 if和else相反的条件， 即使else的条件成立也会执行一个 一次执行一个 只会执行一个 要么if 要么执行else var n1 = 20; var n2 = 30; if(n 阅读全文
posted @ 2019-09-23 20:00 眉遮白霜亦如雪 阅读(254) 评论(0) 推荐(0)
基本运算符
摘要：+ 加法运算 2 减法运算 3 *乘法 4 /除法运算 可以带小数 5 %求余数 6 比较运算符 7 ++ 每次加1 8 逻辑运算符号 && 并且运算 and 运算 || 或者 元素 or 运算 ！ 非运算 true&&true 结果true true&&false 结果 false false&& 阅读全文
posted @ 2019-09-23 19:51 眉遮白霜亦如雪 阅读(130) 评论(0) 推荐(0)
js变量
摘要：js:是HTML编程语言，JavaScript html: 设计网页显示什么 html: 设计网页显示什么 js: 网页能干什么功能 变量:记录一条数据的值，可以变化的量 变量:记录一条数据的值，可以变化的量 变量名字命名规范: 1: 不能采用系统的关键字(var ...if ...else...o 阅读全文
posted @ 2019-09-23 19:43 眉遮白霜亦如雪 阅读(116) 评论(0) 推荐(0)
媒体查询
摘要：如果一个网页既要使用于pc端 又得使用于移动端 : 1. 响应式设计 利用媒体查询判断设备的宽度 采用不同的css 华为官网和苹果官网 2.设计开发的时候 直接开发两个版本 PC和移动端两个版本 发送请求一个网页的 时候，根据请求判断当前设备类型 返回不同的一个网页 [淘宝 百度] 媒体查询赋予cs 阅读全文
posted @ 2019-09-23 19:32 眉遮白霜亦如雪 阅读(181) 评论(0) 推荐(0)
自动编号
摘要：前缀 后缀: 1: 防止前缀和后缀污染标签内容 影响网页搜索的时候精确度 2: 标签内容一般通过服务器返回的数据，有时候有必要前缀 3: 前缀不能添加html标签 css3计数器 +content 伪类 铁三角 自动编号： couter-reset：重置计数器 counter-increment：计 阅读全文
posted @ 2019-09-23 19:27 眉遮白霜亦如雪 阅读(184) 评论(0) 推荐(0)
表单
摘要：form 表单标签 如果以后进行表单提交 把所有的提交的数据放到form里面 action 行为 行动 提示标签 提示输入框的 for属性一般和对应的输入框id保持一致，label和输入框是同一组的 点击label 等同于点击输入框 input的 type属性="text" 输入框 正则表达式 au 阅读全文
posted @ 2019-09-19 21:38 眉遮白霜亦如雪 阅读(85) 评论(1) 推荐(0)
关键帧动画
摘要：关键帧动画和过渡动画的区别： 过渡动画: 实现一些简单的动画 只有两个帧开始帧和结束帧的状态 , 只有元素样式发生改变的时候添加过渡效果 关键帧动画 : 实现动画过程当中的每一个关键帧的状态， 关键帧完成之后 ， 使用到任何一个标签上 设置关键帧动画： 动画名字 animation-name: pi 阅读全文
posted @ 2019-09-19 21:27 眉遮白霜亦如雪 阅读(380) 评论(0) 推荐(0)
过渡动画
摘要：过渡的属性，可以指定过渡的属性 , with 只有宽度有过渡效果 如果想看到多个过渡效果 多个属性用逗号隔开 width,background-color; 全部的过渡效果 all transition-property:all; 过渡的时间 transition-duration: 700ms; 阅读全文
posted @ 2019-09-19 21:17 眉遮白霜亦如雪 阅读(286) 评论(0) 推荐(0)
2D和3D动画
摘要：transform : 变换 变化 移动变化translate() 缩放变化scale() 旋转的变化rotate() transition:all 3s 过渡的过程 all 看到所有的过渡效果 3s设置过度时间 想看到子元素有3D效果 必须在父元素里面加 视点距离的样式 视点距离: 1: none 阅读全文
posted @ 2019-09-19 21:14 眉遮白霜亦如雪 阅读(170) 评论(0) 推荐(0)
flex弹性布局
摘要：弹性布局设置方式： display: flex; 弹性布局的方向 默认的row row 项目是从左到右排布的 row-reverse 项目是从右到左排布 column 项目从上到下排布 竖直 column-reverse 项目从下到上排布 flex-direction:row; 垂直弹性布局方向上的 阅读全文
posted @ 2019-09-19 21:03 眉遮白霜亦如雪 阅读(173) 评论(0) 推荐(0)
选择器大全
摘要：1.选择器:根据标签名字选择标签 语法:标签名 ; 选择所有的p标签 2.类名选择器 选择类名的一样的所有的标签: 语法 .类名 3.id选择器 选择id相同的标签 语法: #id 4.包含关系的选择器 语法: 空格隔开 5.父子关系的选择器 两个选择器>链接 6.选择器 , 隔开 7. 根据自定义 阅读全文
posted @ 2019-09-19 19:53 眉遮白霜亦如雪 阅读(107) 评论(0) 推荐(0)
常用的长度单位
摘要：px像素单位，相对单位，它是屏幕显示最小的单位 mm绝对单位，表示毫米 cm绝对单位，表示厘米 pt绝对单位，表示磅，用于打印的时候单位 vw相对单位，1vw=浏览器宽度的1% vh相对单位，1vh=浏览器高度的1% em相对单位，相对于自身元素或者父元素的字体大小 rem相对单位，相对于根目录(h 阅读全文
posted @ 2019-09-19 19:46 眉遮白霜亦如雪 阅读(982) 评论(0) 推荐(0)
浮动布局
摘要：左浮动 影响: 块元素的宽度不再是父元素的宽度 水平排布 最后一个浮动标签之后添加一个空的div，设置一个样式 clear:both 第二种清除浮动 在不加div的前提下 父标签加一个类 clear-fix 通过添加后缀 设置后缀展示以block 展示 加上clear:both 就可以清除浮动 阅读全文
posted @ 2019-09-19 19:38 眉遮白霜亦如雪 阅读(151) 评论(0) 推荐(0)
外边距的产生与解决办法
摘要：为了编写代码美观 每个标签独占一行 换行和空格符号解析成一个空格 1: 让其他标签紧跟着上一个标签 2: 通过外边距设置左右外边距为负数 3: 在父元素设置字体大小为0 子元素必须重写设置字体大小 阅读全文
posted @ 2019-09-19 19:35 眉遮白霜亦如雪 阅读(173) 评论(0) 推荐(0)
外边距重合问题
摘要：1.块元素与快元素 2. 上下外边距 3. 没有边框 盒模型 : 内容区域(content) + 内边距(padding)+ 边框(border)+ 外边距(margin) 盒子大小 默认值content-box: 内容盒子 从内容开始算的 100px=内容区域 但是网页展示的时候宽度 100(wi 阅读全文
posted @ 2019-09-19 19:32 眉遮白霜亦如雪 阅读(183) 评论(0) 推荐(0)
内容溢出
摘要：汉字内容溢出及解决办法 如果内容是汉字 默认的情况：汉字水平方向上不会溢出 如果垂直方向内容超出高度 这个时候导致内容溢出 浏览器在解析汉字的时候 会在任意一个的汉字换行 把超出的部分隐藏掉 默认把滚动条取消掉 overflow: hidden; 超出的部分滚动 竖直方向上有滚动条 可以滚动；水平方 阅读全文
posted @ 2019-09-19 17:38 眉遮白霜亦如雪 阅读(168) 评论(0) 推荐(0)
精灵图片
摘要：精灵图片： 把很多张小图片整合成一张大图片，同时css显示其中一张的小的图标 这个就是图片精灵技术 使用精灵图片的好处： 减少页面的请求次数 页面加载速度比较快 使用方法 background-size设置背景图片的大小 background-position设置背景图片的位置移动到你想要的区域 精 阅读全文
posted @ 2019-09-19 17:27 眉遮白霜亦如雪 阅读(122) 评论(0) 推荐(0)
设置背景图片
摘要：如果背景比较小 元素比较大 默认的是背景图片平铺的 设置背景图片不重复 固定背景图片 背景图片大于元素的大小的时候 只会显示图片部分 左上部分 背景图片的位置 横向位置 纵向位置 设置成具体值 背景图片向左移动100px 向上移动100px 设置背景图片在中间 背景图片在右下 背景图片大小 宽 高 阅读全文
posted @ 2019-09-19 17:20 眉遮白霜亦如雪 阅读(185) 评论(0) 推荐(0)
伪类和伪元素以及添加前缀后缀
摘要：满足一定条件下 才能触发的类 选择某一个标签:伪类 ：hover伪类 当鼠标放在a标签上的样式 ：active 点击变大的伪类; 当鼠标点击的时候 触发的伪类 :first-letter 第一个字符的样式 ::first-line 第一行的样式 :before 内用 content: "元";添加前 阅读全文
posted @ 2019-09-19 09:18 眉遮白霜亦如雪 阅读(318) 评论(0) 推荐(0)
队列
摘要：ul: 无须队列 (unorderlist) ol: 有序队列 orderlist dl: 自定义队列 definelist 阅读全文
posted @ 2019-09-19 09:09 眉遮白霜亦如雪 阅读(75) 评论(0) 推荐(0)
表格和行合并列合并
摘要：老式的写法:thead 表头 tbody: 表的主体内容;th 加粗的效果，文本对齐方式居中 thead tbody :新的表格th-tbody thead 都省 掉 thead 表头 ；tr: row行 ；th 表头的一个单元格；td单元格 在需要合并的td中设置rowspan属性 在需要合并的t 阅读全文
posted @ 2019-09-18 22:01 眉遮白霜亦如雪 阅读(401) 评论(0) 推荐(0)
position的定位方式
摘要：文档流: position : static: relative: absolute: fixed: sticky: 阅读全文
posted @ 2019-09-18 21:44 眉遮白霜亦如雪 阅读(229) 评论(0) 推荐(0)
行元素与块元素的区别
摘要：块元素 块元素一般都有 div h1-h6 section header main p等标签 判断是否为块元素的方法 1 不设置宽度的时候 默认的宽度是和父元素宽度一样 高度就是内容的高度 2 块元素都是独占一行的 3 可以通过width和height设置宽高 4 margin :0 auto 可以 阅读全文
posted @ 2019-09-18 12:03 眉遮白霜亦如雪 阅读(400) 评论(0) 推荐(0)
语义化标签
摘要：网站标题 网站副标题 这是一篇介绍HTML 5语义化标签和更简洁的结构 HTML 5 HTML 5 CSS3 JavaScript 内容 作者简介 section是啥？ 关于section section的介绍 关于其他 关于其他section的介绍 section的介绍 关于其他 关于其他sect 阅读全文
posted @ 2019-09-18 11:30 眉遮白霜亦如雪 阅读(145) 评论(0) 推荐(0)