原创 js實現動畫效

進度條動畫跳過 <h1>JavaScript 百分比進度條</h1> <div id="myProgress"> <div id="myBar">10%</div> </div> <br> <button onclick=

原创 elementUI重置表單時發送額外請求

避免額外請求的方式是在el-form上添加onsubmit="return fasle" <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="

原创 vue中插件製作以及比較實用的方法

/** * 公共方法 */ export default { install(Vue, options) { /** * 返回上一頁 */ Vue.prototype.back = fu

原创 iview組件之select綁定類型number

本文僅記錄在select使用過程中出現的不常見問題,一般的使用問題,請直接在官網查看。 1,有時後端使用的數據是int類型,也就是說,你要綁定的value是數字,使用官網上的驗證方法是無法通過檢測的,這個時候怎麼辦呢?官網上使用的

原创 iview table中嵌套input同步更新table中data值

iview中嵌套input的方法根據iview版本的不同有兩種寫法,一種是render,一種是template。如果當前行有操作可以直接通過change,獲取當前行row。然而,對於input這種組件,習慣於雙向綁定的我們,如何使

原创 js點擊頁面空白處,實現操作

通過爲window綁定click時間即可實現 比如製作一個模態框,點在模態框上實現關閉模態框 <button onclick="document.getElementById('id01').style.display='blo

原创 koa後端模板

最近又學習了下koa2,參考各種資料整理了一套開箱即用的模板,和大家一起學習交流,主要用到的技術棧是node,koa2,mongoose,mongodb數據庫,以及一些常用的中間件,log4js,jwt,cros等 項目構建 介

原创 前端調試技巧包含css,js

一,js篇 通常來講我們都喜歡一個console,簡單方便,個別時候還能當日志來看, 但是有些時候呢用console是不行的,比如判斷一個值的時候,如果該值是‘fasle’,那麼代碼的運行結果可能並不能如你所料,這個時候最好的方式

原创 水平3d柱狀圖

最近做了查了很多資料,做了一個3D漸變水平柱狀圖,給大家做個參考,以更好的理解學習css3 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 iview組件之DatePicker日期格式

1,關於日期通常關注value的格式問題,組件使用value綁定還是使用v-model綁定在使用了on-change事件的情況下是沒有什麼區別的。使用v-model綁定時,值的類型是date 類型,也就是說如果你要傳給後端一個’2

原创 eachart繪製3D立體圖

話不多說,需要的直接看demo 百分比3D正體柱狀圖

原创 eslint 修改standard規則

eslint插件standard定義的規則object-curly-even-spacing對對象的支持並不是太友好,特別是在多個對象並列的時候,如下圖所示 那麼如何修改standard的規則呢,方式如下 'rules': {

原创 CopyWebpackPlugin的ignore

官網介紹 const CopyWebpackPlugin = require('copy-webpack-plugin'); const path = require('path'); module.exports = {

原创 Webpack的externals的理解

webpack官網介紹: 防止將某些 import 的包(package)打包到 bundle 中,而是在運行時(runtime)再去從外部獲取這些擴展依賴(external dependencies)。 webpack的ex

原创 v-infinite-scroll無限滾動

網上搜索了很多,基本上都是指'vue-infinite-scroll'組件,其實如果你是elementUI項目的話,你可以直接使用v-infinite-scroll 示例: <div style="height:100px;ov