As you may know, selenium docker is the main stream way to do a real GUI End-2-End headless testing over Chrome / Firefox. While it…
Category: FRONT-END 前端
Protractor E2E Test for Non-Angular Website (jQuery-based)
GitHub: https://github.com/lanshunfang/protractor-jquery/ Videos YouTube YouKu (China) Why Google invented Protractor over WebDriverJs Protocol with crispy designs on real world testing scenarios. It’s originally for AngularJS and…
Install Internet Explorer / Microsoft Edge on your Mac – 正版免费的安装 IE Edge 和其他版本在你的 Mac 上
Preface – 前言 With reference to http://osxdaily.com/2011/09/04/internet-explorer-for-mac-ie7-ie8-ie-9-free/ 参考:osxdaily You are a regular developer who use Mac. You want to debug your website within IE。 你是一个正常的开发工程师,所以你用…
Everything are HTML components – 小谈 HTML 组件化与可视化的编程
从 AngularJS 1.0.7 开始,我们就拿它做项目。刚开始使用了 angular-seed 创建页面,结合 ng-controller 做了好多事。同时我们也用了 directive 做了些公用组件。 我们组在 retrospection 时,慢慢地有了对比。 ng-controller 做出来的东西都是大块大块的,彼此连动,组织很不清晰。而 directive 却是自成体系,透过组件嵌套和通信控制,我们可以做出任意的页面——而且还保证各个组件自己是独立、可测试和不受其他 Scope / EventListener 影响的。甚至,我们还总结出了一个原则:
A plnkr for you to get started with RequireJS + KnockoutJS + BootstrapCSS + jQuery, with KnockoutJS nested Component and CSS animation support
It’s pretty hard to work on KnockoutJS on a real world project with better folder organisation on Plunker. Here it is: With RequireJS / Bootstrap /…
WebStorm 卡得要死?来,充荤花挥你的 MacBook Pro 的内存吧 — WebStorm is unresponsive? Try this
For Mac Only 之前团队反映 WebStorm 卡,如今才发现是它的默认内存配置太弱。修改之: WebStorm is dying and being stuck on medium/big project. Try this change for your Mac. Bash: mkdir -p ~/Library/Preferences/WebStorm/ cp…
Solution to auto-scroll behavior of form element on focusing
Browsers will auto scroll a form element’s container, even browser document, to make the focused input show into viewport. This is a nightmare for many…
关于多JS库优化整合的开源机构请求-About rewriting / refactoring main stream javascript libraries for real world
So far, I still find none of Internet giants work on refactoring main stream javascript libraries into a integrated bundle. 到目前为止,我发现仍然没有多少人去做多库整合的实践。 An counterexample to that, in the…
Node.js 处理 CPU 密集型运算策略 beta 1 –How to handle CPU-intensive computing with Node.js, in draft
写此此篇文章,以做备忘。 As a note for thoughts of researching Node.js multi-threading solutions. 根据 这里,结合 cluster 和 child_process ,得有此文。 The post is with reference here,and cluster and child_process. Node.js 与 浏览器的 Javascript 解析器都有同样的问题,就是当遇到高密集度运算时,会出现 UI/进程…
Canvas 之文字自动换行 — Wrap text into multiple lines in HTML5 Canvas
写了一个简单的程序,来使 Canvas 里的文字在指定的宽度内自动换行。代码量很少,一看就懂了。 Here are several lines of code to make text be wrapped automatically in canvas with specified width. 参考并改进于这里 With enhancement to the artical
建立绿茶技术、管理、人生分享学习小组——Tea&Tech Study Group
For English version of the post, click here. 我们已经开始这个学习小组一段时间了,今天又加入了福建铁观音之绿茶助兴。 UX组的美式文化之开放性给这个团队带来了很多可能。学习小组便是其中一个。 在每周三和周五早上10点半到11点多,我们很自由地组织与组合,于是大家便有了一起看书与分享人生观与知识领受的时间。对于一个前端开发工程师来说,我们多数的知识来源于 Google、HTML5Rocks、CSSTricks、Stackoverflow……(是的,很多网站是需要智能翻墙的),看书的时间很少,与团队亲密分享的时间也不多。但在目前看来,即便是一个非常纯粹的技术性团队,其团队核心的元素,仍然是彼此相感、分享及至连结的人际关系。我们这些 geek 的幸福,不只是来自像解复杂方程式算法的技术快感,而是来自于在解完之后跟别人的分享和从别人的分享中得到的关系稳固,给予友爱与得到友爱的喜乐。
回复“深入钻研Augular两年”中的AngularJS问题——Reply to “2 years with Angular.”
队友 Rose Liu 转发了5个小时前一个哥们在 CSDN 上翻译的一篇文章 “深入钻研Augular两年 谈谈其究竟适用于哪些场合“。 My teammate Rose Liu reshared a post from Alexey Migutsky: 2 years with Angular, which provides several interesting ideas of the…