原创 關於使用gsap到項目中報 cannot assign to read only property 'y' of object '#' 的錯誤的解決辦法
環境： Nuxt + gasp 最終打包成靜態文件的方式 報錯具體情況： 官方給的案例中是這樣引入的import { TimelineLite } from 'gsap'，如果你是用Nuxt在npm run start 或 npm
2020-07-04 17:57:22
2
原创 讓你重新認識background的威力！ 百倍空間的節省！
首先我們觀察一下這張背景圖，如果你是一名合格的前端工程師 你回怎麼優化呢？ 初級前端：當然是拖入 tinypng或者ImageOptin 啦，如果你連這兩個都不知道，換份工作啦。 高級億 一點的前端：麻煩給我這兩者圖我並排放
2020-07-04 17:57:22
1
原创 關於ES6中Array.fill方法的使用細節
Array.fill的具體定義請看這裏 這個方法在平時的開發中有事提供了很大的便利，但是有一個細節容易被忽略，造成貌似看起來很詭異的bug 比如你生成了10個內容爲{hasMore: false} let states = Arr
2020-05-10 20:58:35
3
原创 關於JavaScript中的值傳遞和引用傳遞的解釋
兩大類基本類型 原始類型 Null Undefined Boolean Number String Symbol BigInt(ES10 Chrome已支持) 對象類型 Object 首先明確一點，ECMAScript
2019-09-15 16:32:04
原创 JavaScript中的this ——《你不知道的JavaScript上》
this到底是什麼 this是在運行時進行綁定的，不是在編寫時綁定，它的上下文取決於函數調用時的各種條件。this的綁定和函數聲明位置沒有任何關係，只取決於函數的調用方式。 當一個函數被調用時，會創建一個活動記錄（執行上下文），這
2019-08-07 10:53:13
10
原创 關於JavaScript中變量提升的細節
函數聲明和變量聲明都會被提升，但是一個值得注意的細節（這個細節可以出現在有多個 “重複”聲明的代碼中）是函數會首先被提升，然後纔是變量 foo(); // 1 var foo; function foo() { console
2019-07-30 10:25:25
原创 Object.assign is not a function
Webview頁面不顯示 1、原因分析 Uncaught TypeError: Object.assign is not a function報錯的原因，我們可以歸爲，該語法在瀏覽器中無法識別。Object.assign是ES6的
2019-06-10 18:07:35
原创 Nuxt中關於window or document is not defined的問題總結
關於這類問題一般有兩種場景 引用第三方組價時，比如引用vue-awesome-swiper這種的第三方組件時，因爲源組件代碼中包含有操作window對象，所以這一類的window is not defined按照官方的使用插件的
2019-06-10 18:07:35
15
原创 Android移動端使用fullPage時input元素的優雅處理方式
// ios上fullPage中的input不會有異常表現，所以只針對Android進行處理 // 由於Android上彈出鍵盤會觸發window的resize事件，所以可以通過這個思路解決問題 const isAndroid =
2019-02-20 01:07:55
原创 React-native with vscode on Mac 搭建開發環境
第一步 參考官網文檔 https://reactnative.cn/docs/getting-started.html 參考完之後你應該會在最後一步react-native run-ios / run-android會報錯 這時候你
2018-10-20 00:08:13
原创 通過JavaScript改變節點樣式在不同瀏覽器平臺不同表現（safari）
在safari上，有時會出現例如 document.getElementById('id').style = "display: none"; 這種寫法有時會不生效，所以大家最好改爲這種寫法： document.getElementB
2018-09-14 23:52:57
1
原创 Node中require，module，exports怎麼玩
NodeJs中的模塊系統 絕對模塊：Node通過在其內部node_modules查找到或者Node內置的fs這樣的模塊。比如你安裝你一個pug模塊，路徑就成了./node_modules/pug,這種情況下就可以直接通過名字require
2018-09-02 02:13:00
原创 CSS實現強制不換行、自動換行、強制換行的css代碼
CSS實現強制不換行、自動換行、強制換行的css代碼 轉載：https://www.jb51.net/css/43741.html CSS實現強制不換行、自動換行、強制換行的css代碼，需要的朋友可以參考下 強制不換行 p {
2018-09-02 02:13:00
原创 微信小程序開發準備步驟採坑合集
註冊 先去申請微信小程序開發,這一點我推薦使用qq郵箱註冊，具體註冊需要注意到的事我就不提了，只強調一點：登錄的時候一定要用你註冊小程序的那個郵箱登錄 比如你用你的QQ郵箱註冊了，你登錄的時候就用[email protected]登錄，不要以爲最
2018-09-02 02:13:00