原创 liferay-portlet-container

portlet是portal中最常用的組件了,所以也來山寨一個70版本的portlet container的UI吧。唯一花了我不少時間的是,這個對齊的問題,最後才發現,其實只要保證子組件的width+border等於父組件的width就可以

原创 HTML is about meaning

原文地址: http://marksheet.io/html-semantics.html HTML標籤本身的意義是爲了傳遞對於一個document元素的含義,所以再考慮使用正確的標籤表達內容之前,考慮你的網頁看起來怎麼樣爲時過早,請將注

原创 vscode typings配置

vscode發佈至今已經到1.5.2了,我是從1.1開始用的,經歷了幾個改動比較大的版本。總體給我的感覺還是很好的,作爲一個rich editor,能夠提供像webstorm之類ide的代碼提示功能非常贊,但是對於這塊的配置還真沒折騰過,只

原创 liferay smile face

說到這個face,自從70開始改版的時候,我就一度以爲這個face是歪的,後來才知道,人家就是故意歪的,並且它是一個gif圖片,正好最近在學習css相關的東西,藉機自己重新仿製一個山寨版的吧。原版是這樣滴。然後山寨的是這樣滴。除了這個相比原

原创 liferay和proxy server那點事

Set up a server to use as a proxy for requests from Liferay (such as Apache web server) 環境Ubuntu 14.04httpd(apache2 fo

原创 我爲什麼選擇離開了Liferay

距離離開Liferay還剩下用指頭可以數出來的日子了,心中不禁感慨萬千。這一個月除了做一些交接工作和下一份工作的準備意外,剩下的時間基本都在思考在Liferay的兩年半時間我到底得到了什麼,又留下了什麼?仔細想想,好像沒留下什麼,至於得到的

原创 liferay-progress-bar

上次山寨了一個smile face,最近因爲一直都在測70,然後就又對70的progress bar起了興趣。大體上portal的progress bar就兩種,一種是線性的,一種是環形的。先來線性的:線性沒有什麼困難,值得注意的是,可以使

原创 interview record 20160822

面試公司大連雲匠軟件面試職位Web前端開發面試方式電話面試總結問了一些列範圍超級廣的問題,不過我感覺大部分問題的答案,面試官還是比較滿意的,有一些小問題沒有答上來,我覺的並不是因爲自己沒有能力,其實就是所謂的“約書亞樹”道理,當你不明白或者

原创 從ng1看ng2 關於NgModule的簡易歸納

寫在前面最近開始折騰ng2,其實說是ng2,到目前爲止,它已經發布了4.3版,就是這麼的高產,高產似*,我連2都還木有完整的看完它竟然發佈了4.的版本(鄙視臉)。不過話說回來,之前工作不忙的時候,想看看ng2的東西,我的天,又是ts,又是o

原创 【譯】Understanding SOLID Principles - Liskov Substitution Principle

Understanding SOLID Principles: Liskov Substitution Principle 這是理解SOLID原則,關於里氏替換原則爲什麼提倡我們面向抽象層編程而不是具體實現層,以及爲什麼這樣可以使代碼更具維

原创 高級 Angular 組件模式 (3b)

03-b Enhance Components with Directives 原文: Enhance Components with Directives Kent C. Dodds的第四篇文章中的一個重要元素在上一篇文章中沒有涉及,使用

原创 高級 Angular 組件模式 (1)

寫在前頭Angular到現在已經到5.x的版本了,對於MVVM框架我首先接觸的是angularjs後來又轉爲react,之後換了工作因項目技術棧的原因又轉換到之前的angularjs,在實際工作中實施了公司幾個比較重要項目中前端的重構工作,

原创 codereview-s8

當元素間存在父子關係時,留意事件冒泡機制所引發的連鎖反應<tr style="cursor: pointer;" ng-repeat="row in $ctrl.efficiencyTable.bodyData" ng-click="$ct

原创 高級 Angular 組件模式 (4)

04 Avoid Namespace Clashes with Directives 原文: Avoid Namespace Clashes with Directives 提示在同一個html元素上綁定多個指令可能會造成命名衝突。命名衝突

原创 es6中的混合器模式

這是有關設計模式相關的第一篇文章,談及設計模式,一般情況下呢,很多人馬上就會說出很多關於它的東西,比如單例模式、策略模式等等。對於各個技術棧的工程師們,各種設計模式應該再熟悉不過,這篇文章要分享的是關於前端中的混合器模式,也可以稱作裝飾器模