原创 vue webpack 獲取文件夾下的所有.vue文件

const path = require('path')const files = require.context('@com/hlfeature/allFeaturePages', true, /.vue$/)const modules

原创 javascript 設計模式 --發佈訂閱模式

1、實現發佈--訂閱模式(1)首先要指定好誰充當發佈者(2)然後給發佈者添加一個緩存列表,用於存放回調函數以便通知訂閱者(記錄客戶的花名冊)(3)最後發佈消息的時候,發佈者遍歷這個緩存列表,依次觸發裏面訂閱者回調函數(遍歷花名冊,挨個發短信

原创 javascript 設計模式 --單例模式

單例模式定義:保證一個類僅有一個實例,並提供一個訪問它的全局訪問點。單例模式場景:有一些對象往往只需要有一個,比如線程池、全局緩存瀏覽器中的Windows對象等1、實現單例模式 要實現一個標準的單例模式並不複雜,無非是用一個變量來標誌當前是

原创 vue axios 二次封裝

import axios from 'axios';import QS from 'qs'; // 環境的切換// if (process.env.NODE_ENV === 'development') {// axios.defaul

原创 js Object.defineProperty自動存檔對象d

function Archiver() { var temperature = null; var archive = []; Object.defineProperty(this, 'temperature', { get: func

原创 websocket 封裝

var websock = null;var global_callback = null;var serverPort = '8000'; //webSocket連接端口 // function getWebIP(){//

原创 vue 命名視圖

在views 創建 UserProfile.vue UserProfilePreview.vue文件app.vue文件創建兩個router-view :<router-view/><router-view name="helper"/>兩個

原创 手寫實現promise

// 簡易版本的promise // 第一步: 列出三大塊 this.then resolve/reject fn(resolve,reject) // 第二步: this.then負責註冊所有的函數 reso

原创 js new 對象幹了啥

1、創建一個空對象,並且 this 變量引用該對象,// lat target = {}; 2、繼承了函數的原型。// target.proto = func.prototype; 3、屬性和方法被加入到 this 引用的對象中。並執行了該

原创 svg 線條動畫

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg&quot;> <line x1="10" y1="10" x2="10" y2="90" /> <polylin

原创 echarts 遊客來源

//originLines.js let locatePoint = [ { name: "北京", position: [116.407526, 39.904030] }, { name: "遼寧", position: [123.4

原创 16進制轉rgba

function hexToRgba(hex, opacity) { return "rgba(" + parseInt("0x" + hex.slice(1, 3)) + "," + parseInt("0x" + hex.slice(

原创 vue filter 完美時間日期格式

<template> <div>{{msg | compFilter('yyyy-MM-dd hh:mm') }}</div> </template> <script>export default { data() { return

原创 vue 2.6.0 具名插槽, 作用域插槽

vue 2.6.0後將已廢棄的使用 slot-scope 特性的語法廢除,但是目前還能夠使用,鏈接地址:https://cn.vuejs.org/v2/guide...如圖實現一個類似,星級點評的組件 父組件: 子組件: 子組件將 star