对于html5虽然用得多,但还是有一些知识点比较混乱,记得不清,所以想专门整理一下 HTML5浏览器支持 最新版本的Safari、Chrome、Firefox、Opera支持某些HTML5特性,IE9将支持某些HTML5…
标签:html
mockjs让前端开发独立于后端
mock.js 可以模拟ajax数据,拦截ajax请求,返回模拟数据,无需后端返回就可以测试前端程序 mockjs官网 原文:http://i.jakeyu.top/2016/08/1… 首先在head头中引…
图片 + 未知宽高 + 垂直居中
图片 + 未知宽高 + 垂直居中 第一种: table-cell / inline-block + vertical-align条件: 容器宽高受图片默认宽高影响html结构: <div> <img s…
Webpack快速入门
了解Webpack相关 什么是webpack Webpack是一个模块打包器(bundler)。 在Webpack看来, 前端的所有资源文件(js/css/img/less/…)都会作为模块处理 它将根据模块…
关于js计算非等宽字体宽度的方法
准备一个容器 首先在body外插入一个absolute的容器避免重绘: const svgWidthTestContainer = document.createElement('svg'); svgWidthTestC…
bootstrap,datetimepicker日期时间选择器-限制时间段,以及中文显示问题
基于bootstrap的css,jsbootstrap-datetimepicker的css,js <script src="jquery-1.11.1.min.js"></script> <…
【Amaple教程】5. 插件
Amaple 拥有非常强大插件功能,这也是它的突出功能之一,Amaple插件一般表现为功能块(函数)或功能块(包含一系列函数和属性的Object对象),它除了支持Amaple规范定义的插件外,还支持所有 AMD (点击了…
emmet快速缩写展开的基本写法与心得
emmet的基本写法: .ct 点是class <div class="ct"></div> #ct 井号是id <div id="ct"></div> .ct>.c…
《JavaScript Dom编程艺术》读书笔记(一)
执行Javascript的方式 第一种方式是将JS代码放到 < head > 标签中的 < script > 标签之间: <head> <script> ....... /…
h5与微信小程序直播开发
一、播放器选型 video.js video.js是一个比较完整和成熟的播放器框架,包含了整套的UI、弹幕、快捷键、清晰度切换等插件功能,无论用来做点播还是直播都是非常合适的。 hls.js hls.js是非常小巧的适合…
微信h5页面audio标签在ios下不能自动播放
背景介绍:在一个h5页面中,当用户提交表单到后台,后台返回的结果成功的话,开始自动播放背景音乐 出现的问题:在安卓手机上正常,iOS中没有反应 后来网上一番搜索后了解到时因为iOS不允许自动播放音乐,除非用户做出了交互行…
图片懒加载
图片懒加载 HTML部分: 内容请看以下代码呈现: <ul> <li data-src="images/show1.jpg"> <i></i> </li> &l…