原创 require.context()
require.context() 用法： 接受三個參數（require.context(directory,useSubdirectories,regExp)） directory：說明需要檢索的目錄 useSubdirectorie
2020-06-29 20:34:42
原创 webpack基本介紹以及安裝使用
1.什麼是webpack？ WebPack也叫做模塊打包機。 作用：分析你的項目結構，找到JavaScript模塊以及其它的一些瀏覽器 不能直接運行的拓展語言（Scss，TypeScript等），並將其轉換和打包 爲合適的格式供瀏
2020-06-12 20:55:46
原创 webpack中文文檔筆記——起步
private ：true 確保我們安裝包是私有的(private) 移除 main ：“index.js” 可以防止意外發布你的代碼 2.webpack 的項目結構中的src文件和打包完的dist文件夾的區別： sr
2020-06-12 20:55:46
原创 js——正則表達式
正則表達式是用於匹配字符串中字符組合的模式。 創建正則表達式的兩個方式： ① 使用一個正則表達式字面量 var re = /ab+c/; 正則表達式字面量爲正則表達式提供了腳本加載後的編譯 ② 調用RegExp對象的構造函數 va
2020-06-12 20:55:46
原创 ES6常用語法——變量的解構賦值
解構賦值 定義：ES6中允許按照一定模式從數組和對象中提取值，然後對變量進行賦值。 1.數組的解構賦值 let [a,b,c] = [1,2,3] //a=1,b=2,c=3 let [ foo,[[bar],baz]]=
2020-06-12 20:55:46
原创 利用outline和outline-offset屬性畫“+”號
outline：可以給一些標籤加輪廓； outline-offset：是對輪廓的偏移位置進行設置； 當把outline-offset設置爲負值，並不斷減小的時候發現，能畫出一個加號； <div class="demo"
2020-06-12 20:55:46
原创 webpack中文文檔筆記——管理資源、輸出
1.webpack的打包入口可以是一個也可以是多個，出口也是可以有一個也可以有多個，完全取決於webpack.config.js的配置。當打包入口有多個，但是又希望，打包的出口可以不用在入口改變的時候，手動維護。那麼我們可以修改配
2020-06-12 20:55:36
原创 ES6常用語法——let和const命令
1. let 命令 let 命令用於變量提升，所聲明的變量只在let命令所在的代碼塊內有效 let要點總結 for 循環有一個特別之處：就是設置循環變量的那部分是一個父作用域而循環體內部是一個單獨的子作用域。 for用
2020-06-12 20:55:36
原创 GIT與 SVN的區別及其常用指令
git與SVN的區別 SVN更適用於項目管理， Git僅適用於代碼管理。 git是分佈式的版本系統，而SVN是集中式的版本管理系統 理解： git本身也有一個集中式的服務器（但它不是必須，沒有它大家一樣可以交換代碼工作，
2020-06-12 20:55:36
原创 svgr-webpack把ts中svg轉成react component
1.在項目中使用svg的好處： ① 不失真, 放大縮小圖像都很清晰； ② SVG文件是純粹的XML, 也是一種DOM結構，可以在svg文件中刪減一些無用的寫死大小的代碼，然後在引入svg的 時候通過css自定義其大小顏色，提高複用率。
2020-05-24 13:09:16
61
原创 javaScript學習筆記——遍歷對象中屬性的方法
遍歷對象的屬性一共有5中方法 1. for…in for…in循環遍歷對象自身和繼承的可枚舉屬性【對象原型中enumerable的值爲true的屬性】。（不含Symbol屬性） 總的來說，操作引入繼承屬性會讓問題複雜化，大多時候
2020-05-18 16:02:49
原创 JavaScript學習筆記——判斷某個屬性是否屬於某個對象
1. 直接用.或[]判斷 var test = {name : 'lei'} test.name //"lei" test["name"] //"lei" // 獲取原型上的屬性 test["
2020-05-18 16:02:49
原创 利用正則表達式對手機號、身份證、姓名脫敏（**模糊化）
var phone ="13623021456"; var idcode ="440582199612056666"; var name ="陳妹"; var name1 ="陳美美"; var name2 ="歐陽美美"; phon
2020-05-12 02:05:08
2
原创 css3 漸變色與透明背景圖片組合背景
background:url('../../static/img/bg_card.png') no-repeat， linear-gradient( 120deg, rgba(255,
2020-02-21 05:43:20
原创 利用CSS寫一個底部弧度效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>outline-offset</title> <style type="text/cs
2020-02-21 05:43:20