
便捷开发资源(Vue、JS、HTML)
文章平均质量分 70
第三方组件库,外部引入的插件等内容!!!!
满脑子技术的前端工程师
一枚热爱分享知识的前端程序猿!!!
现用名:【满脑子技术的前端工程师】 曾用名:[机智的前端小白][前端程序]
展开
-
Vue 插件的使用 图片懒加载,vuex持久化存储,前端各种插件库(三)
一、图片懒加载是什么?二、Vuex状态存储(持久化persist)三、Element-ui和Element-plus插件库(PC端)四、Ant Design vue五、Vant插件库(移动端)六、Better-Scroll(移动端滚动条)原创 2021-12-25 12:01:36 · 1024 阅读 · 0 评论 -
正则表达式 (收藏一下想用就用)
正则目录正则表达式(代码)1.检查是否有小数2.校验是否中文名称组成3.校验是否全由8位数字组成4.校验电话码格式5.校验邮件地址是否合法*示例:直接拿走使用就可(收藏一下,想用就用~~~~)*****想要学习请查看 https://www.runoob.com/js/js-regexp.html (菜鸟教程网址)正则表达式(代码)1.检查是否有小数/*是否带有小数*/function isDecimal(strValue ) { var objRegExp= /^\d原创 2021-11-24 21:23:39 · 112 阅读 · 0 评论 -
腾讯云(图片处理)
处理图片用的到简易网站,可以对首屏展示图片进行优化!!!!!制作缩略图等原创 2023-02-09 15:18:03 · 184 阅读 · 0 评论 -
JS拖拽 和 Vue - draggable 两种方法实现拖拽功能(案例二)
表格拖拽(两种实现方法)前言一、原生的javascript实现拖拽效果1.创建一个table表格代码如下效果图如下:2.获取DOM结构(表格的结构)代码如下:3.拖拽逻辑(这里使用的事件冒泡)代码如下:效果图如下:1.拖拽前的样式,如下图:2.拖拽(序号1和序号2互换位置)二、vue-draggable实现拖拽(vue2和vue3都有版本)1.npm 安装 vue-draggable 插件(vue3)代码如下:如下图所示:2.vue-draggable的Api原创 2022-10-18 17:39:38 · 2496 阅读 · 0 评论 -
json-editor-vue3 (Json字段编辑器 )
一、安装插件(这里很正常)二、json-editor-vue3的使用步骤(这里遇到了问题)1.导入json-editor-vue3①:导入json-editor-vue3(问题出现)②:解决 (无法找到模块的问题)2.使用json-editor-vue3①步骤说明②编写代码如下③内容如下图所示:总结: json-editor-vue3的Api说明全局引入组件内引入模板使用常见参数对应的事件原创 2022-09-11 12:00:57 · 12940 阅读 · 5 评论 -
vue3 也有总线传值 (mitt使用闭坑指南)
vue3 总线传值零、发现mitt的契机一、总线传值作用是什么(vue中的传值方式)?二、Vue2中总线传值的使用三、Vue3中总线传值的使用1.通过npm 安装 mitt安装mitt:具体操作如下图所示:2.创建对应的文件创建mitt实例步骤:具体如下图内容所示:3.总线(mitt)的使用1.组件中的使用方法①`Childrenone` 代码如下:②`ChildrenTwo` 代码如下:③结果图如下所示四、一定要读这部分(避免踩坑),非常重要!!!!使用上面的总线出现的问原创 2022-09-10 12:58:11 · 1888 阅读 · 6 评论 -
vue点击复制文本功能及原理
一、技术使用背景二、Vue2(点击复制粘贴功能的实现)1.安装库并引入2.定义methods和template结构(两种实现的方法)3.测试结果第二种使用的方法三、Vue3(点击复制粘贴功能的实现,只在TypeScript中生效)1.安装库并导入2.解构api、定义methods3.测试结果如下:四、复制技术的实现原理1.第一种原理方法(已废弃⚠️,但是可以继续使用)如下图代码如下2.第二种方法(上面废弃方法的替代规则)链接如下:点击⬇️下方🔗原创 2022-06-05 02:02:09 · 6057 阅读 · 4 评论 -
Vue3 中使用echarts (七步骤:简单易懂,紧急避坑)
Vue3 中使用echarts一、Echars官网地址二、Echars的创建步骤第一步:安装echars第二步:导入echarts第三步:创建Dom结构第四步:ref获取创建的Dom结构第五步:初始化图表第六步:配置对应的option数据第七步:setOption方法进行数据的设置三、完整代码如下(包含父组件中的传值)父组件(echars父组件传值格式)子组件(echars子组件封装)原创 2022-05-18 13:43:45 · 11025 阅读 · 21 评论