- 博客(11)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 组件开发按需引入的两种方案
组件开发按需引入的两种方案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
330
原创 2020年的那些瞬间
前言经过了20来年的风雨洗礼，却大部分都被父母的大手给撑开了，性格内敛，不喜与人交谈，痴迷于技术的学习。有时候甚至是会觉得自己做事什么都不成，只有在完成了自己的一些小成果时、而我眼中的小成果却在他们眼里一文不值。也许是我第一次成功发布了微信小程序，也许是我第一次学会搭建部署项目，也许是我第一次亲手实现两种语言的通信时(tcp网络通信，c语言搭服务器，java做客户端)，我自己是多么欣喜若狂，却找不到可以分享的人。虽然我csdn账号已经注册了很久，但从来没有发布过博客，感觉自己说不出有用，有营养的东西。为了
2021-01-01 20:07:16
172
2
原创 #超实用的浏览器插件#CSDN开发助手
超实用的开发助手一款集成本地书签、历史记录与 CSDN搜索(so.csdn.net) 的搜索工具CSDN新推出的开发助手内测，可真是厉害了，我的哥。好看的界面设计，感觉敲得代码都是香的。简单从两个方面来说哈：实用的功能便利扩展下载安装使用1、实用的功能1.1、 自定义搜索框，网站图标，背景以前没有助手的时候，浏览器的收藏栏就会保存很多地址，什么github,baidu,maven的通通都要保存下来，就很不方便，比如我更换电脑的时候，又要重新保存一次这些地址很麻烦，但是CSDN推出的
2021-01-01 19:06:52
208
原创 数据可视化之模块边框绘制，Vue3组件实现
项目场景：《数据可视化之模块边框绘制，以及组件开发》介绍了css3中关于borderImage的相关配置，并且实现了一个border图片渲染的插件。其原理也是相当简单，这里就不过多赘述了，今天要做的是实现Vue3的组件(图片边框渲染通用组件)。解决方案：1、准备一张边框图片nodejsvue-cli2、快速开始创建项目vue create dev-datav-border-view添加组件<template> <div class="tw
2020-12-25 22:06:12
4324
6
原创 数据可视化之模块边框绘制，以及组件开发
项目场景：在数据可视化里面，我们可以发现一个大屏展示，是有多个小的模块组合而成，然而这个小模块又是有模块边框和图标构成，大多数情况中，这些小模块的边框是一样，然而又有的图案比较复杂，用css是很难直接写出来，办法当然是有的。当然你除了选择用我说的这种方案，也可以选择用svg绘制，也是一个不错的选择。如下图，就是我们要实现的效果解决方案：1、基础知识我们绘制图片边框采用的原理是css3中样式：值描述border-image-source用于指定要用于绘制边框的图像的位置
2020-12-25 02:19:00
1930
原创 layui树组件(扩展为带有图标的layui树组件)
项目场景：说起来layui前端框架，做后端开发的也是再熟悉不过了，模块开发，有好的UI界面，对前端后端人员都十分友好，当然，文档和示例也算是相当完备了。但是在开发项目时会遇到这样一种情况，就是想实现一种布局:左边是一个树，带有图标，右边展示表格。但是在layui组件中的树组件并不支持自定义图标，在百度上翻了很多的博客，也没有见到自己比较理想的，因此准备自己来扩展解决方案：1、下载layui源码layui码云地址随意选择一个目录克隆源码 git clone https://gitee.com/s
2020-12-23 23:47:28
5521
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
14279
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
3802
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
501
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
1571
1
原创 使用npm发布打包文件遇到的两个问题(4048及403)
403以上图片是403错误时提醒的消息，意思是提交的包名与库中的包存在同名现象，这个时候只需重新改名就可以了。4048我在网上搜了一下4048的解决方案，4048主要提醒的原因是没有权限，让你用管理员登录或者更换用户为权限更高的用户。可是我使用了管理员运行也并没有解决。因此我发现npm中有授权的功能。我在项目下编辑了**.npmrc**//registry.npmjs.org/:_authToken=***********************************至于token是在np
2020-12-17 23:56:43
2338
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人