videojs使用技巧

1 初始化 Video.js初始化有两种方式. 1.1 标签方式一种是在<video>标签里面加上class="video-js"和data-setup='{}'属性. 注意,两者缺一不可. 刚开始的时候我觉得后面的值为空对象{},不放也行, 导致播放器加载不出来,后来加上来就可以了. 1.2 JS方式另外一种初始化 video.js 的方法是通过JS,格式: var player = videojs('my-player'); 这样有个要求,就是不能配置data-se…

免费视频播放器videojs中文教程

Video.js是一款web视频播放器,支持html5和flash两种播放方式.更多关于video.js的介绍,可以访问官方网站介绍,我之前也写过一篇关于video.js的使用心得,有兴趣的可以点这里 , 阅读的人数还蛮多的,有些热心的读者甚至还给过我小额打赏,钱虽不多,但是很感动.最几天又收到几位网友的私信,问一些关于videojs使用方面的问题.我自己都不记得videojs长什么模样了,出于别人对我的信任,又回头看了一遍上一篇文章,还是2014年的时候写的,如今videojs的版本已经更新到…

探究javascript对象和数组的异同，及函数变量缓存技巧

javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来存储数据有什么不同.于是,我打算探究探究. 一.掌握三种数据类型首先,一个前提必须掌握的,就是必须理解javascript的数据类型分类,主要分为以下三种: 第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"北京"这个单独的词. 第二…

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s…

前端网络、JavaScript优化以及开发小技巧

一.网络优化 YSlow有23条规则,中文可以参考这里.这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少. 1)合并压缩CSS.JavaScript.图片,静态资源CDN缓存通过构建工具Gulp,可以在开发的时候就将合并压缩的事情一起做掉. 之所以要做合并压缩是因为:HTTP 1.x不允许一个连接上的多个响应数据交错到达(多路复用),因而一个响应必须完全返回后,下一个响应才会开始传输. 也就是说即使客户端同时发送了两个请求,而且CSS资源先准备就绪,服务器也会先发…

工欲善其事，必先利其器之 VS2013全攻略(安装，技巧，快捷键，插件）！

如有需要WPF工具的朋友可以移步工欲善其事,必先利其器之 WPF篇: 随着开发轨迹来看高效WPF开发的工具和技巧之前一篇<c++的性能, c#的产能?!鱼和熊掌可以兼得,.NET NATIVE初窥>承蒙大家喜爱和编辑推荐,在此非常感谢大家支持.在回复中我发现很多朋友还在使用老的IDE,当然有些是公司决定的,和个人无关.但是有条件的话还是新的IDE比较适合大家,毕竟新的IDE会有新的特性来减少大家编程时间,加快效率,这样就会挤出更多的时间给大家思考.做.NET, VS是必备的.所以这次我想…

15个关于Chrome的开发必备小技巧[译]

谷歌Chrome,是当前最流行且被众多web开发人员使用的浏览器.最快六周就更新发布一次以及伴随着它不断强大的开发组件,使得Chrome成为你必备的开发工具.例如,在线编辑CSS,console以及debugger这些常用的调试技术,或许你已经了解.在本篇文章中,我们将介绍15个炫酷且实用的技巧,这将更快的提高你的开发效率. 该篇博客原文地址:http://www.cnblogs.com/giggle/p/5966991.html 一.快速查找文件如果你使用过Sublime,那么你会知道’Go…

Git小技巧 - 指令别名及使用Beyond Compare作为差异比较工具

前言本文主要写给使用命令行来操作Git的用户,用于提高Git使用的效率.至于使用命令还是GUI(Tortoise Git或VS的Git插件)就不在此讨论了,大家根据自己的的喜好选择就好.我个人是比较推荐使用命令行的,因为命令行是原生的客户端,当熟悉了命令行以后,使用效率并不会比GUI低.而且我是从GUI(Tortoise SVN)转命令行的,刚开始的时候也是吐槽命令行的“非人性化”,但我走出了舒适区,真正使用起命令行后,我才发现了自己之前的想法是肤浅的. 指令别名指令别名就是给一些常用的指令…

【工具使用】mac电脑使用技巧

本文地址分享提纲: 1. mac命令行和finder的交互 2. 一些mac的插件 3. 一些开发的配置 1.mac命令行和findder交互 1)命令行中打开当前文件夹: open . 2)文件夹拖动到命令行窗口,显示这个文件夹的路径. 3)[命令行打开文本编辑]open命令 open -e yourFile 参数说明:-e使用文本编辑器打开 open -t yo…

Function.prototype.toString 的使用技巧

Function.prototype.toString这个原型方法可以帮助你获得函数的源代码, 比如: function hello ( msg ){ console.log("hello") } console.log( hello.toString() ); 输出: 'function hello( msg ){ \ console.log("hello") \ }' 这个方法真是碉堡了-, 通过合适的正则, 我们可以从中提取出丰富的信息. 函数名函数形参列表…

