
H5
八月的猪猪
就想做个全栈...
展开
-
监听Audio的播放状态
监听Audio的播放状态项目:H5绣红旗// 监听音乐播放状态:改变播放或暂停按钮 watchMusicState(){ let _this = this; let $audio = document.getElementsByTagName('audio')[0];//获取音乐DOM节点 let playOrPause = docume...原创 2019-04-20 18:01:28 · 20599 阅读 · 0 评论 -
vue-router部分有效,部分失效问题
vue-router失效项目:H5绣红旗框架:vue + vue-router部分路由跳转有效:p_demo.addEventListener("touchend", function (e){ /*触摸结束*/ console.log("触摸结束") // console.log(e) _thi...原创 2019-04-20 16:17:26 · 2647 阅读 · 0 评论 -
H5上滑跳转页面的实现
H5项目上滑跳转页面框架:vue + jquery + bootstrapexport default { name: 'home', data () { return { p_demo:'',//获取页面body节点,以便加载监听 start:"",//触摸开始的坐标点 move:"",//触摸移动实时的坐标点 ...原创 2019-04-19 22:09:58 · 1930 阅读 · 0 评论 -
H5滑动实现翻页(vue)
H5 滑动翻页框架:Vue + element + JQ + vue-awesome-swiper项目:H5绣红旗转载:vue-awesome-swiper - 基于vue实现h5滑动翻页效果已经打好vue-cli项目,安装vue-awesome-swipernpm i --s vue-awesome-swipermain.jsimport VueAwesomeSwiper...原创 2019-05-04 17:04:07 · 7078 阅读 · 0 评论 -
html5中的canvas标签
canvas基本用法什么是canvas(画布) 是 HTML5 新增的元素,可用于通过使用JavaScript中的脚本来绘制图形例如,它可以用于绘制图形,创建动画。 最早由Apple引入WebKit我们可以使用标签来定义一个canvas元素----->使用标签时,建议要成对出现,不要使用闭合的形式。----->canvas元素默认具有高宽width: 300pxh...原创 2019-04-28 15:46:51 · 4672 阅读 · 0 评论 -
H5基础知识总结
定义Html5HTML5 是定义 HTML 标准的最新的版本。 该术语表示两个不同的概念: 它是一个新版本的HTML语言,具有新的元素,属性和行为, 它有更大的技术集,允许更多样化和强大的网站和应用程序。 这个集合有时称为HTML5和朋友,通常缩写为HTML5。 HTML5 约等于 HTML + CSS + JSHtml5优势跨平台:唯一一个通吃PC MAC...转载 2019-04-28 15:28:24 · 1019 阅读 · 0 评论 -
Echart.js China.js制作中国热力图
Echart.js 和 China.js 制作中国热力图Echart.js 和 China.js 可以去官方下载项目:H5绣红旗index.html<script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts-en.min.js"></script><script src="./static...原创 2019-04-23 16:16:57 · 5060 阅读 · 3 评论 -
js实现文字向上滚动
js实现文字向上滚动html<div class="content"> <ul style="list-style:none" id="marquee"> <li v-for="(item,indx) in congratulationText" :key="indx">{{item}}</li> </...原创 2019-04-21 05:12:38 · 1259 阅读 · 0 评论 -
在组件内引入外部JS
在组件内部引入外部js第一种操作 Dom引入js:export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); ...原创 2019-04-21 04:35:32 · 1158 阅读 · 0 评论 -
JS获取Audio音频的实时时间
获取Audio音频的实时时间项目:H5绣红旗//监听音乐实时播放的时间 watchMusicTime(){ let _this = this; //监听播放时间 let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点...原创 2019-04-20 19:04:15 · 13419 阅读 · 0 评论 -
获取Audio音乐的总时长
获取Audio音频的总时长H5绣红旗 let musicDom = document.getElementsByTagName('audio')[0]; // 获取AudioDom节点 musicDom.load();//因为source标签不能直接更改路径,所以整个audio标签必须重新加载一次 musicDom.oncanplay = ...原创 2019-04-20 18:10:23 · 5586 阅读 · 2 评论 -
H5的新语法
1.新标签header/section/footer/audio/video/details…2.新属性contentEditable:可编写autocomplete:自动提示novalidate:不验证step=“5”//间距placeholder//文本提示autofocus//自动聚焦multiple//多选required//必须的3.多个缓存机制sessionSt...原创 2019-05-11 01:45:53 · 355 阅读 · 0 评论