vue封装组件发布到Npm
前言
项目中因为设计风格、项目模式有很多相似的组件模块，每次都要做抽离、复制、粘贴，作为项目负责人，总是想把相似模块抽离出来作为公共模块，所以就有了把这些模块都扔到npm上的想法，网上呢，也有好多文章讲解这个东西，但是都会有一些自己上手的过程中遇到卡壳的细节问题，所以我找了一个最清晰也最小白的教程，按照大佬教程一步步手操将每个环节自己的问题都写出来，以供大家参考，要是写的有些不是很到位的解释呢，还
前端
透明图片阴影效果+使用 ::before 添加按钮的图标
CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考。
1. 打字效果
测试.gif
网页设计变得越来越有创意。在 CSS 动画的协调下，你的网页会像活的一样。在这个例子中，我们将使用 animation 和 @keyframes 属性去实现打字效果。
具体来说，在这个演示中，我们通过 ste
组件分享之后端组件——用于 SFTP、S3、FTP、WebDAV、Git、Minio、LDAP、CalDAV、CardDAV、Mysql、Backblaze 的现代 Web 客户端filestash
组件分享之后端组件——用于 SFTP、S3、FTP、WebDAV、Git、Minio、LDAP、CalDAV、CardDAV、Mysql、Backblaze 的现代 Web 客户端filestash
背景
近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。
组件基本信息
组件：
JavaScript防抖和节流的使用及区别
点击打开视频教程
什么场景下使用防抖和节流
在进行窗口的resize、scroll、输出框内容校验等操纵的时候，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验，就可以采用防抖（debounce）和节流（throttle）的方式来到达这种效果，减少调用的频率。
为什么滚动scroll、窗口resize等事件需要优化
滚动事件的应
js实现滚动触底加载事件
一、html和css
可视区固定500px，设置overflow-y: auto 来实现滚动。
1.1、html
<template>
<div class="scroll"
ref='scroll'
@scroll="onScroll">
<div class="crad"
v-for="i in 10"
el-table二次封装
在vue开发中使用element-ui的el-table时一般都需要进行封装以便于复用，提高开发效率，减少重复代码，这篇博客对el-table进行简单的二次封装：
一、安装引入
Element官方文档
npm安装element-ui：
npm i element-ui -S
可以看文档按需引入，这里为了方便直接全局引入了：
import Vue from 'vue'
import App fro
vue2升级vue3：composition api中监听路由参数改变
vue2 的watch回顾
我们先回顾一下vue2中watch
《watch性能优化：vue watch对象键值说明-immediate属性详解》
《vue中methods/watch/computed对比分析，watch及computed原理挖掘》
watch和computed很相似，watch用于观察和监听页面上的vue实例，当然在大部分情况下我们都会使用computed，但如果要在数据变化的
vue 批量自动引入并注册组件或路由等等
有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js
本项目使用vue3.x, vue2.x也可以照样用;
image.png
这里在components里面创建了一个idnex.js 文件
require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t
通过 tree shaking 移除无用代码
tree shaking 依赖于ES Module 的静态语法分析，在项目编译时移除无用的代码以减少文件体积。
usedExports
在文件中，我们可能定义了变量但是暂时又没有用到，这样会造成空间的浪费。在 mode 为 production 时，会默认做一些配置，将无用的代码删除。为了看到没有做处理时编译后的文件效果，在 webpack 中做如下配置。
module.exports = {
