原创 淺談網頁基本性能優化規則小結

這篇文章主要介紹了淺談網頁基本性能優化規則小結的相關資料,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 針對瀏覽器網頁的一些優化規則 頁面優化 靜態資源壓縮 藉助構建工具(webpack、gulp)適當壓縮圖片

原创 web前端程序員真的值這麼多錢嗎?

對於互聯網公司來說用戶就是上帝,做好客戶體驗一切纔有可能。所以互聯網公司都會把錢砸向前端,Web前端程序員也越來越受到企業爭相聘用。   前端工程師工資也越來越高,目前Web前端工程師工作1~2年後通常會成爲Web前端高級軟件工程師,年薪可

原创 微信小程序 判斷是否是手機號

微信小程序 判斷是否是手機號 **JS實現代碼:** `validatemobile:` `function` `(mobile) {` `if` `(mobile.length == 0) {` `wx.showToast({` `ti

原创 不要成爲工具的奴隸

開發人員很容易迷戀上工具,因爲工具通常比較實用,而且具備明確定義的行爲,比起學習最佳實踐或方法,學習工具更爲簡單。然而,工具僅僅爲解決問題提供協助,他們並不能自行解決問題。 ![]/14004175-eaa991ecfe12f86c.JPG

原创 爲什麼我們的web前端變的越來越複雜

前端發展了也有些年頭了,曾記得很多年前,聊起前端,都覺得是很簡單,那個時候都沒有前端工程師這個職位。可現在,前端已經逆襲了,已經不是原來的樣子了,各種技術層出不窮,顯的越來越高深莫測了。前端真的變得那麼難了嗎?在我看來,前端還是原來的前端,

原创 微信小程序教程系列之設置標題欄和導航欄

微信小程序標題欄和導航欄的設置方法,具體內容如下 設置標題欄 標題欄window 在app.json文件裏面,通過window對象裏面的屬性進行設置 **示例:app.json:** 運行: 設置導航欄 導航欄TabBar 如果我

原创 canvas探照燈效果

canvas中的clip()方法用於從原始畫布中剪切任意形狀和尺寸。一旦剪切了某個區域,則所有之後的繪圖都會被限制在被剪切的區域內(不能訪問畫布上的其他區域)也可以在使用clip()方法前通過使用save()方法對當前畫布區域進行保存,並在

原创 直播在週一到週六每天晚上的8點到10點半 如果沒有時間我們也有錄播的

上篇我介紹了前端下webpack和react、redux等環境的配置,這篇將繼續重點介紹後臺node.js的配置。 我把所有代碼都放到了我的github上:webpack-react-express環境配置 server 後臺這邊的配置就簡

原创 JS中的雙向數據綁定及Object.defineProperty方法

緣起前幾天在看一些流行的迷你mvvm框架(比如avalon.js、 vue.js 這種較輕的框架,而非Angularjs、Emberjs這種較重的框架)的實現。現代流行的mvvm框架一般都會將數據雙向綁定(two-ways data bin

原创 只有程序員才能看懂的15個瞬間

0.甲方要求,加個小功能。 1.外行人眼中的程序員VS現實中的程序員。 2.欲怒懟產品經理,結果…… 3.rm -rf /*後的處理過程。 4.試圖刪除一段老代碼。 5.女程序員的悲傷…… 6.向老闆演示剛上線的產品。 7.一

原创 教你webpack、react和node.js環境配置(上篇)

很多人剛學習react的時候,往往因爲繁瑣的配置而頭疼,這裏我將手把手教大家怎麼用webpack配置react和redux的環境,這篇教程包括前端react和後臺node整個網站的環境配置,對node沒興趣的可以只看這篇。這裏是下篇鏈接:手

原创 (生命週期鉤子)vue 項目實戰

Vue實例的生命週期鉤子函數(8個) beforeCreate   剛 new了一個組件,無法訪問到數據和真實的dom,基本上這個好像不能幹啥 created    data屬性完成了賦值,可以對數據進行修改但是不會觸發updated,在這

原创 Vue.js 源碼學習筆記

最近饒有興致的又把最新版 Vue.js 的源碼學習了一下,覺得真心不錯,個人覺得 Vue.js 的代碼非常之優雅而且精闢,作者本身可能無 (bu) 意 (xie) 提及這些。那麼,就讓我來吧:) 程序結構梳理 Vue.js 是一個非常典型

原创 node.js輕鬆搭建一個服務器

前端獲取數據時經常遇見跨域問題,以前一直用nginx做反向代理。最近在用vuejs,發現webpack-dev-server的代理簡單好用。於是仿照寫了一個簡單的web服務器,用於非webpack的項目。 1 const request =

原创 react的漫漫之路

學習React不是一蹴而就的事情,入門似乎也沒那麼簡單。但我覺得這一切都是值得的。這是我在學習React中的一些心得,希望能夠幫助到大家! React可以使用兩種樣式,一種是普通的css,一種是在React中定義的樣式。普通的css樣式,通