youryida

摘要： 把其他域的图片在canvas中转换为base64时，会遇到跨域安全限制。 目前，唯一可行的方案是，把图片文件以arraybuffer的形式ajax下载下来，然后直接转base4。 但是，这样有个毛病，就是可能会浪费带宽，多下载一次。 参考 http://stackoverflow.com/quest 阅读全文

摘要： 今天在iphone6 plus的safari上测试这么一段代码： 发现，点击<img>和<a>是可以触发事件的，但是点击<div>无效。 1.起初，我以为是引用的zepto的问题，后来用了jquery之后，发现也是这个表现，并且，PC和Android设备都没有问题，唯独ios的safari无法触发事 阅读全文

摘要： sublime text有一个很人性化的功能，就是打开窗口的时候，它会把上一次关闭时的编辑器工作区状态完全复原（不论文件是否已经保存）。只有一个项目的时候，这个功能非常方便，可以保证重启电脑后coding的连续性。但是，如果我有这么一个需求： 1、今天我手上有三个项目，需要频繁快速切换开发 2、我有... 阅读全文

摘要： 9.28利用grunt搭建了一个静态文件服务器，并添加了浏览器自动打开页面+监听自动刷新"connect-livereload": "~0.5.3","grunt-contrib-watch": "~0.6.1","grunt-contrib-connect": "~0.10.1","grunt-o... 阅读全文

摘要： 最近着手开发一个新项目，打算从工程化的角度整理一套自己的前端开发、发布体系。grunt这些工具，之前别人用我也用，并没有认真想过它们的前世今生，正好趁着这个机会，我来理一理目前业界比较流行这些工具的用处和相互关系。一、名词解释nodejs——可以在本地执行js代码的环境（类似java的jdk）npm... 阅读全文

摘要： 1.为非a列表项添加触感样式 通过js注册touchstart和touchend事件，添加触感class的方式， 有个坑，低版本的Android浏览器，经常触发不到touchend，需要再额外注册一个touchcancel。2.IOS webview的fixed满屏遮罩 bottom或者hei... 阅读全文

摘要： 一、需求一个每一项都是图文混排的列表页，在需要对其中的某一部分文字进行选中copy的时候，IOS个二货每次都是直接选中了整个列表项，无论怎么操作它的选框都没有办法做到部分选中。这是我本周遇到遇到的最奇葩的问题，没有之一。二、思路仔细思考并试验之后，找到了三个解决方案：（一）放开页面的缩放限制，在用户... 阅读全文

摘要： 今天遇到一个问题'5.4.0a'.match(/[\d.]+/)按照我之前的理解，[]表示里面的任意一个字符的意思，\d表示数字，.表示任意单个字符，这样的话，匹配结果应该是'5.4.0a'but，实践结果是'5.4.0'显然这里的.表示的只是. 并没有别的意思，'5.4.0a'.match(/[\... 阅读全文

摘要： 需求：在浏览器或者app webview中打开的页面，js判断本机是否已安装搜狐新闻客户端。一、微信1.分享——好友/朋友圈，feed会有搜狐新闻标记，打开url后缀参数isappinstalled=0/1（本机已装app为1，反之为0）2.微信浏览器打开之后，点击右上角二次分享——好友/朋友圈，f... 阅读全文

摘要： 好累 以后再写http://docs.telerik.com/fiddler/knowledgebase/autoresponder 阅读全文

摘要： 1.jquery dataTable.js 官网：http://datatables.net/ 中文：http://dt.thxopen.com/2.汉化提示信息（放到xx.js中，引入即可） 注：只测试过DataTables-1.10.5版本/*汉化by lxf qq1140215489*/(... 阅读全文

摘要： 1、简单少重用的前端模板可以配合underscore的模板引擎用script 注：解决语法和jsp冲突的问题 可以用转义，也可以_.templateSettings = {interpolate : /\{\{(.+?)\}\}/g};2、验证插件，jqueryvalidate支持控件元素自定... 阅读全文

摘要： 1、bootstrap 编程式弹窗——bootbox2、 下拉选框——chosen3、日期时间选择——jquery-ui-timepicker-addon http://trentrichardson.com/ 阅读全文

摘要： npm文档：www.npmjs.comgrunt基础教程：http://www.gruntjs.net/docs/getting-started/ http://www.w3cplus.com/tools/grunt-tutorial-start-grunt.html http://www.w3... 阅读全文

摘要： Freemark基本语法知识Freemark 常用代码总结1Freemark 常用代码总结2笔记，吐槽一下freemark的蛋疼语法。1.elseif 中间不能有空格2.三目运算符 语法和jsp中EL表达式的不同——${true?string('5','7')}. 因为优先级 ? 大于 == ... 阅读全文

摘要： 根据我最近使用git的一些经历，git是基于分支的版本控制工具，分支有远程分支和本地分支。 一、开发流程 - 从远程服务器的master，clone一份项目文件到本地，然后本地master的基础上branch一个新的本地分支xname（或者branch一个已有的远程分支），然后checkout切换到 阅读全文

摘要： 1.禁止缩放+禁止缓存 2.-webkit-定制css更多参考：http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html-webkit-touch-callout:none;-webkit-... 阅读全文

摘要： 今天有一个类似网络爬虫的需求，本来打算用我还算熟悉的asp或者asp.NET来做这个事情，但是写了这么长时间js，asp的语法实在不喜欢，VS又早被我卸掉了，思来想去打算用一下最近比较火的Node.js试一试。倒腾了一整晚，很有必要为之文以志之下。O(∩_∩)O~一、安装node.js http:/... 阅读全文

摘要： 1、多class筛选 有.a有.b的 .find(".a.b").length 有.a没.b的 .find(".a:not(.b)").length 阅读全文

摘要： 首先，明确两个概念的区别：chrome扩展程序和Web Apps。具体参考：http://www.chromi.org/archives/10106本文只讨论chrome扩展程序。最好的开发教程莫过于官方的文档： https://developer.chrome.com/extensions/in... 阅读全文