判断一个字符串中出现次数最多的字符,统计这个次数
2017/07/06 javascript字符出现次数统计
判断一个字符串中出现次数最多的字符,统计这个次数,最优雅是实现方式实现方式一,需要浏览器支持es6var str = 'asdfadfdsafda'; var calcNum = {}; for(var i=0;i<str.leng...
avalon组件使用方法
2017/06/30 avalon组件
详情请看官网组件部分:http://avalonjs.coding.me/component.html 这里只写几个demo1,avalon的slot插槽机制(建议用<xmp></xmp>)<!DOCTYPE html PUBLIC "-//W3C//DTD XH...
img图片加载失败时加载默认图片onerror事件进入循环解决方案
2017/06/29 image onerror
当图片加载失败的时候,我们可以利用onerror事件赋予它默认图片,但是问题来了,假如默认图片又不存在呢,即加载失败,这个时候就会陷入死循环。为了避免死循环的情况,我们可以在执行完onerror事件后,置于onerror=null 来清除onerror事件,参考代码...
avalon组件实例
2017/06/21 avalon组件
avalon组件模板template只允许又一个顶层标签<!DOCTYPE html> <html>     <head>         <title>ms-if</titl...
判断IE版本
2017/06/20 ie版本
    function isIE() {             var v = 3, div = document.createEl...
JavaScript深入之继承的多种方式和优缺点【转载】
2017/06/14 javascript prototype
作者:冴羽https://github.com/mqyqingfeng/Blog/issues/16写在前面本文讲解JavaScript各种继承方式和优缺点。但是注意:这篇文章更像是笔记,哎,再让我感叹一句:《JavaScript高级程序设计》写得真是太好了!1.原型链继承function&nbs...
canvas与image互转
2017/06/08 canvas image
转换 Image为 Canvas要把图片转换为Canvas(画板,画布),可以使用canvas元素 context 的drawImage方法:// 把image 转换为 canvas对象 function convertImageToCanvas(image) { // 创建...
html2canvas将dom转为canvas
2017/06/08 html2canvas
官方github地址:https://github.com/niklasvh/html2canvas 支持的浏览器 Firefox 3.5+ Google Chrome Opera 12+ IE9+ Safari 6+ 工作原理 Html2canvas...
平时收集的一些有关UED的团队和个人博客[转载]
2017/06/07
平时收集的一些有关UED的团队和个人博客前端团队阿里巴巴 UED -- 我们设计的界面,并没有几十亿的流量,但每天来自上百个国家的百万商人在使用着。阿里巴巴中国站UED -- 阿里巴巴中国站UED成立于1999年,全称是用户体验设计部(User Exp...
javascript 函数节流
2017/06/05 javascript节流函数
转载:http://www.cnblogs.com/dolphinX/p/3403821.html 函数防抖和节流 - 简书 (jianshu.com)<script type="text/javascript">         n=0;...
dom选择器
2017/05/04
github项目地址:https://github.com/liupishui/domQuery<!DOCTYPE html> <html>     <head>         <meta&nbs...
javascript 实现htmlEncode和htmlDecode
2017/05/02
var HtmlUtil = {          htmlEncode:function (html){        &n...
bootstrap-table服务器端分页示例
2017/04/27 bootstrap bootstraptable
bootstrap-table官方文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
VLC网页播放rtsp视频流
2017/01/19
前提必须安装VLC播放器<html> <body> <!--[if IE]>    <object type='application/x-vlc-plugin' id='vlc' events='True'...
requestAnimationFrame兼容代码
2016/12/28 requestAnimationFrame
requestAnimationFrame兼容代码    (function(){         var lastTime = 0;        &...
HTML5 消息通知
2016/12/23
最近看腾讯视频总是看到,浏览器右下角有消息通知;哎呦,这怎么出来的。经过度娘搜索得知是H5大兄的notificationDemo:        //判断浏览器是否支持notification    &...
avalon绑定数据时checkbox在部分浏览器点击两次选中的情况
2016/12/01 avalon
checkbox在部分浏览器点击两次选中的情况解决方案<!DOCTYPE html> <html>     <head>         <meta charset=&qu...
avalon学习笔记一
2016/11/30 avalon
记: 大项目用ng,小项目用vue,中项目用react,如果想兼容ie8及以下浏览器请用司徒正美的avalon上学习demo<!DOCTYPE html> <html>     <head>     &nbs...