原创 【工具】javascript日期處理合集
javascript日期處理合集 let time = new Date() console.log(time) // Wed Oct 23 2019 10:47:04 GMT+0800 (中國標準時間) console.log(time.
2019-11-04 10:25:26
2
原创 在create-react-app 中 npm run eject暴露配置之後，配置按需加載和less-loader的方法
使用create-react-app創建項目 首先使用create-react-app創建項目 create-react-app my-app 進入項目 cd my-app 暴露出配置 npm run eject 配置less （先安裝np
2019-10-31 17:35:24
1
原创 函數節流與防抖
函數節流（throttle） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=
2019-10-29 15:46:12
原创 調試效果：讓頁面上的元素顯示紅色框範圍
效果： 第二種簡單的方法：我們需要藉助 Chrome 的書籤功能。 打開書籤管理頁 右上角三個點「添加新書籤」 名稱隨意，粘貼以下代碼到網址中 javascript: (function() { var elements =
2019-10-15 17:45:22
原创 前端跨域解決方案
前端跨域解決方案 跨域問題的產生及其價值意義 跨域（非同源策略請求），是由瀏覽器的安全機制引起的。三者都一樣就是同源，只要有一個不同就是跨域 協議 域名 端口號WEB服務器地址：http://127.0.0.1:3000/index.ht
2019-10-15 10:55:39
1
原创 返回多個請求的結果，用Promise.all()
發送多個異步請求， 請求1： request1(){ return axios('url1', {}) } 請求2： request2(){ return axios('url2', {}) } Promise.all([]
2019-10-12 15:15:22
原创 react項目配置及redux使用流程（詳細記錄）
react項目配置及redux使用流程（詳細記錄） 以TodoList爲例，項目地址：https://github.com/mandyshen9... react項目創建及配置 首先創建react項目： creact-react-app r
2019-09-08 22:55:04
原创 通用工具函數彙總（整理中）
getRandomColor獲取隨機顏色 : const getRandomColor = () => { let letters = "0123456789ABCDEF" let color = "#" for(let i
2019-08-19 14:15:08
原创 @vue/cli+webpack搭建多頁面應用
vue-multi-pages 本文記錄了用@vue/cli+webpack搭建項目後，配置成多頁面應用的過程。 項目地址：https://github.com/mandyshen9... 首先全局安裝@vue/cli npm insta
2019-07-29 17:35:07
原创 【效果實現】在照片上面顯示一段文字，最多兩行，多餘部分用省略號表示
思路：照片上面顯示文字，怎麼實現呢？將照片作爲div的背景呀！ 效果圖： html: <div class="outer"> <!-- 多行文本溢出顯示 --> <p class="text">我是一段很長的文字我是一段
2019-07-10 21:55:05
4
原创 【10】JavaScript 面向對象高級——繼承模式
JavaScript 面向對象高級——繼承模式 一、原型鏈繼承 方式1: 原型鏈繼承 （1）流程： 1、定義父類型構造函數。 2、給父類型的原型添加方法。 3、定義子類型的構造函數。
2019-06-27 21:15:08
1
原创 【9】JavaScript 面向對象高級——對象創建模式
JavaScript面向對象高級——對象創建模式 一、Object構造函數模式 方式1: Object構造函數模式 流程: 先創建空Object對象, 再動態添加屬性/方法。 適用場景: 起始時不確定對象內部數據。 問題: 語句太多。
2019-06-27 20:45:07
1
原创 【8】JavaScript 函數高級——閉包
JavaScript函數高級——閉包 一、引子實例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>00_引入</title> </head
2019-06-27 20:25:03
2
原创 【7】JavaScript 函數高級——作用域與作用域鏈
JavaScript函數高級——作用域與作用域鏈 一、作用域 作用域個數 = n(定義的函數個數) + 1(全局作用域)（1）理解 就是一塊"地盤", 一個代碼段所在的區域。 它是靜態的(相對於上下文對象), 在編寫代碼時就確定了。 （
2019-06-27 17:15:00
6