原创 一個關於子網與掩碼輸入的組件基於elementui

copy鏈接 github 帶有掩碼的 不帶掩碼的 截圖可能會被吐槽一下 不過不帶掩碼的只是沒有後面部分 prop參數 size :'mini' 爲不帶掩碼 ' '空值爲帶掩碼 可選 默認空值 defValue:

原创 webstorm設置 格式化代碼

webstorm設置 格式化代碼時自動添加或移除逗號,分號等

原创 可能用到正則驗證 (實用的,不定時更新)

安全網絡 正則驗證 前置 1. IPaddr 地址驗證插件 需要安裝 npm i ipaddr.js 2. 字符長度驗證 export function regCode(str: string, len: number)

原创 移動端H5頁面截圖

兩個工具: html2canvas 官方地址:https://github.com/niklasvh/html2canvas 優點: 1.使用人數多,資料更全 缺點: 1.感覺不怎麼維護更新了 domtoimage 官方地址【gi

原创 vue項目中, pdf解析組件

pdf解析組件 github地址 https://github.com/nan1010082085/vue-components/tree/master/pdf 遇到的問題 參考文章 https://juejin.im/po

原创 4級聯動 地址組件 移動端

github代碼鏈接 https://github.com/nan1010082085/vue-components/tree/master/address 20190122 最新修改 通過 淘寶移動端適配插件 “lib-fle

原创 項目中,用過到的組件,記錄一下

https://github.com/nan1010082085/VueComponents

原创 vue cli3 搭建一個通用中臺(二)

前文 上一文中已經完成了項目的創建和環境的配置 本文將完成以下幾點 用戶登錄頁面 mock數據模擬請求 動態路由構建 開始 先安裝我們需要的依賴 npm i element-ui axios mockjs vuex-pers

原创 vue cli3 搭建一個通用中臺(一)

初始化項目 vue create vue-asgisn cd vue-asgisn npm run serve 一、 已經初始化項目後, 爲了開發方便以及維護, 新增一些文件夾 - store //如果用到vuex 此文件

原创 常用的工具函數 (不定時更新)

日期轉換 /** * @param date 日期 * @param fmt 需要格式化的形式 * @returns {*} * 將 Date 轉化爲指定格式的String * 月(M)、日(d)、小時(h)、

原创 webstorm設置

webstorm設置 格式化代碼時自動添加或移除逗號,分號等

原创 vue+ts項目 封裝element-ui的messagebox

場景 問題: 有一個在項目非常常用的確認彈框, 並且使用element-ui的 messageBox; 我們不想在每一業務中大量的複製那麼多的代碼, 解決辦法: 封裝一個函數調用,儘可能給出操作回調 代碼 代碼連接 github

原创 react 移動端項目配置 postcss-pxtorem

前提 *create-react-app 創建的項目 通過 eject 命令暴露出react 全部配置 安裝配置 postcss-pxtorem npm i postcss-pxtorem -D 添加rem轉換插件 webp

原创 react-router-dom 實現路由跳轉

簡單的寫了一個移動呈現,底部tabbar跳轉的demo 簡述 demo 使用 create-react-app 直接創建 路由是使用 react-router-dom 目錄結構 稍微改變一下 create-react-app

原创 防抖函數與節流函數

原文 https://www.cnblogs.com/chenqf/p/7986725.html 應用場景 實際工作中,我們經常性的會通過監聽某些事件完成對應的需求,比如: 通過監聽 scroll 事件,檢測滾動位置,根據滾動位置顯示