never-online -- IT技术博客大学习 -- 共学习共进步！

在正常情况下，无defer或async等属性干扰的情况下要准确取得当前script的执行路径 1. MDC里有介绍,还能看是否是异步加载还是阻塞加载，确实比较人性化。 2. 在IE下的表现比较出乎我的意料，最后来说明。

最近业余时间在做一个云标签相关的信息展现. 大概做成的情况能像微博关键字一样形成这样的图形:在做的过程当中,查阅了一些资料, 发现自己有点out了,在国外已经在wordle.net这样的网站.也有一个叫做信息视觉化(Information Visualization)的概念.于是顺着这个概念再googling了一些相关的知识.把一些知识点做一下笔记.Information Visualization漂亮,惊艳.与传统的云标签的表现力对比,原来的太普通了.给人全新的一种视觉感受.而后我的想法则是为什么这么有表现力的技术不能用在我们现在的项目上?所以我有了去尝试做这种排版的想法.现在把一些过程记录,给自己的一种笔记,给其他后来者留下一些资料.而云标签只是信息视觉化的其中一个很小的应用.有兴趣的同学可以参考wiki或我文后给出的链接查看详情.这里不展开描述，不是本文的重点。

• 技术人员说点产品

一直做技术,心血来潮,说点自己对产品的一些看法.现在lbs比较火, 然后到o2o,再到solomo.产品的趋势越来越垂直化,社区化,标准化,个性化.关于个性化那如何能与上面的终端展现结合呢. 先想一个我的个人需求,一直以来,点评网虽然我是有目的是搜索我想要去的餐馆,但是不知道我想吃什么,于是我一般会在手机端用得较多,然后gps定位,然后做筛选,看评级和评论.很麻烦.试想:dianping我个人觉得它应该做下checkin和checkout. checkin与checkout是个粘住用户的手段,不是目的,最终的目的是挖掘出用户的行为,为个性化服务.想想,我每次checkin的都是川菜馆子,喜欢吃鱼,那么点评可以完全为我定制化一种符合我口味的推荐.那将是非常有竞争力的产品呀.如果把这块挖掘深了, 团购产品的决策人员应该不会那么费劲的去想今天应该为用户推荐什么了.

• bash shell - sed, awk文本捕获及替换

bash shell虽然支持正则表达式, 但是正则操作却不大给力.看以下示例case需求.stream='background-image: url (a.jpg)asdfasdfasdf ;background:url(b.jpg);background'需要将背景图片内容a.jpg及b.jpg后追加一个签名串.sed替换不给力如果用sed, 替换是不会有问题, 但是要在一句代码里进行捕获多个图, 将进行替换, 查阅了相关的sed文档, 貌似是需求处理不了.

• javascript的configuration/interface变换

前言前端由于浏览器的发展与标准的更新, 为使不同浏览器使用dom的方法兼容,使得我们开发者写脚本通常到处都是if(browser.ie)或者if(browser.version<7)随处可见的分支判断.我把这种状况为以下几个层次/状况:1.无需兼容,写的都是业务层次代码2.有兼容,尽量可以通过非hack/hook方式去做到兼容处理.3.有兼容,最好是写完兼容层次,程序继续到通用处理.4.有兼容,需要用很多if去判断的兼容.业务者实际上看到的就是第一种状况.而对于前端框架代码中,由于没有规范,约束, 所以经常在维护代码中很苦恼.我们经常在第四点上苦恼.问题1.例如我们常遇到的兼容问题, 请尝试写一个Style.get(element, 'opacity')方法.是不是该在Style.get里实现加入if是IE.而且<10之类的判断.2.focusin,onmous

• bash shell - sed及awk文本捕获及替换

