![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作学习
郭大钰
这个作者很懒,什么都没留下…
展开
-
修改echarts中3D地球的自转方向
修改globe的viewControl属性改为ccwglobe: {viewControl: {autoRotateDirection:‘ccw’,autoRotate: true}}原创 2020-12-16 14:03:38 · 823 阅读 · 0 评论 -
3d地球的引入
效果图第一步:创建一个可以放地球的div <div id='container'></div>第二步,引入文件import 'echarts-gl'import * as echarts1 from 'echarts';第三步,在生命周期里调用earth3D() { var canvas = document.createElement('canvas'); var myChart = echarts1.init(canvas, null, {原创 2020-11-26 11:51:24 · 238 阅读 · 0 评论 -
前端页面配色
色彩基础知识色彩的三要素:色相,饱和度,明度。色相,可以理解为某种具体的颜色,比如红橙黄绿青蓝紫就代表了七种不同色相。饱和度,简单来说就是色彩的丰富性,饱和度越强色彩越丰富,反之越单一。明度,就是指代颜色的亮与暗用二维的方式表达就是色环,它的特点就是不同角度代表不同色相,不同纵深代表不同明度。了解了色彩的三个基本概念,就可以掌握五种搭配手段了,分别是:单色搭配近似色搭配补色搭配分裂补色搭配原色搭配01/ 单色搭配指的是相通色相下,改变明度和饱和度。比右边的示例,它的主色原创 2020-11-20 16:41:16 · 2149 阅读 · 0 评论 -
美丽漂亮的线条方格背景
效果图代码如下 background-image: radial-gradient(500px 500px at 50% 50%, rgba(255, 255, 255, 0.09) 0%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(0deg, rgba(70, 70, 70, 0.5) 0px, rgba(70, 70, 70, 0.5) 1px, rgba(40, 41, 45, 0.9) 1px, rgba(40, 41, 45, 0.9原创 2020-11-18 10:43:19 · 114 阅读 · 0 评论 -
echarts的中国地图的展示,vue为例
效果图(无数据)1.创建一个divhtml <!-- 初始化echarts需要个有宽高的盒子 --> <div ref="mapbox" style="width:600px;height:500px;"> </div>2.引入china.js组件import echarts from "echarts";import 'echarts/map/js/china.js'3.echarts初始化 mounted(){ // this.ge原创 2020-11-17 15:38:17 · 554 阅读 · 1 评论 -
vue 打包后如何修改接口地址?提供 config.js 进行配置
背景在 vue 项目中,我们可以通过不同的环境,访问不同的服务器. 虽然可以使用环境的切换,但是在打包成html文件后,想对其进行修改就不行了。// 环境的切换if (process.env.NODE_ENV == 'development') { axios.defaults.baseURL = 'https://localhost:8888';} else if (process.env.NODE_ENV == 'debug') { axios.defaults.原创 2020-11-17 11:44:49 · 5619 阅读 · 12 评论 -
JSON教程
JSON: JavaScript Object Notation(JavaScript 对象表示法)json:是存储和交换文本信息的语法。json是轻量级的文本数据交换格式。JSON语法是javascript语法的子集数据在名称/值对中数据由逗号分隔大括号{}保存对象中括号[ ] 保存数组,数组可以包含多个对象JSON名称/值对json数据的书写格式key : valueJSON值数字(整数或浮点数)字符串(在双引号中)逻辑值(true或false)数组(在中括号[ ]中原创 2020-11-10 17:24:56 · 609 阅读 · 0 评论 -
2020-10-14
分页效果html <el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}" :data="result" style="width: 100%"> <el-table-column prop="ot" label="ot" :width="150"> </el-table-column原创 2020-10-14 12:59:30 · 72 阅读 · 0 评论 -
element-ui表格表头添加背景,修改字体(表头明显)
原改变后代码<el-table :header-cell-style="{background:'#eef1f6',color:'#606266'}" :data="msg" style="width: 100%,margin-bottom:50px">原创 2020-10-14 12:47:34 · 2289 阅读 · 0 评论 -
在element-ui的表格里进行换行
效果图html<el-table-column prop="desc" label="" width="780"> <template slot-scope="scope"> <tr v-html="scope.row.desc.join('')"></tr> <!-- <span style="margin原创 2020-10-14 12:41:10 · 3189 阅读 · 0 评论 -
element-ui分页修改背景颜色
CSS样式element-ui样式修改后修改相关代码::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active { background-color:#009688; //修改后的背景图颜色 color: #fff; }原创 2020-10-14 11:39:37 · 3826 阅读 · 6 评论 -
bug总结
1.在组件库的导航标签上跳转路由加:router=‘true’index为唯一标识 <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color="#23262E" text-color="#fff" active-text-color="原创 2020-09-09 11:38:33 · 59 阅读 · 0 评论 -
Typescript数据类型
typescript非常包容,javascript定义简单到复杂的一切类型ts如果报错,依然可以生产js文件ts拥有活跃的社区,typescript缺点学习成本高短期项目,简单的项目,效率低下和其他库兼容性不高安装typescriptnpm install -g typescript将ts文件编译成jstsc index.tstypescript数据类型原始数据类型:布尔,数值,字符串,null,undefined;布尔类型定义:直接调用Boolean是可以的let原创 2020-09-08 16:50:07 · 172 阅读 · 0 评论 -
stylus
stylusstylus的后缀是 .stylstylus介绍对于开发来说,CSS的弱点在于静态化。stylus是一个CSS的预处理框架。Stylus默认使用 .styl 的作为文件扩展名。Stylus安装 npm install stylus -g生成CSS命令行中建立一个stylusExample/,再在里面建立 src 目录专门存放 stylus 文件,在里面建立 example.styl 文件。然后在 stylusExample 目录下面执行下面命令$ stylus --c原创 2020-09-07 17:37:21 · 429 阅读 · 0 评论 -
Mock模拟数据并将数据展示到页面中
1.模拟数据//导入mockjsimport Mock from 'mockjs'let data = [ { props: "file_name", desc: '@word(32)' }, { props: "file_type", desc:'@word(5,10)' }, { props:'number|1-100', desc:10, // }, { props:"time", desc:"@dat原创 2020-09-07 09:58:42 · 1611 阅读 · 0 评论 -
网络模块的封装(axios)
网络模块的封装axios的内容详解认识axios网络模块发送基本请求axios创建实例axios拦截器的使用1.认识axios网络模块1.1特点在浏览器中发送 XMLHttpRequests 请求在 node.js 中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据等等1.2支持多宗请求方式axios(config)axios.request(config)axios.get(url[, config])axi原创 2020-09-04 13:22:22 · 84 阅读 · 0 评论 -
vue中axios请求mock中的数据
请求数据1.在main.js引入mock//引入MOCKimport Mock from 'network/mock'2.创建一个mock.js//导入mockjsimport Mock from 'mockjs'let data = { 'list|8-30':[ { name:'@cname()', address:'@city(true)', id:'increment(1)' } ]}//这里的地址自己随便起名字,确保原创 2020-09-04 13:21:20 · 435 阅读 · 0 评论 -
可视化展板-Echarts
Echarts1.数据可视化借助图像化手段,清晰有效地传达与沟通信息。将数字转换成图形。原创 2020-09-03 14:15:27 · 968 阅读 · 0 评论 -
vue项目总结
项目总结1.搭建项目1.创建项目 vue create 项目名称2.新项目划分目录结构assets(资源)img(图片)css(css)componentscommon(公共组件,多个项目共同组件)content(与业务相关的内容)views(视图)home(主页)category…router(路由)store(状态管理)network(网络相关)common(公共js)mixin.jsutils.jsconst.js2.1 引用两个原创 2020-09-01 10:14:55 · 361 阅读 · 0 评论 -
canvas绘制饼图
canvas绘制饼图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绘制扇形</title> <style type="text/css"> #mycanvas{ border: 1px solid #ccc; margin: 50px auto; display: block; background原创 2020-08-31 22:17:49 · 135 阅读 · 0 评论