原创 對象數組按屬性排序注意事項
一、普通數組排序： js中用方法sort()爲數組排序。sort()方法有一個可選參數，是用來確定元素順序的函數。如果這個參數被省略，那麼數組中的元素將按照ASCII字符順序進行排序。如： var arr = ["a", "b", "A
2020-03-18 07:19:47
原创 React語法簡單總結
一、在項目中使用React： https://blog.csdn.net/duansamve/article/details/104128357 二、虛擬DOM： 三、JSX： 在項目中使用JSX語法： https://blog.csd
2020-03-16 13:26:40
原创 bootstrapValidator驗證動態添加的表單元素
通過addField方法實現： $('#表單id').bootstrapValidator('addField', '動態生成的表單元素的name', { validators: {
2020-03-13 08:12:45
原创 VSCode常用插件
1、live Server 它會幫使用者自動開啓一個服務器，保存的時候便自動刷新瀏覽器頁面 2、Easy LESS 將less編譯成css 3、ESLint (推薦) js語法糾錯，可以自定義配置 4、GitLens(使用git的必備)
2020-03-02 15:29:32
1
原创 webpack4.x最詳細使用講解
前言 本文主要從webpack4.x入手，會對平時常用的Webpack配置一一講解，各個功能點都有對應的詳細例子，所以本文也比較長，但如果你能動手跟着本文中的例子完整寫一次，相信你會覺得Webpack也不過如此。 一、什麼是webpack
2020-02-29 05:14:58
原创 VScode+Typescript+Less+Bootstrap3+Eslint環境搭建
該環境支持： a、VSCode中自動編譯Typescript； b、TypeScript 支持jquery、bootstrap； c、ESLint保存時自動檢查Typescript代碼； d、VScode自動編譯Less； e、Eslin
2020-02-26 13:35:55
原创 怎麼理解vue中$listeners屬性？
首先，$listeners是什麼？ 假設有父組件Parent和子組件Child // Parent <template> ... <child v-on:event-one="methodOne" v-on:event-two=
2020-02-22 21:42:49
原创 將頁面內搜索結果高亮顯示（使用mark.js），且頁面頂部定位到第一個搜索結果
<!DOCTYPE> <html> <head> <title> new document </title> <meta name="generator" content="editplus" />
2020-02-22 21:42:49
原创 加載狀態的實現
.shade { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: #FFFFFF; z-index:99999; fi
2020-02-22 21:42:49
原创 React：this.setState的兩個注意點
1、在setState時，只會把對應的state狀態更新，而不會覆蓋其它的state狀態； 2、this.setState方法的執行是異步的，如果想調用完this.setState之後立即拿到最新的state值，需要使用this.setS
2020-02-22 21:42:49
原创 VScode下使用ESLint檢查typescript代碼
初始化項目： npm init --y 全局或本地安裝typescript： npm install typescript -g 創建tsconfig.json文件： tsc --init 本地安裝eslint： npm inst
2020-02-22 21:42:49
原创 vue實例之組件開發：多標籤切換組件/tabs切換組件
一、自定義方式： 定義組件Tabs.vue <template> <div class="tabs"> <button v-for="(tab, key) in tabs" :key="key" @click="inde
2020-02-22 21:42:49
原创 vue實例之組件開發：圖片輪播組件
一、普通方式： 其中，index是關鍵。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html, body{ margin: 0;
2020-02-22 21:42:49
原创 React：使用ES6的展開運算符簡化傳遞props數據的過程
當我們要給組件傳遞的屬性很多的時候，不可能一個個去寫，這時可以通過使用ES6的展開運算符簡化傳遞props數據的過程： // 導入包 import React from 'react' import ReactDOM from 're
2020-02-22 21:42:49