bash shell虽然支持正则表达式, 但是正则操作却不大给力.看以下示例case需求.stream='background-image: url (a.jpg)asdfasdfasdf ;background:url(b.jpg);background'需要将背景图片内容a.jpg及b.jpg后追求一个签名串.sed替换不给力如果用sed, 替换是不会有问题, 但是要在一句代码里进行捕获多个图, 将进行替换, 查阅了相关的sed文档, 貌似是需求处理不了.代码示例stream='background-image: url (a.jpg)asdfasdfasdf...

• *nix下关于配置的一些笔记

最近一直在做一些服务器配置方面的东东, 记录下来, 备以后用.环境变量设置 (Mac OS X 10.6 Snow Leopard 中设置PATH环境变量) sudo vim /etc/paths将路径添加到里面去，一行一个路径或者vim vim /etc/bashrc在里面和unix一样用export命令添加安装python MYSQLdb, 环境mac os x 10.6, linux其它环境类似安装python MYSQLdb, 环境mac os x 10.6, linux其它环境类似 0. 确保 mysql 的 configure 参数里面有 --enable-thread-safe-cl...

• 关于前端开发那些事（五）激励体制

冰山模型基本每个公司都会给大家说每个人的冰山模型. 对于一个中国目前广大基层代码编写者及基层管理者来说.所谓的这个模型灌输给大家的目的: 大家不要想公司加上去,因为目前已经够温饱了. 再就是让大家更多的去做指导工作. 从成就感入手去解决你目前团队的问题.可是不管是哪位老师的培训都似乎没有提到1. 这个调查是在国外还是国内?2. 这个公司的员工在该公司的工作时间有多长了?3. 这个公司所从事的是什么工作类型?...等等, 这里...

• 关于前端开发那些事儿(四) 技术的本质何在?

技术职称,kpi说起一般技术公司都有一年一次,或者两次的技术评定. 不论是KPI还是技术评定, 都想从相对客观的角度去衡量一个人对公司的贡献有多大, 基本是从几个维度给出评分再乘以权值的算法.肯定也有很多人会怀疑这种算法的公正性, 但即使愤青,也只能无可奈何的接受现实给你的打击.这是体制. 每个公司成功都有自己的理由, 只说说自己的感受.正如蔡学墉先生所言(我稍修改了一下), 评级或kpi三阶段一般是: 忽略kpi和技术职称导向, 为...

• bash shell里反斜杠(backslash)和字符串原文输出(无转义)

逐行读文件一般的写法如下:Copy Code(拷贝代码)-Run HTML(运行代码)-Save Code(另存代码)cat filename | while read line; do echo $line; done看上去没有什么问题, 而且是网上的同学都让你这么读. 实则有潜在问题很难发现. 我们知道echo 里是默认有转义的,一个"\\"反斜杠默认不显示,两个则显示一个,如果你的file里有如下字符引用 \\s\\\\s\\s用上述的代码则输出:引用 s\\ss这着实让我头痛...在Baidu和google里搜索没有...

• bash shell杂记

最近在给模块编写编译脚本, 大概规则是解决在css文件里匹配@import url("/path/html5.css"). 将/path里的html5.css文件内容替换当前行. 即css合并将js文件里的document.write("/path/dom.js"). 将/path/dom.js文件替换当前行. 即js合并将模块打包成线上路径. 可以直接cp上线上目录. 提高上线效率,降低上线出错机率. 将sprite的图片文件加上版本号将标签里的css路径加上版本号

• 关于前端开发那些事儿（三）技术之变现

我想现在做开发的同行有很大一部分人应该每天都在想，我们的每天的工作事项都是写业务代码，项目评审，代码review，沟通业务是否符合需求。。。。每天都围着技术含量不高的业务代码。。。嗯，很郁闷。这是个引子，业务技术不是我今天要罗嗦的主题。我想表达的是我们其实都想去学习，去深入的了解某项技术，更去应用，让人用，让自己有强烈的成就感。可是，事与愿违，原因就是业务部门首要任务应该是完成目前业务线的工作，和产品人...

• 记录用户体验细节

