1. 程式人生 > >前端開發 如何提高工作效率

前端開發 如何提高工作效率

反省了一下自己最近的狀態。
有點過於依賴外在的環境,把提升自己的工作效率放在了是否有 外界人力 幫忙、是否有 硬體支援,而忽視了對自身的要求。

改變環境,還是讓自己適應這個環境,哪個對將來的發展更有幫助?

拓寬知識面

當你掌握的東西多了,就可以用更高效的方法來提升自己的工作效率。
舉例:想要修改網站的“版權所有 © 1999-2011”

  1. 最早我們需要開啟所有的html頁面,挨個修改。
  2. 後來學會了做批量替換。
  3. 再後來用iframe,給所有的頁面一個“通用”的“footer.html”檔案(缺點是要套廢程式碼,加執行緒)
  4. 再再後來<?php include_once(‘/html/mod.footer.php’); ?> ,直接寫入頁面結構

其他例子:
放眼到現在的專案,官網有4個地方涉及到了“軟體下載”的地方,是否有其他方式可以同時修改?
其實不用資料庫的,我們自己就能幹。

載入一個<?php include(“/html/mod.config.php”); ?> ,mod.config.php 寫法如下:

<?php$cn_mx3_link="http://dl.maxthon.cn/mx3/mx3.0.23.1000cn.exe";
$cn_mx3_version="v3.0.23.1000";
$cn_mx3_size="18 MB";
$cn_mx3_green="http://dl.maxthon.cn/mx3/MaxthonPortable_3.0.23.1000.zip
";

這樣,配置完通用引數,在所有需要放url的地方,給一個<?=$cn_mx3_link?>就能統一呼叫了:

<ahref="<?=$cn_mx3_link?>">免費下載</a><ahref="<?=$cn_mx3_link?>">官方下載</a>

隨著加強自我的學習,知識面的逐步拓寬,很多以前重複勞動的工作,都可以快速的解決掉。

自動化

隔三岔五的敲一遍<script type=”text/javascript”></script>之類的標籤,確實浪費不了多少時間,但累積起來呢?其實這樣的程式碼,在很多編輯器上,我們都可以“自定義”快捷鍵,只需要敲入“js”按一下“tab”鍵,就可以敲出來。而且避免了犯暈時候寫錯程式碼,並且統一了自己的風格。

再以ftp舉例,人的腦子總有懈怠的時候,改完一堆檔案,等上傳的時候,常常會忘掉改過了哪些。
其實伺服器之間的資料是可以通過svn up命令直接同步的。

懶得開啟ssh,甚至可以直接寫一個svn.php來實現:

  1. <?php
  2. ob_start();
  3. if(isset($_GET['cleanup'])){
  4. $cmd = 'svn cleanup /data/html/uicss.cn';
  5. }else{
  6. $cmd = 'svn update /data/html/uicss.cn --username cuikai --password 111222333';
  7. }
  8. $resultado = join("<br>"executa($cmd));
  9. echo$resultado . '<br>';
  10. functionexecuta($cmd$pathInicial=null){
  11. $resultado = array();
  12. $handle = popen("$cmd 2>&1"'r');
  13. while($read = fread($handle20096)){
  14. $resultado[] = $read;
  15. }
  16. pclose($handle);
  17. flush();
  18. return$resultado;
  19. }
  20. ?>

觀察留意一下自己身邊有什麼工作可以自動化。有什麼事情,做完就可以一勞永逸。

減少切換

其實人應該有3隻手的,2只控制鍵盤,一隻控制滑鼠。幹起活來,肯定能夠迅猛如飛。
將來或許會有高科技裝置,讓眼球或者大腦直接控制滑鼠指標。

現在,最現實的改變是,把雙手留在鍵盤上。避免挪來挪去的浪費時間。
能夠用“快捷鍵”搞定的一律用“快捷鍵”,只有輸入有規律可言,才有可能搞更多的自動化、批處理。

合理佈局一下桌面上大大小小的視窗。
給家裡多添一臺顯示器。定時自重新整理。程式碼視窗 ctrl+s 的瞬間,眼睛一瞅,那邊已經變了。

每節省一秒鐘,就是一秒鐘。
每一個“切換”步驟的小優化,累積起來,都是效率的大提升。
引用一下5long引用過的一句話:

"Make easy things easy and hard things possible"

清理干擾

要讓同事們瞭解自己的開發習慣:不著急的需求,請發郵件。
強調一次沒用就強調第二次。

