原创 react+webpack+es6項目框架搭建
一、創建項目 二、npm初始化 在新項目下npm init，產生一個package.json 三、全局安裝配置webpack和webpack-cli （1）安裝 第一次運行npm install XXX 會生成一個node_m
2020-06-16 03:03:38
原创 webpack-dev-server的配置和使用——熱更新、熱替換、proxy代理
一、介紹 雖然webpack提供了 webpack --watch 的命令來 動態監聽文件的改變並實時打包，輸出新bundle.js文件，這樣文件多了之後打包速度會很慢，此外這樣的打包的方式不能做到hot replace，即每次webpa
2020-06-16 03:03:38
21
原创 webpack打包css一直報錯
各種修改webpack和loader的版本都不對； 最後看到自己文件裏打印的npm-debug.log，提示您是否確認nodejs已更新到最新版本。。。 然後更新了node ~~~ 編譯成功了。。。 我一口老血差點沒吐出來！ 以後還得多注
2020-06-16 03:03:38
原创 在嚴格模式下不推薦使用callee、caller的原因
callee 我們知道，在遞歸函數中可以通過arguments.callee來實現解除函數體內代碼與函數名的耦合狀態，但是這種方法會導致函數體內的this指向的對象被修改； var global = this; var sillyFu
2020-06-16 03:03:38
原创 詳解js單線程及異步原理&js事件循環機制
Ques：什麼是js單線程？ 進程是 cpu 資源分配的最小單位（是能擁有資源和獨立運行的最小單位） 線程是 cpu 調度的最小單位（線程是建立在進程的基礎上的一次程序運行單位，一個進程中可以有多個線程） 【提示】 不同進程之間也可以通信
2020-06-16 03:03:38
2
原创 gitee使用記錄
gitee使用記錄 1、創建一個倉庫myStore（即項目） （選擇了開發語言和“.gitignore”文件模板[用於告訴Git哪些文件不需要添加到版本管理中]） 創建成功後： .gitgnore 內容： .vscode
2020-06-16 03:03:38
原创 iframe頁面中獲取父頁面元素的辦法
var parentWin = window.parent; var $parentDoc = $(parentWin.document); $parentDoc.find('.classname'); 以上：記錄。。。
2020-06-16 03:03:38
原创 js代碼導致網頁崩潰延伸——如何高效操作DOM元素？
最近的項目成果發現總是會在一段時間後崩潰，定位到原因，是一個定時器那塊。 起初以爲是定時器導致頁面崩潰，後來發現是定時器中大量的dom操作導致的頁面崩潰。 總結心得：在進行頁面編寫時，應該儘量避免大規模的dom操作，儘量少地小規模地更改d
2020-06-16 03:03:38
原创 微信小程序開發中的細節（小心坑）
1、條件渲染 2、dataset wxml中eg： <view data-courseid="{{courseItem.id}}" bindtap="getId"></view> js中： getId:function(e){
2020-06-16 03:03:38
原创 iframe中的@media使用注意事項
iframe中@media設置max-width和min-width時， 獲取的寬度不是實際瀏覽器窗口的寬度， 而是iframe標籤內的文檔寬度； 且@media一次設置的min-width和max-width只能是一個連續的範圍： 正
2020-05-21 18:43:39
原创 Chrome調試Tips
從左至右依次是： （等號）pause script execution –>下一個斷點 （半弧箭頭）step 快捷鍵：F9 –>下一行 （下箭頭）step into 快捷鍵：F11 全稱：step into next funct
2020-05-20 17:38:11
原创 jquery使用記錄（隨手記錄）
1、trigger() 不能觸發hover事件 —— 但可以觸發mouseenter/mouseleave/mouseover/mouseout事件來代替 猜想：使用trigger()來觸發hover事件，沒有辦法判斷是鼠標的移入還是移出
2020-05-19 18:12:09
原创 前端開發——從px到rem再到rpx的知識點簡介和總結
一、px (pixel) 物理像素： 設備屏幕實際擁有的像素點。比如iPhone 6的屏幕在寬度方向有750個像素點，高度方向有1334個像素點，所以iPhone 6 總共有750*1334個物理像素。 邏輯像素：
2020-02-23 04:35:14
原创 html中frameset的詳細使用方法
框架概念 ： 所謂框架便是網頁畫面分成幾個框窗，同時取得多個 URL。只 要 <FRAMESET> <FRAME> 即可，而所有框架標記 要放在一個總起的 html 檔，這個檔案只記錄了該框架 如何劃分，不會顯示任何資料，所以不必放入
2020-02-23 04:35:14
原创 AngularJs $http 請求服務
AngularJs $http 請求服務 $http $http是Angular的一個核心服務，它有利於瀏覽器通過XMLHttpRequest 對象或者 JSONP和遠程HTTP服務器交互。 $HTTP API 是基於 $q
2020-02-23 04:35:14