vue3的已经正式发布了，从官方文档来看，部分api和功能有较大的改动，刚好，最近想写个vue3的插件，转念一想那我能不能同时也支持vue2呢？就引出了这个问题，我们能使插件支持vue3的同时也能支持vue2么？

那么这两种方式有何不同呢，他们的使用场景如何，具体的操作步骤又是怎么样的。本文将基于这两种发布方式，对比他们的不同，详解其步骤，并对在封装Vue组件和发布npm依赖过程中所遇到的问题进行归纳和解答。相信对于更加全面的了解前端工程化和npm发布流程会有些许帮...

众所周知，JS的加载和执行会阻塞浏览器渲染，所以目前业界普遍推荐把script放到</body>之前，以解决js执行时找不到dom等问题。但随着现代浏览器的普及，浏览器为我们提供了更多强大的武器，合理利用，方可大幅提高页面加载速度。

停更许久，近期计划更新：设计模式系列。 单例模式：限制类实例化次数只能一次，一个类只有一个实例，并提供一个访问它的全局访问点。 单例模式是创建型设计模式的一种。针对全局仅需一个对象的场景，如线程池、全局缓存、window 对象等。 模式特点 类只有一个实例 ...

Bug描述:在使用vue-property-decorator或者vue-class-component进行npm run build 进行打包构建的时候，组件name属性会被替换。

js预编译 步骤 先分析整个页面，然后逐一执行。此时会产生GO对象，Global Object对象。 GO对象 1、将所有变量作为GO的属性，值均为undifined 2、将函数声明也作为GO的属性，值为函数体。当函数声明和变量名相同时，覆盖第一步 执行函数时，产生AO对象，Actived Objec...

webpack v4 开始新增了一个 sideEffects 特性，通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用)，从而可以为 tree-shaking 提供更大的优化空间。

请注意：代码中Modal组件与Button平齐。当dom渲染完成后，Modal组件与根结点root平齐。概述：弹窗类组件的要求弹窗内容在A处声明，却在B处展示。react中相当于弹窗内容看起来被render到一个组件里面去，实际改变的是网页上另一处的DOM结构，这个显然不符合正常逻辑。...

文章目的：意在分析antd官网form表单的结构，一步步理解其构造思路，模仿写出一个简易版的form表单。P1(第一篇)--- 了解表单组件基本的数据收集,数据校验,数据提交等功能

mvvm 双向数据绑定数据影响视图，视图影响数据angular 脏值检测 vue数据劫持+发布订阅模式vue 不兼容低版本 用的是Object.defineProperty下面涉及涵盖的知识点

前端开发有众多编辑器 sublime、vscode、webstrom等等，在这众多的开发编辑器中 webstorm 无疑是它们当中最为强大的一个，被誉为我们前端开发的神奇。

instanceof : 检测某一个实例是否属于某各类的实例constructor : 构造函数 使用instanceof 检测某个值是否属于某一个数据类型的内置类，从而检测出它是否是这个类型的值；使用instanceof可以实现typeof实现不了的，对对象类型值详细的区分检测;

它是一种编程思想 (object-oriented programming ), 我们的编程或者学习其实是按照类、实例来完成的学习类的继承、封装、多态

首先展示一下预览效果以及文件结构:一、预览效果:信息列表： 编辑： 新增： 删除： 二、代码结构： 文件说明：1.css文件：存放项目页面样式2.json：用于项目数据存储3.index.html：用户列表展示页面4.add.html：新增|编辑用户信息页面5.server.js: 启动node服务 gith...

summernote是一款富文本编辑器，但是他上传的图片的时候，图片会以二进制的形式存入数据库字段中，这时候就很占资源，所以我们希望图片能存入自己的服务器，在字段中就以链接地址的形式存放，这时候就需要在上传图片的时候进行处理，所以callbacks下面的onImageUploa...

原因浏览器为了维护用户安全和体验，在JS中直接使用window.open(url，"_blank")来打开新的链接是会被拦截的。通常项目需要在ajax异步请求完成后来打开新链接，下面提供几种解决方案

那么这就可能会导致一个问题，因为这个task:clean不是一个正确的异步执行方式，所以他就会出现–显示clean任务已经finished接着他会执行htmMove、imageMin等等一系列任务，但是.pipe(clean())却还在执行，这就造成了边删除目录边执行其他的一系列任务，最终会因为找不...

经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢？

// 引入组件//在引入这些组件前你需要在你的项目里进行安装。举个栗子：组件中间用空格隔开。一定要先切换到你项目所在的目录//npm install gulp-jshint gulp-sass gulp-concat gulp-uglify gulp-rename –save-dev

在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境