![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
前端
歌颂大海
这个作者很懒,什么都没留下…
展开
-
区分mac和ipad(13.x.x)
升级到13.2.3后,打印ipadnavigator.userAgent字符串发现mac跟ipad一样解决:navigator.maxTouchPoints 返回当前设备能够支持的最大同时触摸的点数ipad环境下打印navigator.maxTouchPoints的数值是5pc环境下打印navigator.maxTouchPoints的数值是0pc环境下,切换到移动端模式(Toggle device toolbar),打印navigator.maxTouchPoints的...原创 2021-07-28 17:49:37 · 517 阅读 · 0 评论 -
input复选框
<html> <head> <meta charset="utf-8"> <style> input[type="radio"] { width: 16px; height: 16px; opacity: 0; } label { position: re...原创 2019-03-28 17:39:50 · 926 阅读 · 0 评论 -
应用程序缓存之--manifest
作用:禁用网络之后能够依然访问网站使用:1.新建一个以.appcache结尾的文件,比如:demo.appcache2.在index.html的html标签里加入manifest属性,比如<html lang="en" manifest="demo.appcache"> </html>3.在demo.appcache文件中配置CACHE MANI...原创 2019-05-23 00:29:15 · 388 阅读 · 1 评论 -
AMD,CMD和CommonJs的区别
让我们来看看这些鬼东西都是啥子?------这些都是为了使js模块化的一些规范而已。AMD----特点是前置加载-----代表作require.jsCMD----特点是按需加载-----代表作sea.jsCommonJs----特点是服务器端的规范---代表做nodejs ...原创 2018-11-22 14:23:24 · 704 阅读 · 0 评论 -
移动端复制功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0原创 2018-11-21 17:13:20 · 580 阅读 · 0 评论 -
js时间戳转换成年-月-日
function filerDate(t){ let toDou=n=>n<10?`0${n}`:`${n}`; let oDate=new Date(t); return `${oDate.getFullYear()}-${toDou(oDate.getMonth()+1)}-${toDou(oDate.getDate())}`;}获取时间戳 Date.par...原创 2018-10-14 18:11:58 · 1309 阅读 · 0 评论 -
vue项目中webpack配置代理,解决跨域问题
在config文件夹中的index.js文件配置主要是这句话proxyTable: { //本地测试接口 '/': { target: 'http://xx.xx.xx.xx', changeOrigin: true, secure: false } },示例代码:module.exports = {...原创 2018-10-12 09:50:09 · 1578 阅读 · 0 评论 -
登录注册中的验证码倒计时
<span v-if="sendDisabled">{{time+'秒后获取'}}</span><span v-if="!sendDisabled" @click="sends">获取验证码</span>data{ return { time: 60, // 发送验证码倒计时 sendMsgDi原创 2018-10-11 17:47:22 · 334 阅读 · 0 评论 -
盒模型
普通的盒模型=width+padding+border特点是内容往外挤新的盒模型 (box-sizing:border-box)特点是往里挤弹性盒模型(flex)原创 2018-08-11 10:02:16 · 183 阅读 · 0 评论 -
移动端viewport
解决了页面内容在手机模式下能够正常显示问题控制浏览器分辨率<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">width=device-width (视图窗口的宽度等于手机设备的宽度)initial-scale...原创 2018-08-11 09:38:19 · 138 阅读 · 0 评论