摘要: 把其他域的图片在canvas中转换为base64时,会遇到跨域安全限制。 目前,唯一可行的方案是,把图片文件以arraybuffer的形式ajax下载下来,然后直接转base4。 但是,这样有个毛病,就是可能会浪费带宽,多下载一次。 参考 http://stackoverflow.com/quest 阅读全文
posted @ 2015-10-27 15:55 youryida 阅读(5927) 评论(0) 推荐(0) 编辑
摘要: 今天在iphone6 plus的safari上测试这么一段代码: 发现,点击<img>和<a>是可以触发事件的,但是点击<div>无效。 1.起初,我以为是引用的zepto的问题,后来用了jquery之后,发现也是这个表现,并且,PC和Android设备都没有问题,唯独ios的safari无法触发事 阅读全文
posted @ 2015-10-19 20:27 youryida 阅读(1617) 评论(0) 推荐(1) 编辑
摘要: sublime text有一个很人性化的功能,就是打开窗口的时候,它会把上一次关闭时的编辑器工作区状态完全复原(不论文件是否已经保存)。只有一个项目的时候,这个功能非常方便,可以保证重启电脑后coding的连续性。但是,如果我有这么一个需求: 1、今天我手上有三个项目,需要频繁快速切换开发 2、我有... 阅读全文
posted @ 2015-10-17 22:21 youryida 阅读(4263) 评论(0) 推荐(4) 编辑
摘要: 9.28利用grunt搭建了一个静态文件服务器,并添加了浏览器自动打开页面+监听自动刷新"connect-livereload": "~0.5.3","grunt-contrib-watch": "~0.6.1","grunt-contrib-connect": "~0.10.1","grunt-o... 阅读全文
posted @ 2015-09-29 17:04 youryida 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 最近着手开发一个新项目,打算从工程化的角度整理一套自己的前端开发、发布体系。grunt这些工具,之前别人用我也用,并没有认真想过它们的前世今生,正好趁着这个机会,我来理一理目前业界比较流行这些工具的用处和相互关系。一、名词解释nodejs——可以在本地执行js代码的环境(类似java的jdk)npm... 阅读全文
posted @ 2015-09-23 20:07 youryida 阅读(781) 评论(0) 推荐(0) 编辑
摘要: 1.为非a列表项添加触感样式 通过js注册touchstart和touchend事件,添加触感class的方式, 有个坑,低版本的Android浏览器,经常触发不到touchend,需要再额外注册一个touchcancel。2.IOS webview的fixed满屏遮罩 bottom或者hei... 阅读全文
posted @ 2015-08-29 12:11 youryida 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 一、需求一个每一项都是图文混排的列表页,在需要对其中的某一部分文字进行选中copy的时候,IOS个二货每次都是直接选中了整个列表项,无论怎么操作它的选框都没有办法做到部分选中。这是我本周遇到遇到的最奇葩的问题,没有之一。二、思路仔细思考并试验之后,找到了三个解决方案:(一)放开页面的缩放限制,在用户... 阅读全文
posted @ 2015-08-14 19:41 youryida 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 今天遇到一个问题'5.4.0a'.match(/[\d.]+/)按照我之前的理解,[]表示里面的任意一个字符的意思,\d表示数字,.表示任意单个字符,这样的话,匹配结果应该是'5.4.0a'but,实践结果是'5.4.0'显然这里的.表示的只是. 并没有别的意思,'5.4.0a'.match(/[\... 阅读全文
posted @ 2015-08-11 16:56 youryida 阅读(428) 评论(0) 推荐(0) 编辑
摘要: 需求:在浏览器或者app webview中打开的页面,js判断本机是否已安装搜狐新闻客户端。一、微信1.分享——好友/朋友圈,feed会有搜狐新闻标记,打开url后缀参数isappinstalled=0/1(本机已装app为1,反之为0)2.微信浏览器打开之后,点击右上角二次分享——好友/朋友圈,f... 阅读全文
posted @ 2015-08-07 15:57 youryida 阅读(583) 评论(0) 推荐(0) 编辑
摘要: 好累 以后再写http://docs.telerik.com/fiddler/knowledgebase/autoresponder 阅读全文
posted @ 2015-08-06 14:14 youryida 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 1.jquery dataTable.js 官网:http://datatables.net/ 中文:http://dt.thxopen.com/2.汉化提示信息(放到xx.js中,引入即可) 注:只测试过DataTables-1.10.5版本/*汉化by lxf qq1140215489*/(... 阅读全文
posted @ 2015-03-11 16:22 youryida 阅读(4136) 评论(0) 推荐(0) 编辑
摘要: 1、简单少重用的前端模板可以配合underscore的模板引擎用script 注:解决语法和jsp冲突的问题 可以用转义,也可以_.templateSettings = {interpolate : /\{\{(.+?)\}\}/g};2、验证插件,jqueryvalidate支持控件元素自定... 阅读全文
posted @ 2015-03-03 14:14 youryida 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 1、bootstrap 编程式弹窗——bootbox2、 下拉选框——chosen3、日期时间选择——jquery-ui-timepicker-addon http://trentrichardson.com/ 阅读全文
posted @ 2015-02-27 17:53 youryida 阅读(139) 评论(0) 推荐(0) 编辑
摘要: npm文档:www.npmjs.comgrunt基础教程:http://www.gruntjs.net/docs/getting-started/ http://www.w3cplus.com/tools/grunt-tutorial-start-grunt.html http://www.w3... 阅读全文
posted @ 2014-12-30 19:24 youryida 阅读(263) 评论(0) 推荐(0) 编辑
摘要: Freemark基本语法知识Freemark 常用代码总结1Freemark 常用代码总结2笔记,吐槽一下freemark的蛋疼语法。1.elseif 中间不能有空格2.三目运算符 语法和jsp中EL表达式的不同——${true?string('5','7')}. 因为优先级 ? 大于 == ... 阅读全文
posted @ 2014-11-18 17:16 youryida 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 根据我最近使用git的一些经历,git是基于分支的版本控制工具,分支有远程分支和本地分支。 一、开发流程 - 从远程服务器的master,clone一份项目文件到本地,然后本地master的基础上branch一个新的本地分支xname(或者branch一个已有的远程分支),然后checkout切换到 阅读全文
posted @ 2014-09-22 22:06 youryida 阅读(804) 评论(0) 推荐(0) 编辑
摘要: 1.禁止缩放+禁止缓存 2.-webkit-定制css更多参考:http://www.cnblogs.com/radom/archive/2012/04/19/2457356.html-webkit-touch-callout:none;-webkit-... 阅读全文
posted @ 2014-04-12 10:50 youryida 阅读(446) 评论(0) 推荐(0) 编辑
摘要: 今天有一个类似网络爬虫的需求,本来打算用我还算熟悉的asp或者asp.NET来做这个事情,但是写了这么长时间js,asp的语法实在不喜欢,VS又早被我卸掉了,思来想去打算用一下最近比较火的Node.js试一试。倒腾了一整晚,很有必要为之文以志之下。O(∩_∩)O~一、安装node.js http:/... 阅读全文
posted @ 2014-04-02 22:21 youryida 阅读(372) 评论(0) 推荐(0) 编辑
摘要: 1、多class筛选 有.a有.b的 .find(".a.b").length 有.a没.b的 .find(".a:not(.b)").length 阅读全文
posted @ 2014-03-19 17:48 youryida 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 首先,明确两个概念的区别:chrome扩展程序和Web Apps。具体参考:http://www.chromi.org/archives/10106本文只讨论chrome扩展程序。最好的开发教程莫过于官方的文档: https://developer.chrome.com/extensions/in... 阅读全文
posted @ 2014-03-04 18:18 youryida 阅读(288) 评论(0) 推荐(0) 编辑