原创 git&webpack常用命令解讀及在項目中的一些配置

git —— 最常用的代碼版本管理工具 git的服務端常見的有【GitHub】、【coding.net】、【碼雲】等。 Linux下安裝git sudo yum -y install zlib-devel openssl-deve

原创 JS設計模式在前端中的應用:緩存的魅力

要說誰在網站、web APP等前端應用中起到越來越重要的作用,那絕對很多人第一時間想到的就是:【緩存】! 面對越來越要求高質量、快應用的前端,緩存越來越成爲當之無愧的“無冕之王”!與其相關的,一直活躍在前端“視野”中的有兩個非常重

原创 實戰web聊天室(express+socket.io):進入、聊天、重名檢測

放縱了這麼多天,又到了開學的時候,終於想到不能這麼無所事事下去,正巧遇到同學在寫Python聊天室,想到能不能實現一個web版的聊天室呢? 後臺用nodejs,客戶端與服務端通信用socket.io —— 這是一個比較成熟的web

原创 關於Python中end=""報錯的問題

其實這也不算啥大問題,只是Python版本之間的遺留問題。 print("我是",end="");print("雲風清"); 上面這句代碼在Python2.x版本中會報錯——因爲它是Python3中的語法:替換掉print結尾默

原创 衆多網頁遊戲的“寵兒”:JavaScript中的中介者模式

衆所周知,在程序中,程序是由大大小小的單一對象組成的。所有這些對象都按照某種關係和規則來通信 —— 引用。 這導致了一些問題:當程序越來越大,對象越來越多,他們之間的關係也越來越複雜。有時甚至就會形成交叉的網狀結構。這樣一來,當我

原创 vue-cli3項目實戰——實現通用管理系統模板前端部分

先來展示下效果,如下: 項目準備: vue-cli3下載: //普通下載 npm install -g @vue/cli //淘寶鏡像下載 cnpm install -g @vue/cli 若是安裝了vue-cli2,則需先

原创 js:說說頁面加載完之前那些事(loading、多函數加載、mounted)

今天在這裏,筆者主要分享幾個模塊: 頁面加載完畢之前loading效果(實際案例) js如何判斷頁面是否加載完畢 js及vue中加載完畢執行函數 以及 結合監聽器和window.onload實現頁面加載完處理多個函數 請諸君隨

原创 vue(uni-app)中v-if與動畫效果衝突的解決辦法

這兩天終於真正接觸到了uni-app——其實就是一款基於vue的多端融合產品,它可以調用任意平臺的api,以達到“可以順利登陸各平臺”的目的。 寫demo的時候遇到點麻煩: 由於使用了v-if條件判斷,所以元素展示很“突兀”,定義

原创 JS開發實戰:跨域那點事(完結篇)

以前筆者也寫過關於跨域的文章(鏈接在文末放出),但從未停止過對【跨域】的探索。近日又偶然得到了關於跨域的一些見解和知識,覺得將其總結一下。 衆所周知,對於【跨域】,最簡單、最便捷的方法莫過於CORS——這是一種後端設置跨域的方式

原创 WePY+WebSocket實現聊天小程序

socket通常也稱作“套接字”,用於描述IP地址和端口,是一個通信鏈的句柄。可以用來實現不同虛擬機或不同計算機之間的通信。網絡上的兩個程序通過一個雙線的通信連接實現數據的交換,這個連接的一端稱爲一個socket。關於這一點 屬於

原创 談談css使用中遇到的的一些坑

今天早上,當我鼠標無意中移入某課網某一頁面中的“掃碼下載APP”的fixed圖上,看到一張二維碼從這個圖的相對底部慢慢、慢慢的移上來,或者說:展開 時,我就知道,今天有事幹了。。。 我大致分析了一下,欸,覺得挺簡單的,然後興沖沖地

原创 BFC原理在CSS中的應用

準確來說,BFC是CSS2.1時代的產物,它是頁面中的一塊渲染區域,並且有一套渲染規則,它決定了其子元素將如何定位,以及和其他元素的關係和相互作用 何爲“BFC”? BFC 即 Block Formatting Contexts

原创 原生JS封裝ajax

哈哈,第一次想起這個事情的時候,內心是有點小激動的。。。 爲什麼要用原生js去封裝一個ajax請求呢? 鍛鍊代碼能力——據說原生的東西有些難度,挑戰一下自己 我寫“高效前端”的文章中提到過:原生的代碼在瀏覽器上的運行效率是其它的

原创 最常用的兩種前端跨域方式:jsonp&cors

爲什麼說是“ 前端 ”“ 跨域 ” ? 跨域方式有三種:jsonp、cors,以及動態代理。 相比之“基於”前端的前兩種方法,最後一種不太常用 —— 沒錯,cors一般來講是後端設置,但是完全可以讓前端“一力以擔之”。 前文推薦(

原创 前端性能雜記:css3 will-change的使用

最近找了個網站,去分析它的性能。具體過程就不廢話,說下分析的結果。 渲染提升 position:fixed; ——一定要“善待”這玩意,它很有用。以前聽過這個屬性:background-attachment:fixed; 用