突然有个想法，想把原来我发现的，看到的，听到的一些好的用户体验列出来，这些经验对于做终端的开发，都是值得我们学习的。现在能想到的几条，以后想起来慢慢加上来。 windows虽然IE做得不怎么样，但你可知道触发拖动事件不是mousedown开始就叫拖拽（DragDrop），而是有两个条件，一个是mousedown后1秒，或者鼠标移动3px后再开始触发拖动的么？ Safari里的tab菜单不仅仅是你点击到上面会触发，如果你细心的话，会发现，他还有一个...

• 关于前端开发那些事（二）――打破产品线之间的隔阂

大公司都不能避免出现多条产品线，这有解决工作效率，沟通等问题。但随着产品线的分离又会出现另一些问题。下面总结一下各产线的问题，其实也是接着上次的话题聊，这些问题光想是没有意义的，必须深入到其它的产品线去了解，搜集大家提到的问题，并总结共性的内容。引子――听到的问题一个公司有很多垂直的产品线，而产品线之间的沟通，解决问题，技术架构为什么千奇百怪。为什么重复造轮子呢？这几天和一些同学聊了下，没说多少话...

• js selector设计及实现（二）――完善及优化

5. 除掉重复的节点5.1 考虑selector: "div div"上面的步骤看下来还比较容易接受，那下面有头疼的问题了。HTML代码还是上面的代码，但换个selector来考虑，假设selector是：“div div”，如果仅是用documentElement.getElementsByTagName('div')，再循环该集合获取'div'而没有形成上述的NodeFilter函数进行过滤，再合并的时候获取的节点集合就会有重复了。为说明问...

• js selector设计及实现（一）――实现思路

前言前阵子和伟大的JK同学学习了一下目前我们框架里新版本的selector，这里列的是第一版selector的代码思路。后一版本调优性能，多了些函数，从性能上与各大框架的性能比还是有竞争力的。说句实在话，虽然各大框架和库都实现了selector。但看他们的selector实现其他的人看上去无疑都是难看懂。而google,baidu上query出的结果基本都是说使用方式的文章，基本没有类似针对selector设计和具体实现上的文章。所以，决定将整个思路和实...

• 关于前端开发的那些事（一）

一般我的blog只写些开发时遇到的坑，让大家在开发的时候少遇到这种坑，从而更好的顺畅的开发程序，也或许是很久没写blog了，最近这阵子不停的发博，有点上瘾的意思，今天想以发博客的方式来表达自己的思想。我没有一个更好的标题来标明主要的内容，其实不一定是前端开发的内容，:)。但本人现在做前端，所以暂且以《关于前端开发的那些事》来命名。这也是算是理清自己的思路，准备迎接下一场战斗，任何时刻，希望自己应该有清...

• iframe里src="about:blank"的问题。

很久之前就发现这个问题了，现在记录分享一下。IE下才有的问题首先不得不说，这个问题在IE下才会有。废话不多说了吧，直接上代码。

• Ajax还是普通Post？

从实现与体验来看，无疑用Ajax来做比较好全自动化的错误信息回填良好的用户体验从应用的角度来看，需要考虑用户无法提交时，如何找到问题所在重要的页面是否要Ajax，普通的post是否更好？如果考虑代码可以重用（如跨域，第三方等），Ajax还是有限制。再从Ajax与普通Post的提交的代码上看待这一问题。最重要的问题是在错误信息的回显这一功能。

• 记开发firefox extension

很久很久没有更新blog的技术文章了，正好最近这阵子花了点时间做firefox插件，发现、总结了一些问题记录并分享一下。关于调试开启你的extension log功能。打开about:config，通过filter找到：extensions.logging.enabled，将其设置为true。它将使你的extension调试更方便。安装一个mr tech toolkit插件，可以在附加组件内容，选中某个插件右键，直接到插件目录。关于xul布局xul就不说了，语法比较简单，也支持CSS，不清楚的话还可...