- 博客(8)
- 收藏
- 关注
RSS订阅原创 H5-新增标签-video
video标签简介作用主要用来承载视频格式的标签Video替代flash 视频//基本用法<video></video>video的基本属性行盒：默认w300，h150src：用来链接视频地址（至少提供两种视频格式文件，避免出现视频格式不兼容问题：flv,swf,ogg,webm,mp4）controls：视频默认控件（Boolean 有暂停，播放，声音，倍速，全屏等功能，但每个浏览器显示不同）autoplay单独设置无效果需使用方法；controls：是否显示
2020-09-27 23:01:12
210
原创 强大的数据的可视化工具——Echarts.js的简介
Echarts简介 ECharts，缩写来自Enterprise Charts，商业级数据图表,由百度旗下出产的工具 纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览（IE6/7/8/9 /10/11，chrome，firefox，Safari等）支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达 图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表，
2020-09-27 20:16:47
727
原创 关于HTML5 新增标签canvas详解
概述 canvas是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图基本知识##context:是一个封装了很多绘图功能的对象，获取这个对象的方法是var context =canvas.getContext("2d");##canvas元素绘制图像的时候有两种方法，分别是 context.fill()//填充 context.stroke()//绘制边框##style:在进行图形绘制前，要设置好绘图的样式co
2020-09-20 19:50:06
307
原创 防抖和节流
性能优化这个领域的很多内容都很碎片化，比如对图片方面的优化（计算图片的大小、图片加载优化）懒加载，包括今天要总结的防抖和节流。就算你没听过防抖节流，但是你做项目的时候，一定遇到过。如果你知道了这块知识，那么你之前的问题就迎刃而解了。 防抖：多次触发事件该事件只能被执行一次，指定时间过后可再次执行，本质上就是以最后的操作为标准在指定时间内 function debounce(fn) { let time = null; return function (
2020-09-20 19:28:06
33
原创 DOM事件操作加兼容IE的一些方法
DOM操作查看滚动条的滚动距离（IE9以下不兼容）window.pageXOffset/pageYOffset//（按比例计算）//兼容IE document.body/documentElement.scrollLeft/scrollTop封装兼容IE滚动条的距离//封装兼容IE滚动条的距离 // 获取滚动条的距离 function getScrollOffset() { if (window.pageXOffset) {
2020-09-13 22:14:46
205
原创 li标签绑定事件比如有1000个li标签需要点击，显示对应li标签的内容，
源自于一道面试题，可能大多数人会选择使用循环遍历给1000个li添加事件，但这样效率低不说，并且还占用浏览器性能，要知道内存可是寸土寸金的地方，用大量内存来处理，用法简短但却极其占据内存的事，而且还产生了闭包的效果，是不明智的选择。那hr想听到的答案是啥了，且听我以下分解首先我先展示下不正确的做法<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</
2020-09-06 19:59:25
820
原创 关于对象的创建，克隆，和继承面试题
关于对象一直都是面试中经常出现的常客，既然是经常出现的，我们就要把这个点拿下。以下有三道面试题面试题：JavaScript创建对象有几种方式//1.（字面量创建）var obj = {};obj.name = '张三';obj.action = function (){alert('吃饭');};//2.（使用Object创建对象）var obj = new Object();obj.name = '张三';obj.action = function (){alert('吃
2020-09-06 18:05:40
122
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人