Hello,我是Xc,一位因antfu结缘开源的前端菜鸟,今天和大家分享最近开源的一个高效的图片压缩工具fast-imagemin-cli。 什么是图片压缩 顾名思义就是压缩图片大小，有效的图片压缩会优化网页的加载，我们常见的图片压缩处理主要有以下2种： 借助tinypng等图片压缩网站或者工具提前压缩好再放入项目中 借助脚手架插件在编译时进行压缩输出 为什么做这个工具 源于实际的需求吧，部分类型项目存在较多的图片资源，基于上面2种方案先说下在生产中存在的一些问题吧。 借助压

前言：使用uni-app一段时间了，因为自己前端知识薄弱，实际开发中有点举步维艰的感觉，趁着五一假期，总结一下。 uni-app 的页面结构 分为三个部分 <template> HTML </template> <script> JS <script> <style> CSS <style> 页面传值 传值 uni.navigateTo({ url: '../addR

写在前面 交战之前，战士必先利其兵器，作为开发人员的我们更是如此，在日常的开发中如果拥有一款得心应手的工具软件，一定能够大大提高我们的工作效率。 在开发过程中，由于后端与前端并行开发，但是作为前端开发工程师的我们，难道在搭建完页面后只能等待后端的接口么？这样的话我们则完全被后端开发限制住了。在前面跟大家介绍过 Mock.js 不知道大家有么有看到哈，如果没有看到的同学，或者不知道mock是什么的小伙伴可以先去看看，其实mock的出现就是前后端分离后为前端不受制于后端同学的束缚而出现

前言： 因在哔哩哔哩发布过相关视频，收到小伙伴的留言。所以在此讲解，希望能帮到大家 首先附上效果图：   开发文档：绘制步骤-3D立体图形-教程-地图 JS API | 高德地图API (amap.com) 基础 Mesh-立体 Mesh-示例中心-JS API 示例 | 高德地图API (amap.com) 开发环境： 后端接口是java，前端是vue、js 在这里只做前端代码讲解，后端只是基本数据 正式开始： （讲解不周到的地方希望读者指出） 可能小伙

写在前面 防抖：debounce, 节流 : throttle ;这俩个名词大家都不陌生，不管是学习，面试，笔试，偶尔总要提提，网上的参考文献也是大有篇章，其中有好多优秀的文章都写的很好了，大家都可以参考的来理解，我们的目的只有一个，那就是理解，并学习，从而创新。我的目的就是从保姆的角度来解释一下这俩个技术，以便大家容易理解； 应用场景 这俩个技术主要是用于web实践中对于事件执行时间的把控，如windows的input,mouse相关事件，keyup等，对于这俩个名词分别解

💰前言   个人主页：KinHKin(五年前端)的博客_CSDN博客-vue,css,中秋活动领域博主 在线演示： KinHKin 刚结束了一个vue3项目的前端改造，从一个页面改造成路由系统切换的功能，产品美名曰：UI改版。我们都知道产品的好坏，取决于产品的设计，设计的变动，不一定是业务方的变动，但是一定是产品的需求变动，有时候大费周折在原来的基础上需要重新设计前端布局，组件的传值，条件的判断，主题色的修改，如果想要在自己的受控范围内，这就需要得益于前期的组件抽象，样式变

目录 安装组件 应用实例及参数说明 实现效果 代码 参数说明 做拖拽的时候搜到这个小组件 简单易用 记录一下 官方文档：点击此处 安装组件 很简单啊  先控制台安装 npm install awe-dnd --save 然后去main.js里引用 import VueDND from 'awe-dnd' Vue.use(VueDND) 应用实例及参数说明 用官方文档给的数据写的实例，因为文档说的也不是很细致，所有的参数说明是我自行理解的 有不对的地方还请大佬指正

elementui表单规则校验 rules中单个表单域校验规则可以包含多个数组，每个数组即是一条校验规则 rules属性 属性说明 type 标志要使用的validator的数据类型 可选值： string: 字符串类型（默认值） | number: 数字类型 boolean:布尔类型 | method: 函数类型 | regexp:正则表达式 integer: 整型 | float: 双精度浮点型数字 | array: 数组类型 object: 对象类型 | enum: 枚举

轮子的github链接：两个项目的文档要结合着看才可以 # vue-simple-uploader https://github.com/simple-uploader/vue-uploader/blob/master/README_zh-CN.md # simple-uploader https://github.com/simple-uploader/Uploader/blob/develop/README_zh-CN.md#%E9%85%8D%E7%BD%AE 具体使用建议

今天这篇文章，让你彻底学会props属性…… props主要用于组件的传值，他的工作就是为了接收外面传过来的数据，与data、el、ref是一个级别的配置项。 问题一：那props具体是怎么使用呢？原理又是什么呢？往下看 1、【定义被调用组件】首先，我们先定义一个person组件，用于显示个人信息的组件，我们放了一个人的姓名，性别，以及年龄，定义好这个组件之后，就可以等待其他组件进行调用。那么既然别的组件可以调用，我们就需要再定义一个props属性，用于接收别的组件传进来的值。

还在担心面试不通过吗？给大家推荐一个超级好用的刷面试题神器：牛客网，里面涵盖了各个领域的面试题库，还有大厂真题哦！ 赶快悄悄的努力起来吧，不苒在这里衷心祝愿各位大佬都能顺利通过面试。面试专栏分享，感觉有用的小伙伴可以点个订阅，不定时更新相关面试题：面试专栏 。 🍘正文 1.实现类的继承 在ES6 中新增了 extends关键字，用于实现类的继承。 MDN中对 extends关键字的解释是这么说的： **定义：****extends**关键字用于类声明或者类表达式

目录 Class类 初识class class中getter和setter设置 表达式方式书写 静态属性与静态方法 私有属性和私有方法 class继承 静态属性和方法继承 私有属性和方法继承 class显示原型与隐式原型关系 Class类 ES6提供了更接近传统语言的写法，引入了Class(类)这个概念，作为对象的模板。通过class关键字，可以定义类。基本上，ES6的class可以看作只是一个语法糖，它的绝大部分功能，ES5都可以做到，新的class写法只是让对象原型