原创 Element-UI的Select組件實現全選

選中狀態變化的時候,分五種情況 1、點擊全選,選中全部 2、全選狀態下,再次點擊全選,取消全部選中 3、全選狀態下,取消了某個選中,就需要取消 全選 和 當前這個數據 的選中 4、沒有全選,但是勾選了除全選外的所有數據,就是全選了,就選中

原创 Element-UI二次封裝實現TreeSelect 樹形下拉選擇

1、組件 <!-- /** * 樹形下拉選擇組件,下拉框展示樹形結構,提供單選、多選功能 * @author ljn * @date 2019-02-23 * 調用示例: * <

原创 Element實現橢圓搜索框

1、Element複合型輸入框實現的搜索框 <div> <el-input placeholder="請輸入內容" v-model="input" class="input-with-select"> <el-select

原创 JavaScript Cookie

一、Cookie的使用 JavaScript 可以使用 document.cookie 屬性來創建 、讀取、及刪除 cookie。 1、創建cookie // 創建cookie document.cook

原创 Element的Switch 開關修改爲字在按鈕上

1、Element的Switch 開關用法 http://element-cn.eleme.io/#/zh-CN/component/switch 2、修改後的示意圖 3、樣式修改 <template> <div> <el

原创 pycharm 安裝激活破解方法

1、pycharm下載安裝 https://www.jetbrains.com/pycharm/ 2、打開http://idea.lanyus.com/下載破解補丁 3、將補丁複製到pycharm安裝目錄的bin目錄下 D:/Prog

原创 webstorm 安裝激活破解方法

1、webstorm下載安裝 http://www.jetbrains.com/webstorm/ 2、打開http://idea.lanyus.com/下載破解補丁 3、將補丁複製到webstorm安裝目錄的bin目錄下 D:/Pr

原创 intellij idea 安裝激活破解方法

1、intellij idea下載安裝 https://www.jetbrains.com/idea/ 2、打開http://idea.lanyus.com/下載破解補丁 3、將補丁複製到intellij idea安裝目錄的bin目錄下

原创 node實現自啓動瀏覽器打開某網址

方法一、利用child_process.exec() child_process是node.js的內置模塊 var c = require('child_process'); // 使用默認瀏覽器打開 c.exec('start htt

原创 Express生成器

1、全局安裝express-generator express-generator:Express 應用程序生成器工具,包含了express命令行工具。 npm install express-generator -g 2、express

原创 利用cellRendererFramework將Vue組件渲染爲ag-grid表格單元的內容

1、Vue組件內定義私有組件,用cellRendererFramework來渲染ag-grid表格單元的內容 <template> <div> <!-- gridReady 綁定一個事件,在表格創建完成後執行 -->

原创 ag-grid在Vue項目中的基本使用

ag-grid官網 1、安裝 npm install ag-grid-community ag-grid-vue --save-dev 2、在main.js中引入ag-grid的樣式文件 // 引入ag-grid的樣式文件 import

原创 Express+EJS實現一個新聞列表頁面的新增和查看

1、模塊化思路 服務模塊:負責啓動服務 路由模塊:負責路由判斷 業務模塊:負責處理具體路由的業務代碼 數據操作模塊:負責進行數據庫操作 配置模塊:負責各個模塊中用到的配置信息 2、項目目錄 新建項目文件夾,安裝express和EJS 3

原创 移動APP開發框架總結

一、移動APP開發框架 1、vux VUX - Vue 移動端 UI 組件庫 2、vant Vant - 輕量、可靠的移動端 Vue 組件庫 3、weex Weex 是一個使用 Web 開發體驗來開發高性能原生應用的框架。 Weex 致力

原创 Vue項目中使用Sass變量自定義ag-grid表格主題樣式

1、在Vue項目中新建一個樣式文件  src/assets/styles/table.scss ,引入ag-grid默認的樣式文件 table.scss $ag-icons-path: "../../../node_modules/a