原创 webpack-ts打包

1.打包typescript 需要安裝插件 npm install --save-dev typescript ts-loader 2.在項目的根目錄下創建一個tsconfig.json文件 配置如下(也可以直接粘貼上面文檔中

原创 js 複習

文章目錄瀏覽器內核變量數據類型:書寫規範錯誤類型js運算符\+1.比較運算符2. 邏輯運算符 && || !算數運算符自增和自減基本功能細節自增自減表達式優先級for循環if 判斷包裝類Date構造函數UTC和GMT時間戳日期

原创 webpack-css篇

1.下載css-loader npm i -D css-loader style-loader 打包css文件需要用到style-loader和css-loader。 2.在webpack打包文件中配置: {

原创 前端算法入門

文章目錄二分法 二分法 思路:二分法適用於有序數組.將數組從中間分開,判斷條件所在的區間,然後繼續拆分,如果條件等於中間值則比對成功。 數組中間元素的索引值 = (數組的第一個元素的索引值 + 最後一個元素的索引值)/ 2 如果

原创 webpack-html篇

12311 圖片打包 var avatar = require(./'headImg.jpg') 1.需要下載file-loader插件 npm i -D file-loader 2.在webpack配置文件配置file-lo

原创 flutter 配置環境變量

dart - flutter 配置環境變量1.添加環境變量2.下載flutter3.安裝配置androidstudio環境變量4. 連接安卓模擬器 1.添加環境變量 flutter 中文網 此電腦 --> 右鍵–> 屬性

原创 css3-border

文章目錄border-radiusbox-shadowborder-image border-radius border-radius用於設置容器的圓角,就相當於是在容器的內部有一個圓在切割容器,當一個角的兩個方向的值都相同時,這

原创 Es6 symbol-知名符號

文章目錄Symbol.hasInstanceSymbol.isConcatSpreadableSymbol.toPrimitiveSymbol.toStringTag Symbol.hasInstance obj instance

原创 學習筆記(02):Java小白修煉手冊-種族天賦:大談Java成功之道

立即學習:https://edu.csdn.net/course/play/27274/361053?utm_source=blogtoedujava語言的特點: 1.簡單、高效 2.面向對象 3.跨平臺 Java源碼 java字節碼 j

原创 Get和Post的區別

1.是基於什麼前提的? 如果什麼前提都沒有,不使用任何規範,只考慮語法和理論上的Http協議。Get和Post幾乎沒有什麼區別,只有名字不一樣。 2.如果是基於RFC規範的。 1)理論上的(Specifiction):Get和Po

原创 css3-background

文章目錄background-imagebackground-originbackground-clipbackground-repeatbackground-attachmentbacakground-size backgrou

原创 css3-盒模型

文章目錄ie6 混雜盒模型resizeflex彈性盒子 ie6 混雜盒模型 一般盒模型: boxWidth = width + 2*border + 2*padding; ie6 混雜盒模型 boxWidth = width; c

原创 模塊化

模塊化JS 模塊化amd 、cmd (web端模塊化規範)Es module (es6)CommonJs (服務端模塊化規範)css模塊化oocss (面向對象Css)Amcss (屬性模塊)避免使用過多的class J

原创 webpack 相關優化

文章目錄打包速度優化1.更新我們的node或者npm 或者 webpack2.儘可能的減少laoder的轉換(合理使用exclude和include)3.Plugin(儘量使用官方提供的插件)4.使用DllPlugin提高打包速度

原创 webpack-js篇

打包js代碼webpack 4.32.2webpack將 es6+轉換成es5語法(兼容低版本IE)webpack-修改打包代碼的路徑webpack- Treeshaking(只有在生產模式中有效)webpack-打包第三方庫we