摘要：
touch事件 touchstart // touchstart：当手指在指定元素按下的时候触发 div.addEventListener('touchstart',function(){ console.log("手指按下了"); },false)/*ture表示事件捕获，false表示事件冒泡， 阅读全文
posted @ 2020-04-17 17:24
JaydenQiu
阅读(165)
评论(0)
推荐(0)
摘要：
准备 前提 一般移动适配都需要设置视口 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1,minimum-scale=1"> 简单适配 原理 页面用re 阅读全文
posted @ 2020-04-16 13:26
JaydenQiu
阅读(154)
评论(0)
推荐(0)
摘要：
栅格系统 可通过bootstrap实现： <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CG 阅读全文
posted @ 2020-04-15 16:57
JaydenQiu
阅读(213)
评论(0)
推荐(0)
摘要：
媒体查询 什么是媒体查询？ 指查询媒体的类型和媒体的屏幕宽度 //类型大概有三种screen、print、speech @media screen and (min-width:300px) { /*选择打印机与屏幕阅读器之外的所有设备，并且最小宽度 >= 300px 才会生效。*/ color:r 阅读全文
posted @ 2020-04-15 13:18
JaydenQiu
阅读(176)
评论(0)
推荐(0)
摘要：
Flex布局 //Flex 是 Flex Box 的缩写，意为“灵活的盒子”或“弹性的盒子”，所以flex布局一般称为弹性布局。 flex容器：所有含有 display:flex | inline-flex; 的容器都是flex容器。 flex项目：flex容器的所有子元素都是flex项目。（不包括 阅读全文
posted @ 2020-04-15 13:17
JaydenQiu
阅读(219)
评论(0)
推荐(0)
摘要：
像素 分辨率 手机1792 x 828 表示：每一排有828个物理像素点，每一列有1792个物理像素点 物理像素（dp） //物理像素（physical pixel）也叫设备像素（dp：device pixel） CSS像素（dpi） //也叫逻辑像素（logical pixel）、设备独立像素（d 阅读全文
posted @ 2020-04-15 13:16
JaydenQiu
阅读(163)
评论(0)
推荐(0)
摘要：
Canvas HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。 你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。 Canvas初始化 创建画布 canvas默认 阅读全文
posted @ 2020-04-13 13:18
JaydenQiu
阅读(282)
评论(0)
推荐(0)
摘要：
input 1、type = “file”时，form标签要添加 enctype = "multipart/form-data" 2、含有required时，但是form有novalidate，那么required不会生效 3、含有required时，submit提交按钮含有formnovalida 阅读全文
posted @ 2020-04-12 17:27
JaydenQiu
阅读(635)
评论(0)
推荐(0)
摘要：
HTML5存储 //一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以 阅读全文
posted @ 2020-04-09 15:20
JaydenQiu
阅读(173)
评论(0)
推荐(0)
摘要：
表单控件的绑定（v-model的双向绑定） text类型 //视图模板 <div> <h3>text</h3> <input type="text" v-model="text"> <p>{{text}}</p> </div> //data函数 data(){ return{ text:'' } } 阅读全文
posted @ 2020-04-08 15:26
JaydenQiu
阅读(155)
评论(0)
推荐(0)
浙公网安备 33010602011771号