- 博客(18)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Echarts南丁格尔玫瑰图和Highcharts可变宽度的环形饼图
Echarts南丁格尔玫瑰图和Highcharts可变宽度的环形饼图最近业务需要做一个环形饼图,当时就想着采用Echarts的南丁格尔玫瑰图方案,但是由于数据差距太大,实现效果不理想;然而网上也没有合适的解决方案,几经折腾,最后采用Highcharts的可变宽度的环形饼图方案,特写此博客为大家提供更多的思路。设计狮的效果图使用Echarts南丁格尔图的半径模式采用Echarts方案我所实现的效果图:下面是实现源码,为方便阅读,我未对“虚拟数据”进行提取<div id="dataEc
2021-02-02 11:10:54
5193
8
原创 nvm的安装配置教程
nvm全称 Node Version Manager,是Node的版本管理工具一、下载nvm-windows:https://github.com/coreybutler/nvm-windows/releases选择nvm-setup.zip安装方式:二、安装1.指定nvm的安装路径2.指定nodejs的安装路径3.安装后的两个文件夹4.在nvm文件夹里找到settings.txt,按需替换为以下内容注:root 和 path不用替换,这是两个文件夹的安装路径##当前 nvm.
2021-07-22 17:34:39
3908
3
原创 Vue嵌套路由的使用方法及注意事项
Vue嵌套路由的使用方法及注意事项借助vue-router,使用嵌套路由router-view 不仅可以作为最顶层的出口,渲染最高级路由匹配到的组件;还可以作为被渲染组件嵌套路由的出口。1、router-view 作为最顶层的出口<div id="app"> <router-view></router-view></div>const User = { template: '<div>我是User组件</div>'
2021-05-16 00:59:00
959
2
原创 node的安装与配置
node的安装与配置由于同学经常找我安装node,嫌麻烦,写此文章只是为了方便他们查询。1、下载node官网链接:https://nodejs.org/zh-cn/download/2、安装2.1 默认,点击Next2.2 勾选,点击Next2.3 指定安装路径,点击Next本人只有C盘,所以就直接在C盘下,可根据自己的需要指定安装路径。2.4 默认,点击Next可根据自己的需要,选择安装方法,各有各的特色。2.5 默认,点击Next2.6 默认,点击Install
2021-05-15 22:58:35
1429
1
原创 Vue中:src获取后台传回本地资源路径失效问题
Vue中:src获取后台传回本地资源路径失效问题最近使用mockjs发现了一个问题,就是:src获取由mockjs模拟后台传回本地静态资源路径失效直接使用本地静态资源正常显示<img src="@/assets/img/bg.jpg" alt=""/>:src获取后台传回本地资源路径失效<img :src="img" alt="" v-if="img"/>data(){ return{ img: "", }},mounted(){ this.getI
2021-02-02 12:28:10
1455
3
原创 如何使用Egg.js快速搭建一个简单完整的后台管理系统
Egg.js实现一个简单完整的后台管理系统最近在学习Egg.js,它是阿里推出的基于Koa的node开发框架,是为企业级框架和应用而生;它简单且扩展性强,非常适合做个人项目。一、egg创建项目1.要求nodejs版本必须大于8.0并且要用LTS版本2.全局安装egg的环境(只需安装一次)npm i egg-init -g / cnpm i egg-init -g3.创建项目cd 到目录里面(注意目录不要用中文,不要有空格)创建项目:egg-init 项目名称 --type=simpl
2021-02-01 15:05:47
2816
4
原创 Vue-cli3中sass的安装,以及安装时-S和-D的区别
Vue-cli中sass的安装,以及安装时-S和-D的区别1.安装resources-loadercnpm i style-resources-loader vue-cli-plugin-style-resources-loader -D注:尽量用cnpm安装,npm安装可能会报错2.安装node-sass和sass-loadercnpm i node-sass -Dcnpm i sass-loader -D3.在项目根目录下创建vue.config.js配置文件const path
2020-10-28 21:08:03
1392
2
原创 解决Vue项目的移动端适配问题
解决Vue项目的移动端适配问题移动端适配有很多种方案,如flex布局,百分比布局,响应式布局,vw布局;我个人比较喜欢的是rem和vw,当然最喜欢的是rem适配方案,因为它的兼容性更佳!一、基础知识在进入正文之前,先简单了解一下什么是手机适配?什么是rem?什么是vw?1.什么是手机适配?答:设计狮制作效果图,程序猿把效果图应用到不同的手机,对不同的屏幕进行界面调整的过程,确保界面不变形,呈现效果图的位置、尺寸、比例。2.什么是rem?答:rem是CSS3新增的一个相对单位,它相对根节点&
2020-10-28 20:25:08
4919
3
原创 阿里云服务器安装配置MySQL以及本地Navicat连接小白教程
阿里云服务器安装配置MySQL以及本地Navicat连接小白教程欲安装,先去残留!一、卸载MySQL1.查看安装了那些sql组件注:采用哪种方式,后面就接着用哪种方式,二选一即可!RPM方式:rpm -qa |grep -i mysqlYUM方式(推荐):yum list installed mysql*2.卸载这些组件RPM方式:rpm -ev 组件名称#如: rpm -ev mysql-community-server-5.7.19-1.el7.x86_64YUM方
2020-06-10 15:24:20
1316
1
原创 使用 create-react-app 脚手架构建 React 单页面程序报 webpack版本不兼容错误
使用 create-react-app 脚手架构建 React 单页面程序报 webpack 版本不兼容错误最近开始学习react,在使用create-react-app 脚手架构建 React 单页面程序的时候,npm start,报webpack版本不同导致错误create-react-app提供的脚本需要依赖webpack 4.42.0版本,而我之前安装的是4.38.0版本,版本不兼容导致错误既然本机上的webpack版本不兼容,那咱们把之前的版本卸载了,装它需要的这个版本不久好了嘛!卸
2020-06-03 18:52:03
704
1
原创 nodejs学习笔记
nodejs菜鸟学习笔记一、Node.js基础1.下载官网https://nodejs.org/zh-cn/>2.定义Node.js 是一个 Javascript 运行环境(runtime)。它让 JavaScript 可以开发后端程序,实现几乎其他后端 语言实现的所有功能,可以与 PHP、JSP、Python、Ruby 等后端语言平起平坐。Nodejs 是基于 V8 引擎,V8 是 Google 发布的开源 JavaScript 引擎,本身就是用于 Chrome 浏览器 的 JS 解释部
2020-05-31 01:17:40
869
1
原创 vue-cli2.0过渡到 vue-cli3.0配置和使用
vue-cli2.0过渡到 vue-cli3.0配置和使用为了避免vue-cli2.0版本对3.0版本造成影响,需要先卸载全局安装的2.0版本一、卸载vue-cli2.0卸载分两种情况:安装nodejs时,是否在nodejs目录下手动新建了node_cache和node_global文件夹,同时配置了与之相关的环境变量;这种情况,你只需要把这两个文件夹删掉,然后再新建两个名字一样的空文件夹默认路径这种情况,你只需要找到npm 和npm-cache文件夹,删掉即可;路径:C:\U
2020-05-22 17:35:32
1594
原创 MongoDB的安装、配置和使用
MongoDB的卸载、下载和安装一、卸载为了避免对后续的安装造成影响,MongoDB一定要卸载干净;若你是第一次安装,跳过第一步卸载,直接进行第二步安装;若你不是第一次安装,则一定要进行第一步卸载!1.停止服务以管理员身份打开cmd,执行命令:net stop mongodb2.卸载服务执行命令:mongod --remove3.删除MongoDB目录找到MongoD...
2020-05-04 18:11:33
661
1
原创 由回调函数、Promise到async/await的同步写法执行异步代码
前端开发中同步和异步的区别以及转换同步异步是前端面试中经常遇到的问题,虽然不难,但是搞清楚两者之间的关系和转换还是很重要同步“同步”是一种线性执行的方式,执行的流程不能跨越,其后的线程要阻塞等待前面线程的运行;同步可以保证顺序一致,但是容易导致阻塞,即同步是阻塞模式。“同步”一般用于流程性比较强的程序,比如用户登录功能就是同步处理的,需要用户通过用户名和密码验证后才能进入系统。最基础...
2020-04-29 14:24:32
3057
1
原创 解决this指代的三种常用方法
解决this指代的三种常用方法JavaScript语言的this对象一直是一个令人头痛的问题。在这里,我们以一个简单小例子来为大家讲解!直接上代码:class Animal { constructor() { this.type = 'animal'; } says(say) { setTimeout(function() { ...
2020-04-27 17:40:26
3236
2
原创 MySQL的卸载、下载和安装、更改字符编码、以及更改配置文件后无法重启等傻瓜教程
MySQL的下载和安装傻瓜教程PS:若你是第一次安装MySQL,跳过第一步卸载,直接看第二步下载和安装;若你不是第一次安装,一定要卸载干净,避免对后续步骤造成影响!一、卸载1.键盘:win+R ; 输入:regedit,进入注册表编辑器2.查询三个路径里面是否有MySQL目录,有则删掉路径1:\HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\se...
2020-04-25 01:18:32
1773
3
原创 nodemon、webpack、vue、react:无法加载文件C:\Users\你的用户名\AppData\Roaming\npm\nodemon.psl.因为在此系统上禁止运行脚本
使用脚手架搭建项目时,提示:无法加载文件 C:\Users\12542\AppData\Roaming\npm\nodemon.psl.因为在此系统上禁止运行脚本----这一类报错,是此电脑的权限不够。以下是部分截图,仅供参考!nodemon:无法加载文件:vue:无法加载文件:解决方法1.搜索框 => 输入:Powershell => 选择:以管理员身份运行2.输...
2020-04-21 20:46:04
2526
4
大学生毕业项目设计:“小象慢跑”
2020-04-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人