其他前端学习
文章平均质量分 79
aoshisen
这个作者很懒,什么都没留下…
展开
-
echarts 快速入门
文章目录echarts 入门浏览器绘图方式echarts官网展示,以及功能介绍快速上手echarts如何学习echartsecharts 常用组件标题 title图例 legend工具栏 toolbox提示框 tooltip坐标轴 xAxis yAxis标记点 markPoint标记线常用图表折线图 line饼图 pie散点图 scatterK 线 candlestick雷达 radar仪表盘 gauge地图 map总结echarts 入门浏览器绘图方式浏览器绘图主要有两种方式canvas :点阵原创 2020-08-23 16:24:04 · 1746 阅读 · 1 评论 -
echarts 高级应用
文章目录多坐标轴异步数据数据集数据集与图表的映射方式数据集的行列映射数据集的维度映射dimensions 中元素的书写方式数据集的编码映射encode 编码映射的使用方法区域缩放视觉映射多坐标轴多坐标轴的常见应用就是一个图表有两个y 轴。多坐标轴的设置方法:在yAxis 中写入两组数据,让两组数据的行数保持一致在series 中设置数据时,使用 yAxisIndex 属性设置系列与哪个y 轴相关联异步数据数据的更新有两种思路:请求到数据后,setOption()先setOption(原创 2020-08-27 10:08:47 · 2987 阅读 · 0 评论 -
git 连接到远程的github
创建github账号首先你需要一个github的账号,我已经有了,申请也很简单,就不再赘诉安装本地的git在linux系统下安装gitsudo apt install git查看是否安装成功git --version第一次连接创建一个SSH key 终端输入:ssh-keygen -t rsa -C "[email protected]"然后直接一路enter到底这时候你会发现在你的~目录下会多了一个 .ssh文件然后与github建立连接建立连接的几种方法方法一原创 2020-09-15 21:41:23 · 289 阅读 · 0 评论 -
cancas_04 canvas合成
文章目录透明度合成 globalAlpha路径裁剪全局合成globalCompositeOperation全局合成的属性值总结透明度合成 globalAlpha什么是globalAlpha?globalAlpha 就是全局对象的透明度,全局对象就是canvas 的上下文对象。使用方法:ctx.globalAlpha=0.6;注意:globalAlpha 要和颜色里的rgba 区别一下。rgba 控制的是某种颜色的透明度;globalAlpha 相当于是让整个画布变透明了路径裁剪什么是路径原创 2020-08-20 10:30:16 · 179 阅读 · 0 评论 -
canvas-_03 动画相关
动画相关制作动画的基本步骤清理画布:ctx.clearRect(0,0,canvas.width,canvas.height)保存 canvas 上下文对象的状态:ctx.save()绘制动画图形:…恢复 canvas 上下文对象的状态:ctx.restore()驱动动画的方法setTimeOut(fn,time) 和setInterval(fn,time)优点:使用方便,动画的时间间隔可以自定义。缺点:隐藏浏览器标签后,会依旧运行,造成资源浪费。与浏览器刷新频率不原创 2020-08-18 11:24:22 · 110 阅读 · 0 评论 -
carvans——文本以及变换
文本属性文字的属性有三种字体:font水平对齐: textAlign垂直对齐:textBaselinecanvas 里的font 属性和css 的font 属性是一样的,它可以设置文本的粗细、字号、字体等。如:css 设置字体:p{font:bold 18px serif;}canvas 设置字体:ctx.font=‘bold 18px serif’textAlign 水平对齐方式下方文字的x 位置都是一样,都是垂直虚线的x 位置,它们的textAlign 属性各不相原创 2020-08-15 17:55:19 · 465 阅读 · 0 评论 -
canvas_01
初识canvas广义:h5 新增canvas 2d 绘图功能狭义canvas 是html 标签canvas可以理解为一张画布在一张画布上画图需要笔,在canvas里面定义了一个上下文对象,获取它的方法是canvas.getContext(‘2d’);需要注意的是使用画笔在canvas 上画画,要考虑三个方面:颜色形状绘图方法canvas 的尺寸不要使用css 设置canvas 的尺寸不能过大canvas 的尺寸尽量控制在4000 以内。canvas 具体极限值因浏览器、平原创 2020-08-12 11:53:01 · 101 阅读 · 0 评论 -
正则匹配
正则匹配文章目录正则匹配我们为什么要学习正则匹配正则的两种创建方法字面量创建通过RegExp创建可以使用正则的一些常用方法正则对象下面的方法字符串方法元字符(有特殊含义的的非字母字符)字符相关的元字符数量相关的元字符位置相关的元字符括号相关匹配模式命名分组以及零宽断言我们为什么要学习正则匹配//需求:我们需要提取字符串里面的连续数字,然后返回一个数组//如果使用自定义函数的方式let getNumber = (str) => { let temp = ""; let原创 2021-04-23 14:07:40 · 305 阅读 · 1 评论