原创 11Javascript建造者模式

需求:無限變化 定義:將複雜對象(多種形態的對象,並且形態還可以增加)的構建和它的表現分離,使得同樣的構建過程,構建出不同的表現。 需求出現了改變,代碼必然變化,儘量讓這種變化出現在高層模塊。                    

原创 10模板方法模式--javascript

定義:定義一個算法框架,將一些實現的步驟延遲到子類中,在不改變算法的情況下,可從新定義算法的步驟。 IGame.js export default class IGame{ constructor(){ } l

原创 01 element-ui源碼思路 el-button

1.css樣式的一種解耦的寫法 以type爲例,type有多種值,最中這值會反應到css上。在整個實現思路中沒有出現if else 的判斷 <el-button type="primary">主要按鈕</el-button>

原创 02 element-ui源碼思路 el-notification

用法特殊性,這類組件不需要在父組件‘template’中引用。可以直接調用。 this.$notify({ title: '提示', message: '這是一條不會自動關閉的消息',

原创 vscoder FAQ 和 插件

      sass插件 scss intellisense 提示插件 sass 代碼高亮 Easy Sass  .scss代碼保存轉換爲css sass variables helper 變量提示 typescript插件 tslint

原创 VueFAQ

目錄 FAQ 資源 初始化工程2.x 初始化工程3.x  創建一個項目 拉取 2.x 模板 (舊版本) 工程目錄 ie兼容包 webpack打包img 定義組件過濾器 全局過濾器和加載 深度監聽/對象以及內部屬性的監聽 改變數組的值 常見

原创 stopPropagation preventDefault

1.event.stopPropagation()方法 這是阻止事件的冒泡方法,不讓事件向documen上層蔓延,但是默認事件任然會執行,當你調用這個方法的時候,如果點擊一個連接,這個連接仍然會被打開。 2.event.prevent

原创 element-ui 按需引入配置

babel.config.js ​​​​​​​module.exports = { presets: [ '@vue/app', [ '@babel/preset-env', {

原创 axios+formdata提交數據

1.如何提交數組 1.例如數組對象 2.分解數組,逐個添加到一個對象中 this.followUpVisitArr.forEach((item) => { if (item.visitor_name !== ''

原创 vue-cli打包配置不同的開發和生成環境

新建 .env.development和 .env.production 2. .env.development文件內容 # just a flag ENV = 'development' //開發模式 # base api VUE

原创 scrollTop、offsetHeight和offsetTop等屬性用法詳解以及兼容性的解決

參考文章:https://www.jianshu.com/p/d267456ebc0dhttps://www.imooc.com/article/17571 image.png image.png image.png 詳解:

原创 webstorm代碼自動格式化

1.安裝prettier npm install --save-dev prettier # or globally npm install --global prettier 2.File watchers--Prettier

原创 webstorm 不識別路徑別名@

'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, '.', dir) } module.e

原创 axios+formdata 上傳文件

最近項目要做文件上傳,作爲萌新表示這種操作有點鴨梨,知之爲知之不知百度知,好吧百度說formdata 好那我們就動手了 首先照着formdata文檔來先new 一個對象 let formData = new FormData() form

原创 webstorm FAQ

webstorm  ctrl+shift+N 搜索不到文件 File --Invalidate caches/ Restart