html5
不懂老爱瞎逼逼
不懂的先学习,回答问题不能老爱瞎逼逼
展开
-
a标签技巧
拨打电话<a href="tel:10086">拨打电话给10086小姐姐</a>发送短信<a href="sms:10086">发送短信给10086小姐姐</a>发送邮件 <a href="mailto:young.joway@aliyun.com">发送邮件给JowayYoung</a>打开微信<a href="weixin://">打开微信</a>打开支付宝<a href="原创 2021-09-22 11:00:24 · 160 阅读 · 0 评论 -
babel在vue项目中使用(vue兼容)
一、vue-cli创建bable1、在用脚手架创建项目时,可以选择bable直接创建一般请路况下是默认配置,直接使用就可以了二、单独引入bable(直接修改package.json)1、我们在创建vue项目时候,没有用脚手架生成bable 在dependencies引入// 引入的插件core-js,//core-js 是 babel-polyfill 的底层依赖,通过各种奇技淫巧,用 ES3 实现了大部分的 ES2017 原生标准库,同时还要严格遵循规范。//core-js 是在pa原创 2021-07-10 08:56:22 · 9849 阅读 · 1 评论 -
JS数组对象去重(4种方法)
方法一:es5冒泡排序法,去重arrvar arr = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}];function deWeight() { for (var i = 0; i < arr.length - 1; i++) { for (var j原创 2021-07-06 20:05:22 · 3624 阅读 · 1 评论 -
解决移动端ios输入框输入后不复原
利用html中的meta标签和viewport解决 <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />vue的话直接在public文件夹下的index.html文件中引入html文件在当前页面引入...原创 2021-05-29 15:50:34 · 115 阅读 · 0 评论 -
vant轮播图组件滑动报错Uncaught TypeError: Cannot read property ‘width‘ of null解决方案
h5项目引用的vant轮播图,之前正常运行。今天后端修改了一下数据结构,结果在滑动时候报错Uncaught TypeError: Cannot read property 'width' of null以下是解决方案:1、给轮播图一个ref标签 <van-swipe touchable indicator-color="white" ref="swipe"> <van-swipe-item v-for="(i, index) in newBanner" :key="ind原创 2021-05-21 19:01:53 · 4414 阅读 · 2 评论 -
vue使用qrcode-decoder解析识别二维码
//使用npm安装qrcode-decodernpm install qrcode-decoder --registry=https://registry.npm.taobao.orgjs封装// 引入qrcode-decoderimport QrCode from 'qrcode-decoder'// 传入file对象,返回promiseexport function getQrUrl(file) { //使用这个方法或者下面被注释的方法设置浏览器读取文件方式,chrome和ie有效,其转载 2020-12-22 09:20:33 · 7811 阅读 · 10 评论 -
vue移动端电影排片轮播(仿淘票票、猫眼)
公司小程序要改成移动端html5,网上找了很久都没有合适的,ui一直是vant ui,element中的跑马灯card效果不好,不能滑动。也用过swipe ui组件,不太好操作,最后还是在vant上下功夫了效果图![在这里插入图片描述](https://img-blog.csdnimg.cn/20201130114542443.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9原创 2020-11-30 11:51:22 · 2488 阅读 · 0 评论 -
vue滚动条若干问题
一、获取滚动轴 scrolHandle() { // 滚动轴距离顶部位置 let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; // 当前页面 let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;原创 2020-11-27 17:27:13 · 561 阅读 · 4 评论 -
获取iframe内嵌html内容(wangEditor富文本编辑器)
写这篇文章的原因是在未使用vue脚手架的情况下使用vue时,wangEditor不能正常渲染和使用,不能大改的情况下,想到的次级的解决方案1、在未使用vue脚手架的情况下使用vue,且引入wangEditor富文本编辑器下面图片是正常的显示,我遇到的是鼠标移动到编辑框无反应,不会弹出h1h2h3h4标签,不知道是vue原因还是因为富文本原因导致页面无法渲染官方也没给具体解决方案,试过很多方法,最后想到的是将富文本放到一个单页面,因为没有使用脚手架,所有的都是单页面,那就直接iframe引入一个原创 2020-09-09 09:18:19 · 2469 阅读 · 0 评论 -
git的使用及遇到的问题
前段时间用git向github传代码,把遇到的问题及解决方案分享给大家一、当我们安装好git去传代码时,我们需要用命令进行git的操作1、先配置gitgit config --list //检查git全局配置git config --global user.name "用户名" //设置用户名,用户名不能中文git config --global user.email "可以接收邮件的邮箱" //邮箱必须是你可以正确的收发邮件2、配置好git后,在项目文件夹中,win原创 2020-05-19 00:39:07 · 133 阅读 · 0 评论 -
HTML5新语义化标签 (二)
一、 分栏布局column:分栏,将一段文字按照一定宽度分成多个栏目(类似于报纸界面)值: -count : 分栏的个数 -width : 分栏的宽度 -gap : 栏与栏的间距 -rule : 分栏的边线 -span : num | all (合并分栏) 注:-count -width 不要一起去写,容易冲突。二、伪类与伪元素#elem:after{}#ele...原创 2020-03-15 02:37:38 · 194 阅读 · 1 评论 -
HTML5新语义化标签 (一)
**一、html5语义化标签优点:** 1、能够清楚地让维护人员知道整个html的作用,方便代码维护。 2、方便搜索引擎到该网页。 3、能够更好的适配屏幕阅读器等,特殊人群对网站有较好的体验。*二、 html新旧区别:1、html4.0开始出现:div span img h1-h6等 2、html5开始出现:header foot...原创 2020-03-12 22:46:03 · 149 阅读 · 0 评论