原创 JavaScript高級程序設計筆記-面向對象的編程
1.理解對象 1.1屬性類型 數據屬性： [[Configurable]] ：表示能否通過 delete 刪除屬性從而重新定義屬性，能否修改屬性的特性，或者能否把屬性修改爲訪問器屬性。像前面例子中那樣直接在對象上定義的屬性
2020-06-19 01:46:06
原创 JavaScript高級程序設計筆記-JSON
JSON 是 JavaScript 的一個嚴格的子集，利用了 JavaScript中的一些模式來表示結構化數據。關於 JSON，最重要的是要理解它是一種數據格式，不是一種編程語言。雖然具有相同的語法形式，但 JSON 並
2020-06-19 00:11:28
原创 typescript複雜用法舉例
1.實現一個從對象上取出指定屬性的pick函數： 用到索引類型查詢操作符keyof、索引訪問操作符[] const user = { username: 'lee', id: 46093049239239, r
2020-06-19 00:11:28
原创 Grunt簡單應用
Grunt是JavaScript的構建工具，構建工具官方給出的解釋是：對於需要反覆重複的任務，例如壓縮（minification）、編譯、單元測試、linting等，自動化工具可以減輕你的勞動，簡化你的工作。當你在 Gruntfile 文
2020-06-19 00:11:28
原创 vue實戰總結
用了十多天看完一份vue實戰視頻，實現了一個仿餓了麼外賣APP。 部分總結以及部分實現如下： App.vue 1.App.vue在HTML中使用router-link標籤來導航，默認被渲染成一個a標籤，通過傳入to屬性
2020-06-19 00:11:28
原创 JavaScript高級程序設計筆記-函數表達式
定義函數的方式： 1.函數聲明 function functionName(arg0,arg1,arg2){ //函數體 } 特徵：函數聲明提前，在執行代碼之前會讀取函數聲明，意味着可以把函數
2020-06-19 00:11:28
原创 H5的rem適配方案
在公共的js中加上一下代碼，動態計算根節點的font-size，以便rem計算倍數。 (function(doc, win) { var docEl = doc.documentElement, resizeEvt =
2020-06-10 03:15:05
原创 webpack打包後z-index設置無效默認爲1的解決方案
在webpack打包後z-index以及帶有-webkit-這樣前綴的css屬性無法正確打包，按照網上的說法是以下這樣配置，但是依舊不行。 new OptimizeCssAssetsPlugin({ cssProcessor: r
2020-06-10 03:15:05
1
原创 封裝調用接口的函數，返回接口的返回值
封裝公共函數的 js：publicFunc.js const getData = () => { return new Promise((resolve) => { axios.get(url,param)
2020-06-10 03:15:05
原创 小程序問題記錄Taro版
1.修改TaroUI組件內的樣式需要在class裏定義（2.2.3以上支持）： static options = { addGlobalClass: true, }; 2.真機canvas無法顯示，滑動卡頓問題： can
2020-05-08 05:02:37
原创 react之context、portals、HOC、render props
1.Context 定義： 一種可以在組件之間共享值的方式，不必顯示通過組件樹逐層傳遞props。 用法： 使用React.createContext創建一個context，再使用Provider將值傳遞給子組件，在子組件
2020-02-21 06:14:46
原创 Vue.js筆記-vue-router入門
概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用於構建單頁面應用。vue的單頁面應用是基於路由和組件的，路由用於設定訪問路徑，並將路徑和組件映射起來。傳統的頁面應用，是用一些超鏈接來實現頁面
2020-02-21 06:14:46
原创 vue-router簡單實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script src="h
2020-02-21 06:14:46
原创 Vue.js筆記-數字拼圖小遊戲
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>game</
2020-02-21 06:14:46
原创 數組迭代方法polyfill
參考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array Array.prototype.forEach
2019-09-15 17:19:10