原创 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