Miss_hhl的博客

前言一个项目下来发现有很多看似相似但又有区别的功能，想想如果一个一个的去写这种相似又有区别的功能，就会显的乏味枯燥，而且更关键的是这样的代码使得项目更难的去维护。如何让项目焕然一新，并且方便以后需求迭代的时候更好的维护呢？那就动手封装组件吧，让那些相似的功能需求都统一管理统一配置。需求当我拿到需求的时候，我先看了element-ui的组件是否满足我业务上的需求（ps：如果在elemnt-ui组件的基础上去做改造也是ok的），但后来我发现element-ui的表格组件无法满足我这次的业务需求，通过改.

前言之前看了掘友写了一个单文件分片上传和断点续传的文章，对此充满了兴趣，因此开始自研学习。经过一段时间的学习，自己动手写了一个小demo。这篇文章将记录自己coding遇见的问题和总结自己小demo的思路。技术关键词前端：@vue/cli-service+element-ui+axios后端：node.js+koacoding思路分析拖拽上传拖拽上传是利用HTML5新特性实现拖拽上传，详细用法可阅读MDN-drag利用dragover事件（当某物被拖动的对象在另一对象容器范围内拖动时触发此事

前言当被问到Vue是如何实现数据的双向绑定，大部分人的回答是：其内部是通过Object.definedProperty()的get和set方法实现的。其核心原理是通过这个API实现，但是还是有必要理解整个过程的实现和其运行原理。什么是MVVM模式MVVM模式是Model-View-ViewModel的简写，即模型-视图-视图模型。【模型】指的是数据层。【视图】指的是视图层所看到的页面。【视图模型】MVVM模式的核心，它是连接view和model的桥梁。数据层和视图层直接是不能直接通信的，那么模型（数

引入：import ElementUI from “element-ui”;import “element-ui/lib/theme-chalk/index.css”;Vue.use(ElementUI);报错信息client:159 ./node_modules/element-ui/lib/theme-chalk/index.css 1:0Module parse failed: ...

代码：布局：<TabButton :btnValue1="'总数'" :btnValue2="'明细'" @watchFlag="handler"></TabButton> <div class="it_content"> <div class="picture" id="work" ref="work" v-show="flag===false...

一、什么是动态组件动态组件表示组件的动态化，数据化。动态组件自身是不会被渲染的，框在组件模板里，模板本身也不会被渲染，而是模板根元素被渲染。二、运用需求**在做一个多功能，多可用，多兼容的大组件的时候，发现在这个组件内部，实现了太多的if、for逻辑，包括大量的html元素，虽说每段功能块都有批注，但是体积还是比较庞大，最近有些需求，需要将页面上的一大块筛选功能剥离开，形成单独的组件，统一数...

新建文件夹components，再建一个children文件夹,包含以下.vue文件children文件夹下的hl-Menu.vue，hl-Menu-item.vue，hl-subMenu.vue，reSub.vue//hl-Menu.vue<template> <ul> <slot></slot> </ul>&lt...

let Vue;// new Vuex.Store// $store.state.ageclass ModuleCollection{ // 格式化constructor(options){this.register([],options); // 注册模块 将模块注册成树结构}register(path,rootModule){let module = { // 将模块格式化_...

import { baseURL} from './config.js';// import axios from 'axios';//每请求一次创建一个唯一的axiosclass AjaxFetch { constructor() { this.config = { timeout: 3000, withCredentials: true, responseTy...

<template> <div class="context"> <button @click="handler">按钮</button> <table class="table"> <thead> <!-- 几行 几列--> <tr> <th>&l...

本来打算今天分享webpack4怎么搭建项目环境的，但是今天在开发当中遇到一个小小的问题，那就来总结一下自己是如何解决问题的吧~~vue脚手架3和vue脚手架2的最大区别就是3所以的配置都是在vue.config.js目录下做配置的啦~当然配置之前要清楚开发环境，测试环境，生产环境。这样也方便自己打包，不需要改域名地址，同时也清楚哪些配置是在开发环境需要的，哪些配置在测试，生产环境需要的。新建...