SAP CRM 性能小技巧

导言本页面打算收集SAP CRM实施中可以用于避免性能问题的注意事项,重要的事项会由图标标识. 如果你有其他的技巧想要说出来,别犹豫! 性能注意事项通用缓存读取类访问,特别是在性能关键的地方,比如字段检查,这时要避免数据库查询. 尝试把所有的东西放在同一个CRM_ORDER_MAINTAIN调用当中,以避免不必要的开销.编辑多文档的时候也是一样,需要被替换为一个调用. 不要无限制地使用SAP内部API,比如,只读取需要的数据就可以,而不是整个业务. 总是把性能放在心上,特别是在实现经常被调…

分享两个BPM配置小技巧

1.小技巧流程图修改后发布的话版本号会+1,修改次数多了之后可能会导致版本号很高,这个时候可以将流程导出,然后删除对应的流程包再导入,发布数据模型和流程图之后,版本清零 2.小技巧有的同事入职后使用的是公司电脑,环境都装好了,但是呢,SQL的密码不知道,登陆不了,这个时候先用windows身份登录(不需要密码),登陆后展开安全性->展开登陆名->里面有个sa,右键sa选择属性,弹出属性界面,在属性界面修改密码就成如图所示…

linux系统维护时的一些小技巧，包括系统挂载新磁盘的方法！可收藏！

这里发布一些平时所用到的小技巧,不多,不过会持续更新.... 1.需要将history创建硬链接ln 全盘需要备份硬链接 ln /etc/xxx /home/xxx 2.root用户不可以远程 /etc/ssh/sshd_config PermitRootLogin no AllowUsers XXX 3.同步软件时钟 date MMDDhhmmCCYY.ss hwclock --set --date="2011-08-14 16:45:05" 4.SSH服务重启及开关 ubuntu…

12个小技巧，让你高效使用Eclipse

集成开发环境(IDE)让应用开发更加容易.它们强调语法,让你知道是否你存在编译错误,在众多的其他事情中允许你单步调试代码.像所有的IDE一样,Eclipse也有快捷键和小工具,这些会让您感觉轻松许多.Eclipse技巧实在是太多了,这里列出了几个日常使用的: 1．自动完成——Eclipse有一个自动完成代码功能,快捷键是ctrl + space.当点击时就会弹出一个对话框,上面有与前后文相关的一些建议.只要有一个可能性,Eclipse就会替你完成. 2．快速的格式化你的编码——如果代码被修改的…

08讲browse命令的使用技巧

.浏览所有parts ,使用技巧 .浏览所有 nets,使用技巧在上图中选择nets .浏览所有 offpage connector,使用技巧如上 .浏览所有 DRC makers,使用技巧 5.查找功能使用望远镜即可查找,结果显示如下: 查看相关的所有网络,选择flat nets…

(译)你应该知道的jQuery技巧

帮助提高你jQuery应用的简单小技巧. 回到顶部按钮图片预加载判断图片是否加载完自动修补破损图像 Hover切换class类禁用输入停止正在加载的链接 toggle fade/slide 简单的手风琴使两个DIV同等高度在浏览器标签/新窗口打开外部链接根据文本获取元素可见变化的触发 Ajax调用错误处理链式操作回到顶部按钮利用jQuery里的animate和scrollTop方法,你便不需要使用插件创建简单的滚动到顶部动画. // Back to top $('.top…

Promise的前世今生和妙用技巧

浏览器事件模型和回调机制 JavaScript作为单线程运行于浏览器之中,这是每本JavaScript教科书中都会被提到的.同时出于对UI线程操作的安全性考虑,JavaScript和UI线程也处于同一个线程中.因此对于长时间的耗时操作,将会阻塞UI的响应.为了更好的UI体验,应该尽量的避免JavaScript中执行较长耗时的操作(如大量for循环的对象diff等)或者是长时间I/O阻塞的任务.所以在浏览器中的大多数任务都是异步(无阻塞)执行的,例如:鼠标点击事件.窗口大小拖拉事件.定时器触发事件…

Vim新手入门资料和一些Vim实用小技巧

一些网络上质量较高的Vim资料从我07年接触Vim以来,已经过去了8个年头,期间看过很多的Vim文章,我自己觉得非常不错,而且创作时间也比较近的文章有如下这些. Vim入门目前为阿里巴巴高级技术专家的陈皓写的Vim系列文章: 简明 Vim 练级攻略文章很有意思,跟打怪练级一样,你会分别经历如下阶段: 存活感觉良好觉得更好,更强,更快使用VIM的超能力无插件Vim编程技巧出来混,经常会在各种服务器上编辑文件,没有了心爱的配置文件和插件,怎么破?记住这些Vim原生态无需插件就可以使用…

SQL开发技巧(二)

