HTML <video> 元素 用于在 HTML 或者 XHTML 文档中嵌入媒体播放器,用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容,但是 <audio> 元素可能在用户体验上更合适。在不支持 video 元素的浏览器中,<video></video> 标签中间的内容会显示,作为降级处理。controls属性加上这个属性,浏览器会在视频底部提供一个控制面板,允许用户控制视频的播放,包括音量,跨帧,暂停/恢复播放。具体参考:https://developer.mozilla.org/zh-CN/docs/We...阅读全文>>
一个实现汉字与拼音互转的小巧web工具库https://github.com/sxei/pinyinjs/ 第一个功能就是汉字转拼音,支持多音字,输出结果如下第二个是有了一个自定义的词库,注意是词库,如果输入多音字的词汇时,会更准确的识别第三个就是拼音转汉字,并实现了一个JS的输入法如何使用/** * 获取汉字的拼音首字母 * @param str 汉字字符串,如果遇到非汉字则原样返回 * @param polyphone 是否支持多音字,默认false,如果为true,会...阅读全文>>
有这样一个操作,使用Ajax请求返回HTML,然后使用append增加到当前页面。$(function(){ $.ajax({ url : _basePath + '/getHTML.action' , success : function(data) { $("#t_content").append(data); } }); });但是我发现个问题,就是这个页面如果有引用JS文件时,虽然script标签是正常写的<script ...阅读全文>>
1.调整标签位置可以把<script>标签放到HTML文档的最后面,这样不影响页面加载。2.合并+压缩JS文件减少请求次数和文件传输,压缩分两种自行压缩把注释空格等去掉,例如jquery.min.js服务器传输时GZIP压缩,这个压缩浏览器拿到后需要解压缩3.无堵塞加载通过给script标签增加 defer属性或者是 async 属性来实现<script src="file.js" defer></script>async和defer不同之处是async加载完成后会自动执行脚本,defer加载完成后需要等待页面也加载完...阅读全文>>
酒逢知己饮,诗向会人吟。相识满天下,知心能几人?相逢好似初相识,到老终无怨恨心。近水知鱼性,近山识鸟音。易涨易退山溪水,易反易覆小人心。运去金成铁,时来铁似金。读书须用意,一字值千金。逢人且说三分话,未可全抛一片心。有意栽花花不发,无心插柳柳成荫。画虎画皮难画骨,知人知面不知心。钱财如粪土,仁义值千金。实在是没啥写的,就是分享几个JS的软键盘输入,以上为增广贤文,与以下内容无关。第一个是纯插件引入JS后即可使用<!DOCTYPE html> <html> <head> <meta charset="utf-8&quo...阅读全文>>
window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们,提供另一套函数,使在不同浏览器的有着相同的体验效果。另外系统的提示框格式是固定的,无法自定义,使用自己编辑的弹出框可以定制弹出的内容样式。为了保留原有的alert和confirm方法,我们不直接替换window对象的alert和confirm,而是新建一个win对象,该对象下有alert、confirm、open、close等。win.alert等的对话框弹出层,使用iframe作底层,确保对话框在ie7以下版本时也能把select标签覆盖在底...阅读全文>>
当浏览器窗口关闭或者刷新时,会触发beforeunload事件。当前页面不会直接关闭,可以点击确定按钮关闭或刷新,也可以取消关闭或刷新。事件使网页能够触发一个确认对话框,询问用户是否真的要离开该页面。如果用户确认,浏览器将导航到新页面,否则导航将会取消。根据规范,要显示确认对话框,事件处理程序需要在事件上调用preventDefault()。但是请注意,并非所有浏览器都支持此方法,而有些浏览器需要事件处理程序实现两个遗留方法中的一个作为代替:将字符串分配给事件的returnValue属性从事件处理程序返回一个字符串。某些浏览器过去在确认对话框中显示返回的字符串,从而使事件处理程序能够向用户显示...阅读全文>>
html2pdf.js converts any webpage or element into a printable PDF entirely client-side using html2canvas and jsPDF.在html2pdf.js中渲染过程是由html转称canvas,再由canvas转成pdf,但是作者明确指出在html5中canvas具有最大高度和宽度,超出最大限度便无法进行打印。The basic workflow of html2pdf.js tasks (enforced by the prereq system) is:.from() ->&n...阅读全文>>
UEditor文档http://fex.baidu.com/ueditor/ 官网下载 UEditorhttps://github.com/fex-team/ueditor 打印的方式有很多,这里其实注重于训练如何使用ueditor。把编辑器的状态栏和工具栏全部隐藏,仅仅让其作为一个现实的工具,然后调用其打印方法进行打印。下载压缩包ueditor-dev-1.5.0.zip,解压后_examples就是示例页面,在该文件夹下新建一个html名为printDemo.html代码如下:<!DOCTYPE HTML PUBLIC "-...阅读全文>>
首先来说一下地图数据的来源问题,如果是中国地图,则无需处理,JS自带,如果需要其他省市区县的话,需要自己把地图JSON数据拿下来。这里有两个方式:1,自由选取http://geojson.io/#map=11/39.9063/116.3095 2,通过阿里获取国内地图http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5 其官方文档目前是:https://echarts.apache.org/zh/option.html#...阅读全文>>