解析表情
<!DOCTYPE html> <htmlxmlns="http://www.w3.org/1999/xhtml"> <headrunat="server"> <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/> <title></title> <scriptsrc="jquery.min.js"></script> <style> #emoji span { float: left; display: block; width:30px; height:30px; line-height:30px; font-size:16px; cursor: pointer; } </style> </...
解决IE不支持html5 file api中readAsBinaryString
//废话不多说，直接上源码 var reader = new FileReader(); reader.readAsBinaryString(fileData); reader.onload = function(e) { if (reader.result) reader.content = reader.result; var base64Data = btoa(reader.content); //... } //extend FileReader if (!FileReader.prototype.readAsBinaryString) { FileReader.prototype.readAsBinaryString = function (fileData) { var binary = ""; var pt = this; var reader = new FileReader(); reader.onload =...
[转]纯CSS 实现radio checkbox样式美化
.demo--label{margin:20px 20px 0 0;display:inline-block} .demo--radio{display:none} .demo--radioInput{background-color:#fff;border:1px solid rgba(0,0,0,0.15);border-radius:100%;display:inline-block;height:16px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:16px;line-height:1} .demo--radio:checked + .demo--radioInput:after{background-color:#57ad68;border-radius:100%;content:"";display:inline-block;height:12px;margin:2px;width:12px} .demo--checkbox.demo--radio...
js验证图片真实格式（针对手动修改后缀名）
js验证图片真实格式（针对手动修改后缀名） <input type="file" id="file" onchange="handleFiles(this.files)"/> <script> function handleFiles(files) { if (files.length) { var file = files[0]; console.log(file.name); console.log(getFileExt(file)); } } function getFileExt(file) { var index = file.name.lastIndexOf('.'); var fileExt = file.name.substring(index+1); return fi...
踩坑：white-space: nowrap;
规定段落中的文本不进行换行： p { white-space:nowrap; } 属性定义及使用说明 white-space属性指定元素内的空白怎样处理。 默认值： normal 继承： yes 版本： CSS1 JavaScript 语法： object.style.whiteSpace="pre" 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 white-space 1.0 5.5 3.5 3.0 9.5 属性值 值 描述 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap 文本...
jquery模版引擎：jquery tmpl 详解
动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。 这些情况下，动态请求返回的数据一般不是已拼好的 HTML 就是 JSON 或 XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回 HTML 不划算，而在 web 传输方面，现在更多的是使用 JSON 而不是 XML。 浏览器端根据 JSON 生成 HTML 有个很苦恼的地方就是，结构不复杂的时候还好，结构一复杂，就想死了，需要很小心很小心地写出几乎无法维护的 JavaScript 代码。 因此一些用模...
jquery下拉加载更多
<!DOCTYPE=html> <html> <head> <script src="js/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ var range = 50; //距下边界长度/单位px var elemt = 500; //插入元素高度/单位px var maxnum = 20; //设置加载最多次数 var num = 1; var totalheight = 0; var main = $("#content"); ...
关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
作者：陈希章 时间：2014-7-3 问题描述 当跨域（cross domain）调用ASP.NET MVC或者ASP.NET Web API编写的服务时，会发生无法访问的情况。 重现方式 使用模板创建一个最简单的ASP.NET Web API项目，调试起来确认能正常工作 创建另外一个项目，仅仅包含一个HTML页面，发起AJAX的调用 在浏览器中打开这个网页，我们会发现如下的错误（405：Method Not Allowed） 【备注】同样的情况，也发生在ASP.NET MVC中。某些时候，MVC也可以直接用来开发服务，与WebAPI相比各有优缺点。下面是一个利用MVC开发...
AngularJs 禁止模板缓存
//使用$templateCache清除缓存 // 禁止模板缓存 app.run(function($rootScope, $templateCache) { $rootScope.$on('$routeChangeStart', function(event, next, current) { if (typeof(current) !== 'undefined'){ $templateCache.remove(current.templateUrl); } }); });