本系列文章旨在收集在开发过程中遇到的一些常用的SQL语句,然后整理归档,本系列文章基于SQLServer系列,且版本为SQLServer2005及以上-- 文章系列目录 SQL开发技巧(一) SQL开发技巧(二) 本文内容简介这篇文章主要介绍以下内容: 快速查询表的总记录数非递归查询树形结构表的所有子节点清除查询缓存编程中构建Where语句的小技巧如何进行跨服务器的数据库查询快速查询表的总记录数什么,你还在用select count(*) from xxx?难道没有园友告诉你用se…

用Excel做出比肩任务管理软件的操作技巧

用Excel做出比肩任务管理软件的操作技巧在项目管理中,网上有各种各样的工具可以选择,到底用哪个,曾一度困扰着我.我是一个有轻度强迫症的人,总是喜欢试用各种各样的系统,以比较他们之间的不同,试图选择出一个最完善的系统.但是,在比较完各种系统之后,发现总是有各种各样的缺点,而在实际的项目中,也总是有各种自己想要达到的效果没法实现.其实我们用Excel这个工具,就能达到大部分的项目管理功能. 一个示例点击"这里"下载模板示例中实现的功能包括任务在7天之内新增的,则显示背景为黄色(按…

Marmoset Toolbag中的角色布光技巧 by Joe”EarthQuake”Wilson

Sagat by Tim “spacemonkey” Appleby 有言在先首先,我要感谢才华横溢的Tim“spacemonkey Appleby允许本教程中使用他那个极其NB的Sagat模型.不得不说,这种带有浓烈艺术气息的东西,很容易使一篇普通的教程瞬间变得高大上.Tim的更多作品请见www.badpolygon.com. 我之前也写过一些关于Marmoset Toolbag中光照内容相关的文章,比如这篇基础光照模型(http://www.marmoset.co/toolbag/lear…

工欲善其事，必先利其器之 WPF篇: 随着开发轨迹来看高效WPF开发的工具和技巧

之前一篇<工欲善其事,必先利其器.VS2013全攻略(安装,技巧,快捷键,插件)!> 看到很多朋友回复和支持,非常感谢,尤其是一些拍砖的喷油,感谢你们的批评,受益良多. 我第一份工作便是WPF的开发,一直到现在都非常喜欢这门技术,从懵懵懂懂到现在有一些WPF开发资历,也算是经历了一段坎坷的过程.我的朋友看到我写了VS2013的全攻略,他就推荐我写一个WPF篇,我想了下,的确很多朋友初接触WPF的时候难免会觉得WPF开发十分困难,归其原因,很多时候是出错后并不知道如何调试毫无头绪.下面我便顺着我…

WebStorm 常用功能的使用技巧分享

WebStorm 是 JetBrain 公司开发的一款 JavaScript IDE,使用非常方便,可以使编写代码过程更加流畅. 本文在这里分享一些常用功能的使用技巧,希望能帮助大家更好的使用这款强大的 JavaScript 开发工具. 文章来源:葡萄城产品技术社区代码编辑代码跳转: Ctrl + 左键或者 Ctrl + B,可以跳转到函数或者变量的声明位置调用位置: Alt + F7,查找调用者自动补全: 最好是修改一下响应时间,Settings->Editors->General…

mako模板调试与使用技巧

django默认的模板太不灵活,想把一个数字0.15显示成15%都得费不少劲,太不爽!!! 网上查阅了几个模板系统,有Jinja2等等,最后发现mako能够直接支持python的语句,最为灵活,果断选用. 使用过程中碰见的问题不少,记录如下: 1. 调试技巧:如果在mako的模板显示过程中出现问题,django的错误提示就一个字,“错”,剩下的,慢慢查吧,然后我挨个删除,挨个尝试,就一个惨字了得.弄了几个错误之后崩溃了.最后在stackoverflow上面找到了解决办法,代码如下: from m…

iOS----调试技巧，让你的开发事半功倍

NSLog,po命令和普通断点调试相信每个iOS开发者都会,这里就不作介绍了. 一.Memory Graph Xcode8新增:Memory Graph解决闭包引用循环问题这个时候就进入了断点模式,可以查看issue面板,注意选择右边Runtime: 有很多叹号说明就有问题了.看内存中object的名字,有一条是Closure captures leaked.展开后点击就可以看到这个issue对应的内存图形展示在中间的面板中.当然了,我们更多的时候是在debug页面下查看: 所以,这里面引用循…

TODO：Github的使用技巧之同步代码

TODO:Github的使用技巧之同步代码 GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub. GitHub 于 2008 年 4 月 10 日正式上线,除了 Git 代码仓库托管及基本的 Web 管理界面以外,还提供了订阅.讨论组.文本渲染.在线文件编辑器.协作图谱(报表).代码片段分享(Gist)等功能. GitHub平台上开源项目可以免费托管,但私有库则需要托管费(学生可以免费使用). GitHub可以托管各种git…