- 博客(11)
- 资源 (3)
- 收藏
- 关注
原创 组件开发按需引入的两种方案
组件开发按需引入的两种方案babel-plugin-component安装案列模板案例babel-plugin-import安装案例模板案例babel-plugin-component安装npm i babel-plugin-component -D # For babel6 npm i babel-plugin-component@0 -D案列import { Button } from 'components' ↓ ↓ ↓ ↓ ↓ ↓ var butt
2021-07-01 10:43:30
418
原创 2020年的那些瞬间
前言经过了20来年的风雨洗礼,却大部分都被父母的大手给撑开了,性格内敛,不喜与人交谈,痴迷于技术的学习。有时候甚至是会觉得自己做事什么都不成,只有在完成了自己的一些小成果时、而我眼中的小成果却在他们眼里一文不值。也许是我第一次成功发布了微信小程序,也许是我第一次学会搭建部署项目,也许是我第一次亲手实现两种语言的通信时(tcp网络通信,c语言搭服务器,java做客户端),我自己是多么欣喜若狂,却找不到可以分享的人。虽然我csdn账号已经注册了很久,但从来没有发布过博客,感觉自己说不出有用,有营养的东西。为了
2021-01-01 20:07:16
201
2
原创 #超实用的浏览器插件#CSDN开发助手
超实用的开发助手一款集成本地书签、历史记录与 CSDN搜索(so.csdn.net) 的搜索工具CSDN新推出的开发助手内测,可真是厉害了,我的哥。好看的界面设计,感觉敲得代码都是香的。简单从两个方面来说哈:实用的功能便利扩展下载安装使用1、实用的功能1.1、 自定义搜索框,网站图标,背景以前没有助手的时候,浏览器的收藏栏就会保存很多地址,什么github,baidu,maven的通通都要保存下来,就很不方便,比如我更换电脑的时候,又要重新保存一次这些地址很麻烦,但是CSDN推出的
2021-01-01 19:06:52
230
原创 数据可视化之模块边框绘制,Vue3组件实现
项目场景:《数据可视化之模块边框绘制,以及组件开发》介绍了css3中关于borderImage的相关配置,并且实现了一个border图片渲染的插件。其原理也是相当简单,这里就不过多赘述了,今天要做的是实现Vue3的组件(图片边框渲染通用组件)。解决方案:1、准备一张边框图片nodejsvue-cli2、快速开始创建项目vue create dev-datav-border-view添加组件<template> <div class="tw
2020-12-25 22:06:12
4472
6
原创 数据可视化之模块边框绘制,以及组件开发
项目场景:在数据可视化里面,我们可以发现一个大屏展示,是有多个小的模块组合而成,然而这个小模块又是有模块边框和图标构成,大多数情况中,这些小模块的边框是一样,然而又有的图案比较复杂,用css是很难直接写出来,办法当然是有的。当然你除了选择用我说的这种方案,也可以选择用svg绘制,也是一个不错的选择。如下图,就是我们要实现的效果解决方案:1、基础知识我们绘制图片边框采用的原理是css3中样式:值描述border-image-source用于指定要用于绘制边框的图像的位置
2020-12-25 02:19:00
2116
原创 layui树组件(扩展为带有图标的layui树组件)
项目场景:说起来layui前端框架,做后端开发的也是再熟悉不过了,模块开发,有好的UI界面,对前端后端人员都十分友好,当然,文档和示例也算是相当完备了。但是在开发项目时会遇到这样一种情况,就是想实现一种布局:左边是一个树,带有图标,右边展示表格。但是在layui组件中的树组件并不支持自定义图标,在百度上翻了很多的博客,也没有见到自己比较理想的,因此准备自己来扩展解决方案:1、下载layui源码layui码云地址随意选择一个目录克隆源码 git clone https://gitee.com/s
2020-12-23 23:47:28
5790
6
原创 vue3使用vue-count-to组件
项目场景:数据可视化大屏开发的过程中,需要实现一种滚动数字的效果,在使用vue2时,使用vue-count-to完全没有问题,功能也比较完善(滚动时长,开始值,结束值,前缀,后缀,千分隔符,小数分隔符等等),但是在vue3中使用会出现问题。<template> <div id="nav"> <router-link to="/">Home</router-link> | <router-link to="/about">Ab
2020-12-22 11:20:14
14626
20
原创 vue3封装简易的vue-echarts
项目场景:数据可视化开发,采用的技术栈是vue3+echarts+router。问题描述:在vue2中,才开始开发数据可视化大屏,都是用echarts,之后改用为vue-echarts组件,但是到了vue3之后,组件会有一些小问题,所以准备自己封装一套简易的vue-echarts组件,其他的功能之后再迭代上去,足够项目使用即可。代码封装:<template> <div class="echarts" :id="id"></div></te
2020-12-21 21:03:01
3870
2
原创 vue 打包后 出现 Cannot read property ‘TwokeContainer‘ of undefined
项目场景:Vue项目打包后,上线运行,出现vue组件找不到的情况。(我引入的是自己编写的vue组件库。)问题描述:浏览器控制台中显示出Cannot read property ‘TwokeContainer’ of undefined 的错误,根据错误提示发现是下面代码段中的 ref获取dom元素,未找到的问题var init = function init() { return new Promise(function (resolve) { vue.n
2020-12-19 16:06:55
547
1
原创 vue组件库开发遇到的regeneratorRuntime is not defined
问题描述在我开发自定义vue组件库时,使用的是rollup进行打包,其中vue组件中使用到了async/await,然后就出现了regeneratorRuntime is not defined的情况问题的原因Babel在转化一些包的时候,比如说ES6转ES5,需要使用一些辅助函数,这些辅助函数就在babel-runtime这个单独的模块中,当缺失这个单独模块的时候他就会报错,就需要下载一个官方提供的babel插件解决方案1、安装npm install --save-dev @babel/plu
2020-12-18 21:46:41
1605
1
原创 使用npm发布打包文件遇到的两个问题(4048及403)
403以上图片是403错误时提醒的消息,意思是提交的包名与库中的包存在同名现象,这个时候只需重新改名就可以了。4048我在网上搜了一下4048的解决方案,4048主要提醒的原因是没有权限,让你用管理员登录或者更换用户为权限更高的用户。可是我使用了管理员运行也并没有解决。因此我发现npm中有授权的功能。我在项目下编辑了**.npmrc**//registry.npmjs.org/:_authToken=***********************************至于token是在np
2020-12-17 23:56:43
2398
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人