随笔分类 - [09]CSS/JavaScript
摘要：本地预览的意思是，在选择图片之后先不上传到服务器，而是由一个 中获取到图片流，然后设置到``进行显示，但 IE8/9 浏览器只能获取到本地图片的绝对路径，并且设置 src 是无效的。 解决上面问题的方式是采用 css 图片滤镜，示例代码： 获取 是为了解决发布 IIS 之后，出现本地图片路径变成 的
阅读全文
摘要：IE8/9 JQuery.Ajax 上传文件有两个限制： 1. 使用 JQuery.Ajax 无法上传文件（因为无法使用 FormData，FormData 是 HTML5 的一个特性，IE8/9 不支持） 2. 使用 JQuery Form 上传，contentType 只能为 text/html
阅读全文
摘要：bootstrap fileinput 是一款图片/文件上传 bootstrap 插件，简单示例代码： 后端代码： 演示效果： 头像上传示例代码： 演示效果： 参考资料： https://github.com/kartik v/bootstrap fileinput http://plugins.k
阅读全文
摘要：今天在开发的时候，遇到一个问题， 在 IE8 浏览器不起作用，但 Chrome，Firefox 却是可以的，网上资料很多，最后发现是 IE8 默认不支持 CORS 请求，需要手动开启下： 参考资料： "Ajax call not working in IE8" 后来发现上面的设置在 IE8/IE9
阅读全文
摘要：之前看了一篇文章《 "我们为什么要尝试前后端分离" 》，深有同感，并有了下面的评论： 我最近也和前端同事在讨论这个问题，比如有时候前端写好页面给后端了，然后后端把这些页面拆分成很多的 views，有时候还会在这些 view 中写一些 c 代码，突然有一天前端页面的样式出错了，但前端那里并没有问题，然
阅读全文
摘要：开源地址：https://github.com/yuezhongxin/paste upload image.js 支持 Ctrl+C/Ctrl+V 上传，支持拖拽上传，也支持 QQ/微信截图上传。 使用（返回 格式的图片）： 使用： 后端处理： 效果展示：
阅读全文
摘要：今天调试一个看起来很简单的前端问题，但却花了太多的时间，示例代码： 效果： 上面是我们一般设计后台使用的代码和样式，左边是菜单区域，右边是内容操作区域，但左边菜单区域因为分辨率或窗口大小进行了缩放，也就是菜单变形了，现在要求左边菜单固定宽度不拉伸，右边内容操作区域可以进行缩放，所以，我们改了下面的代
阅读全文
摘要：JS 方式加载 CSS、JS 文件： 上面这种方式很简单，但也会出现一些问题，比如加载 JS 文件之后，需要执行 JS 内的方法，这时候偶尔会找不到方法执行，因为可能加载 JS 文件的时候，网络卡掉了，所以，需要换种方式加载，必须在加载 JS 文件完成之后，执行 JS 内部方法。 JQuery 加载
阅读全文
摘要：上面的代码会出现一种问题：当点击按钮的时候，onblur 会执行，onblur 一般是用来检查文本框的内容，我们并不希望在点击按钮的时候执行，并且 onblur 会执行在 onclick 之前。 解决方式： 主要作用是延迟 onblur 的执行，在 onclick 执行的时候，取消 onblur 的
阅读全文
摘要：注：文章内容都是摘录性文字，自己阅读的一些笔记，方便日后查看。 MVC MVC（Model View Controller），M 是指业务模型，V 是指用户界面，C 则是控制器，使用 MVC 的目的是将 M 和 V 的实现代码分离，从而使同一个程序可以使用不同的表现形式。 交互方式（所有通信都是单向
阅读全文
摘要：官网：https://highlightjs.org/ API：http://highlightjs.readthedocs.org/en/latest/api.html 1. 简单使用： 默认高亮 initHighlightingOnLoad`是在页面加载时执行。 2. 定制 自定义高亮``块包裹
阅读全文
摘要：示例代码： 上面是我们一般在 MVC 中，使用 BeginForm 的方式，但这样我们没办法设置 Form 提交的 timeout，解决方式如下： 首先，提交按钮的类型改为 botton，并增加 onclik 事件： 增加 submit 脚本方法：
阅读全文
摘要：推荐四篇文章： "JavaScript 是单线程的深入分析" "JavaScript 运行机制详解：再谈 Event Loop" "JavaScript 异步编程的4种方法" "JavaScript 既是单线程又是异步的，请问这二者是否冲突，以及有什么区别？" 一个重要前提： JavaScri...
阅读全文
摘要：开源地址：https://github.com/yuezhongxin/Mention.js 插件效果：类似于微博或 github 中 @user 列表效果。 这是个二次开发的插件，花了几天时间，对 "Mention.js" （作者 "jakiestfu" ） 进行了一些改进，主要是下面几个方面...
阅读全文
摘要：两个站点：* a.sample.com* b.sample.coma.sample.com 站点中的一段示例 JS 代码：```javascriptvar iframe = document.createElement("iframe");iframe.id = "frame";iframe.src...
阅读全文
摘要：问题：iPhone6 plus 手机浏览网页，fieldset border 边框消失。示例代码：```html 引用 这里是引用内容。。。 这里是评论内容。。。```上面代码的大致效果为：这是没有什么问题的，用手机浏览测试，其他手机都没问题，但 iPhone6 ...
阅读全文
摘要：之前的一篇博文：[jsonp跨域+ashx（示例）](http://www.cnblogs.com/xishuai/p/3552919.html)### 1. 安装 Jsonp 程序集：```PM> Install-Package WebApiContrib.Formatting.JsonpPM> ...
阅读全文
摘要：* 小写：toLowerCase()* 大写：toUpperCase()示例代码：```javascript```
阅读全文
摘要：输入进行 Html 转码：```cssharpHttpUtility.HtmlEncode(content);```输入保留 Html 标记，使用 AntiXSS 过滤：```htmlInstall-Package AntiXSS``````cssharpMicrosoft.Security.App...
阅读全文
摘要：示例代码：```html ```参考资料：* [JavaScript获取图片的原始尺寸](http://www.cnblogs.com/snandy/p/3704218.html)* [jquery .each() .load() wait for completion](http://sta...
阅读全文
