2019年04月_八月的猪猪

原创 html5中的canvas标签

canvas基本用法什么是canvas(画布) 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形例如，它可以用于绘制图形，创建动画。最早由Apple引入WebKit我们可以使用标签来定义一个canvas元素----->使用标签时，建议要成对出现，不要使用闭合的形式。----->canvas元素默认具有高宽width： 300pxh...

2019-04-28 15:46:51 4614

转载 H5基础知识总结

定义Html5HTML5 是定义 HTML 标准的最新的版本。该术语表示两个不同的概念：它是一个新版本的HTML语言，具有新的元素，属性和行为，它有更大的技术集，允许更多样化和强大的网站和应用程序。这个集合有时称为HTML5和朋友，通常缩写为HTML5。 HTML5 约等于 HTML + CSS + JSHtml5优势跨平台:唯一一个通吃PC MAC...

2019-04-28 15:28:24 984

原创 html的attribute和js的property

1.什么是attribute，什么是propertyhtml标签的预定义和自定义属性我们统称为attributejs原生对象的直接属性，我们统称为property2.什么是布尔值属性，什么是非布尔值属性property的属性值为布尔类型的我们统称为布尔值属性property的属性值为非布尔类型的我们统称为非布尔值属性3.attribute和property的同步关系非布尔...

2019-04-26 20:16:45 117

原创 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 4970 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 1208

原创在组件内引入外部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 1119

原创 JS获取Audio音频的实时时间

获取Audio音频的实时时间项目：H5绣红旗//监听音乐实时播放的时间 watchMusicTime(){ let _this = this; //监听播放时间 let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点...

2019-04-20 19:04:15 13240

原创获取Audio音乐的总时长

获取Audio音频的总时长H5绣红旗 let musicDom = document.getElementsByTagName('audio')[0]; // 获取AudioDom节点 musicDom.load();//因为source标签不能直接更改路径，所以整个audio标签必须重新加载一次 musicDom.oncanplay = ...

2019-04-20 18:10:23 5483 2

原创监听Audio的播放状态

监听Audio的播放状态项目：H5绣红旗// 监听音乐播放状态：改变播放或暂停按钮 watchMusicState(){ let _this = this; let $audio = document.getElementsByTagName('audio')[0];//获取音乐DOM节点 let playOrPause = docume...

2019-04-20 18:01:28 20390

原创 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 2598

原创 H5上滑跳转页面的实现

H5项目上滑跳转页面框架：vue + jquery + bootstrapexport default { name: 'home', data () { return { p_demo:'',//获取页面body节点，以便加载监听 start:"",//触摸开始的坐标点 move:"",//触摸移动实时的坐标点 ...

2019-04-19 22:09:58 1875

qq_42894622的博客