幹掉3分鐘跑過來一趟,打擾你的人群。
閉掉1分鐘n++條資訊的QQ群。

保持一種良好的,不被打斷的編碼狀態。

學會任務分解/時間管理

專案需求是什麼?
開發週期有多久?
每個階段該完成多少內容?

今天干了什麼?哪浪費了時間?哪可以改進?
今天干了什麼?哪浪費了時間?哪可以改進?
今天干了什麼?哪浪費了時間?哪可以改進?

多想幾次,養成一個良好的開發習慣,將來就不會再出現類似的問題。

抽空不妨留意一下自己的工作狀態,哪裡可以改變?
花這幾分鐘時間,值得。

相關推薦

開發提高工作效率開發工具和辦公軟體

  最近一段時間比較迷戀好工具,俗話說,磨刀不誤砍柴工,下面是瀏覽到的工具,其中百分之80都用過,而且經常用,自己沒有時間整理,首先感謝原創的整理,下面中也有我做的些簡單補充;   eclipse(整合開發環境)MyEclipse(開發工具)idea(現在非常流行開發

前端工程師提高工作效率的幾個小技巧

一:json解析工具提供線上JSON工具,線上,JSON,JSON校驗,JSON格式化,xml轉json工具,線上工具,json檢視,視覺化,程式,伺服器,域名註冊,正則表示式,測試,線上json格式化工具二:Bootstrap視覺化佈局系統LayoutIt! 可拖放排序線上

20款有效提高工作效率的web前端開發工具推薦,總有一款適合你

Rendera 如果你希望有個環境可以測試、瀏覽和體驗各種不同的 CSS/HTML 和 JavaScript 程式碼,Rendera 為你提供了實時的執行結果。類似RunJS。 Patternizer 從名字可看出該工具可以建立真正的調色盤,包括各種線條和條文,可編輯線寬、顏色、角

前端開發 如何提高工作效率

反省了一下自己最近的狀態。 有點過於依賴外在的環境,把提升自己的工作效率放在了是否有 外界人力 幫忙、是否有 硬體支援,而忽視了對自身的要求。 改變環境,還是讓自己適應這個環境,哪個對將來的發展更有幫助? 拓寬知識面 當你掌握的東西多了,就可以用更高效的方法來提升

前端開發工作提高工作效率資源彙總

前端學習資源實在是又多又廣,在這樣的一個知識的海洋裡,我們像一塊海綿一樣吸收,想要快速提高效率,平時的總結不可缺少,以下總結了一些,排版自我感覺良好,推送出來,後續持續跟新中...... 開發工具   HBuilder下載地址:http://www.dcloud.io

前端開發提高效率之快速輸入標籤

編寫《Java程式設計思想》的作者 Bruce Eckel 曾說過:在這個領域做得越多,我越覺得軟體開發比任何行業都更接近於寫作。程式設計師可以說是程式設計領域的“作家”,作家需要好的寫作工具和技巧,對程式設計師來說,找到一款適合自己的程式碼編輯器和程式碼編寫技巧同樣重要。在這裡我推薦使用Visual Stu

光環國際PMP:項目經理提高工作效率的方法

期待 正在 結果 項目 生活 公司文化 然而 傳統 回顧 有人會問:為什麽我努力善用每分每秒,卻永遠有做不完的事情?但為什麽有的人能夠日理萬機,卻還是精力無限?如何擺脫窮忙又毫無品質的生活? 以下5個聰明工作法,忙碌的項目經理們,請看過來。 01 每天最多做三件事 請拿

幹貨 | 碼農翻身提高工作效率的必備工具

ron lob 識別 書單 我們 per 高效 pytho 領域 要問闖蕩江湖的碼農最怕什麽 那麽,我鬥膽猜測一下 一定是敲代碼的 …… 速度 速度 還是速度! 速度是效率的關鍵 決定幾點回家 幾點見到心愛的妞 幾點吃雞 …… 今天,本黑就來給大家推薦一下 程序員提高效

提高工作效率的軟件推薦

辦公效率Everything 下載地址:http://www.voidtools.com/ 功能:硬盤文件搜索,比起電腦自帶的文件搜索,效率提高不是一定半點。而且Everything還支持正則表達式,小巧而快速; Clover 下載地址:http://cn.ejie.me/ 功能:類似於Chrome瀏

提高工作效率的小技巧

工作 中斷 生活 什麽 左右 測量 大腦 分享 管理 你是否曾有過這種感覺:當你回顧自己度過的一周時感到消沈,因為你未能完成自身所期望的那麽多工作。當你在打造一個成功的職業生涯或你自己的事業時,時間或許是你最寶貴的財富,如何支配你的時間直接決定了你的收入。你無法購買你自有之

模擬web請求——簡單的小程序提高工作效率

fresh 但是 參數 service 變更 filename req 進行 port 研究了一段時間爬蟲,了解到了用代碼發起http請求的方法,想練練手。突然想起工作上遇到的一個難題,感覺非常適合。問題是這樣的:工作上維護的一個系統,有時候代碼腳本有變更,需要通過一個前臺

提高工作效率的命令

提高工作效率 很好 str 習慣 輸入 進制轉換 linux inux man 背景介紹 經常蹦出來一些想法,又苦於找不到更快的方法實現,摸索一些Linux命令變得很有必要了。這裏所記錄的命令不同於man cmd一樣教科書般的文字,而是以目的驅動的,即我們的命令只為了達到目

超級眼電腦監控軟件輕松管理企業運營提高工作效率

隱私 size color mage .com water 做的 生成 企業運營 現代企業管理越來越趨於人性化,也正是因此而讓部分員工在工作中做其它與工作無關的事,還覺得理所當然。為了加強企業管理,讓企業在競爭中穩健發展,電腦監控軟件也是越來越普及。其實企業部署電腦監控軟件

提高工作效率的12個小建議

想要提高自己的工作效率,必須得學習時間管理,善於利用自己的工作時間,使時間價值最大化,從而提高工作效率。**工作是無限的,時間卻是有限的。**時間是最寶貴的財富。沒有時間,計劃再好,目標再高,能力再強,也是空的。時間是如此寶貴,但它又是最有伸縮性的,它可以一瞬即逝,也可以發揮最大的效力,時間

掌握這3個實用的Word技巧,快速提高工作效率和加班說拜拜!

在日常工作中,我們經常會用到Word文件。你知道哪些關於Word的實用技巧呢?今天給大家分享3個非常實用的Word技巧,希望能夠幫助大家提高工作效率! 快速標記文字內容 按快捷鍵"Ctrl+H"彈出查詢和替換框,點選"查詢",在"查詢內容"框輸入標記內容即可。 具體操作如下: 快速建立各頁標題 先輸

五款提高工作效率的線上工具【神器】

1. Piktochart 是一個基於Web的資訊圖表應用程式,它允許沒有豐富經驗的使用者作為圖形設計師使用主題模板輕鬆建立圖表和視覺效果 2. canvas 是一個圖形設計工具網站,成立於2012年。它使用拖放格式,可以訪問超過一百萬張照片,圖形和字型。它被非設計師和專業人士使用。這些工具可用於Web和列

分享8個提高工作效率的Excel技巧

一、一列變多列,多列變一列 1.如圖所示:在E1單元格輸入公式=D8,引用D列的第8個單元格 2.拖動,將E1的公司複製到劃定區域。 3.複製劃定區域,再進行黏貼,選擇“僅複製資料”,這樣一來,劃定區域的公式會被消去,最後把不需要的資料進行刪除就好。 同理,多列變一列也可以用=XX

Centos7.4別名設定提高工作效率

  一、開啟 .bashrc檔案   1、位置:~(cd ~)目錄下   2、cat .bashrc 原檔案內容如下: # .bashrc # User specific aliases and functions alias rm='rm -i' #別名 alias cp='

幾個可以提高工作效率的 Python 內建小工具

在這篇文章裡,我們將會介紹4個Python直譯器自身提供的小工具。這些小工具在筆者的日常工作中經常用到,減少了各種時間的浪費,然而,卻很容易被大家忽略。每當有新來的同事看到我這麼使用時,都忍不住感嘆,原來Python還隱藏了這麼好用的功能。下面就來看一下Python自帶的幾個小工具 一、1秒鐘啟動一個下載伺服

CAD繪圖必備小外掛 :想要快速提高工作效率也很簡單!

相信很多學習相關設計的小夥伴們都煩惱過這個問題吧,特別是那些剛剛入門的設計小白們,都在想怎麼才能設計出一張完美的設計圖紙檔案,我們一直都在學習繪圖的技巧,殊不知在工作上,除了技巧可以提高我們的畫圖效率,用好工具也能事半功倍。怎麼才能快速的提高我們的繪圖效率吧,其實也不是很困難,今天小編就為大