摘要: https://github.com/zenorocha/clipboard.js 库,真的是个好库,而且不依赖flash,几乎完美支持移动端。但是,移动端应用有些不趟不知的小tip,这里归档下。 原理 没啥复杂的,基本就是创建一个input,文本塞进去,全部选中,然后document.execCo 阅读全文
posted @ 2018-09-21 18:21 youryida 阅读(2413) 评论(0) 推荐(0) 编辑
摘要: 想都不要想了,无法备案。 因为,备案是在主机服务器提供商处的备案平台提交申请,国外的主机服务商是没有这种平台服务的。(跟你域名在哪儿买的没关系) 下面,把昨天折腾到半夜的过程记录一下,希望可以帮到需要的同学。 需求 国外主机(搬-瓦-工)+ 阿里云.top域名,在微信内正常访问 问题 微信会拦截,提 阅读全文
posted @ 2018-07-10 11:17 youryida 阅读(9848) 评论(0) 推荐(2) 编辑
摘要: 前阵子跟server同学讨论一个Excel导出的需求,我说JS搞不定,需要server来做,被server同学强行打脸。 今天研究了下,尼玛,不光可以,还很强大了! 总结:经验是害人的,尤其是在发展迅速的前端圈儿,and,需要保持饥渴,保持对新技术的敏感度。 注:以下只探讨现代浏览器 1. 最简单的 阅读全文
posted @ 2018-07-06 21:25 youryida 阅读(19727) 评论(5) 推荐(8) 编辑
摘要: 今天一时兴起,写了一个渐进升级的异步调用demo,记录一下。 1. 最基础的同步调用 2. 引入异步回调 3. 回调函数名解耦 4. 更多层级的异步回调 4.1 试着优雅一点 5. 观察者模式拉平回调 重新思考下,看起来逐级依赖的函数回调,随着层级的加深,在传参和调用上都越来越吃力了。我们现在想办法 阅读全文
posted @ 2018-07-05 18:38 youryida 阅读(851) 评论(4) 推荐(0) 编辑
摘要: 上面代码输出是5,如果希望输出是2 在我刚入行那个年代,这题目想考察的一定是闭包,如下: 但是,2016年开始,ES6成了面试必问套路。在ES6里面,多了一个答案,如下: 即 var 改为let,利用了ES6里的块级作用域。 今天,看一篇文章,突然看到了另外一个方案,这方案是ES5就支持的with, 阅读全文
posted @ 2018-07-03 17:04 youryida 阅读(292) 评论(0) 推荐(0) 编辑
摘要: https://www.cnblogs.com/wj033/p/3451618.html 正则日志分析统计 3 grep 'onerror' v3-0621.log | egrep -v '(\dG|WIFI)' grep 'onerror' v3-0621.log | egrep -v 'S-TO 阅读全文
posted @ 2018-02-02 15:34 youryida 阅读(457) 评论(0) 推荐(0) 编辑
摘要: 两个月前给一个运营站点做了个封皮,今天再做竟然忘了怎么搞了。。。为之文以志。 流程参考: http://www.cnblogs.com/2050/p/3543011.html 相关命令: 文档: http://docs.nwjs.io/en/latest/References/Window/#win 阅读全文
posted @ 2017-09-10 10:28 youryida 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 表单提交 [ie6] form默认特性(input回车以及点击type=submit的按钮会自动触发form submit),在ie6中,不能使button[submit],必须是input[submit]在avalon中,ie6-8均不能支持到在submit触发函数中阻止页面跳转的工作,先弃用以上 阅读全文
posted @ 2017-08-10 15:22 youryida 阅读(229) 评论(0) 推荐(0) 编辑
摘要: 测试同学突然拿着一部手机过来说,H5渲染各个元素都变大了,有些元素撑出了屏幕外面。 本来以为是某个Webview的渲染兼容问题,结果发现所有的浏览器都这样。 莫名其妙,隐约感觉是 rem计算出了问题,开始一点点查。 因为,组内移动端项目,统一约束了宽度满屏7.5rem,所以,先看看这个比例: 如下图 阅读全文
posted @ 2017-08-07 16:44 youryida 阅读(725) 评论(0) 推荐(0) 编辑
摘要: 坑爹的ie,作为小组leader,尼玛,小伙伴儿们不乐意做的事情,我来做好了。。心累、、、 如果,各位同学有定制开发ie6-8版本的需求,还是尽量不要用单页应用模式了,也不要用avalon这类mvvm框架了,也不是不能做,这种mvvm模式写起来还是挺爽的。 只是一旦在 ie6上遇到奇葩问题,你会很闹 阅读全文
posted @ 2017-07-30 16:35 youryida 阅读(453) 评论(0) 推荐(0) 编辑
摘要: 好久没写博客了,刚好今天跨年夜没约到什么妹子,在家宅着不如写点东西好了。 需求 昨天晚上,给公司年会做一个移动端的投票页面,遇到一个UI优化的问题: · 正文内容少于一屏时,投票提交按钮固定显示在页面底部(如图一)· 正文内容多于一屏时,投票提交按钮,跟随内容,流式显示在内容下面(如图二)附图: 以 阅读全文
posted @ 2017-01-01 00:01 youryida 阅读(397) 评论(0) 推荐(1) 编辑
摘要: 兼容性技术选型 前后端分离 代理gulp nginx jq+angluar1.8.2 使用级别刚刚好的相对目录,方便转移项目或者做接口代理时的切换目录 指令过滤器服务控制器书写位置 方法封装,自己写和使用jq 考虑mvc分层 公用私有业务文件目录等公用方法公用样式 sass公共样式 html叠加 层 阅读全文
posted @ 2016-05-23 13:27 youryida 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 技巧集:http://www.gulpjs.com.cn/docs/recipes/ 其实无非就是利用各种gulp插件、node脚本对项目文件做各种IO操作,只是备忘,需要的话,还是自己重新写最合适。 1. 一个justwork的多页应用工作流 毛病:如果需要task之间的同步依赖关系,那么上一个t 阅读全文
posted @ 2016-05-13 10:20 youryida 阅读(848) 评论(0) 推荐(0) 编辑
摘要: 搜狐邮箱APP 使用了cordova框架,遇到了一些列问题,稍微总结记录下 扩展支持appInBrowser,用来以新窗口方式打开外链url 解决跨域问题(cordova默认当前域为localhost) 远程调试问题(Android通过chrome连接数据线开启远程调试) 模拟调试时,PC浏览器和A 阅读全文
posted @ 2016-05-05 19:13 youryida 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 需求:在不同的移动终端设备中实现,UI设计稿的等比例适配。 方案:布局排版都用rem做单位,然后不同宽度的屏,js动态计算根节点的font-size。 假设设计稿是宽750px来做的,书写css方便计算考虑,根节点的font-size假定为100px,得出设备宽为7.5rem。设计稿中标注的任何px 阅读全文
posted @ 2016-04-29 21:09 youryida 阅读(7536) 评论(0) 推荐(0) 编辑
摘要: 安装 in mac https://www.cnblogs.com/meng1314-shuai/p/8335140.html Nginx相关命令 mac下启动: 通过brew 安装install 后sudo cp /usr/local/opt/nginx/*.plist /Library/Laun 阅读全文
posted @ 2016-04-22 17:10 youryida 阅读(481) 评论(0) 推荐(0) 编辑
摘要: 背景: 1.实现前后端绝对分离。项目迭代过程中,前端后端各自上线,互不影响互不依赖,解决前端逻辑的修改需要依赖后端同学发新包重新上线的问题。 2.保证页面文件的静态化,提高服务相应效率。 3....方案: 1.前后端通信——完全走ajax,使用服务器代理中转(如配置nginx)解决跨域2.file 阅读全文
posted @ 2016-03-02 20:43 youryida 阅读(569) 评论(0) 推荐(0) 编辑
摘要: 一、父子交互的跨域限制 同域情况下,父页面和子页面可以通过iframe.contentDocument或者parent.document来交互(彼此做DOM操作等,如父页面往子页面注入css)。 跨域情况下,就会有限制,无法相互操作。 【解决办法】 1.主域不同 没招 2.主域相同,子域不同 以父( 阅读全文
posted @ 2016-03-01 20:37 youryida 阅读(1300) 评论(0) 推荐(0) 编辑
摘要: /* animate*///直接加载(function() { var animate = {} //balabala window.animate = animate;})();//AMD 加载器模式define(function() { var animate =... 阅读全文
posted @ 2015-11-18 10:31 youryida 阅读(487) 评论(0) 推荐(0) 编辑
摘要: jq功能对照表 http://jsrun.it/21f/mrCH 不支持 jquery的 ajaxSetup 全局修改ajax的设置 $.ajaxSetup({beforeSend : beforeSend});function beforeSend(){ if(this.method == "po 阅读全文
posted @ 2015-11-11 14:18 youryida 阅读(205) 评论(0) 推荐(0) 编辑