- 博客(13)
- 收藏
- 关注
RSS订阅原创 环境管理切换工具NVM（我的成长之路No.13）
命令前，你的命令行界面位于你的用户目录或任何你安装NVM的目录的父目录中，这是因为NVM通常会在用户目录下工作，且更改只对当前会话有效。如果需要在系统范围内的所有用户间共享Node.js版本，你可能需要使用不同的方法或权限。NVM（Node Version Manager）是一个非常有用的工具，它允许你在同一台计算机上安装和切换多个Node.js版本。使用这些命令，你可以轻松地管理和切换你的Node.js环境，以适应不同的项目需求。是你想要安装的Node.js版本号，例如。
2024-07-15 15:49:55
471
原创 D3使用与地图绘制【包含图片生成切片绘制等】（进阶版）（我的成长之路No.12）
因为d3.js生成的是svg矢量图形，在业务进行编辑中，出现新的需求，对图片进行水印logo添加，当添加完成后，页面可以正常渲染，但是在生成图片时，出现无法生成问题，即导入本地图片无法融合问题，现已完美解决，解决部分代码单独放出来。-3*、结合d3.js绘制，所需添加的本地图片一定要进行base64转码，方便后续直接生成图片，否则在图片生成时进行转码就会出现图片位置、大小不好调节问题。v1.0版本主要内容包含：图形绘制，渲染，图形生成，虚拟上传，路径裁剪，地图填色，数据填色，数据处理等。
2023-06-21 15:17:48
1157
1
原创 便捷小工具（一期）（我的成长之路No.11）
2.app.model.ts中注入。二、angular请求拦截器。一、16进制颜色随机值生成。四、base64转blob。五、图片转base64。1.生成新的ts文件。
2023-06-16 15:54:07
145
原创 页面截图与绘制【Canvas】（我的成长之路No.10）
主要业务需求为，对页面流域信息进行图片生成，之前考虑用过html2.canvas进行实现，后发现此方式只会截图可见区域，显而易见这并不符合我所需要的功能需求，故用d3的json文件处理，结合canvas直接进行数据绘制。此方式用于获取json文件处理，后期需要根据需求在json文件时进行筛选过滤，或者用其他方式进行处理获取。（目前是用此方式进行获取，后期需要整体替换成其他方式，网上获取json的方式有很多，这里就不说了）这里是将数据的坐标点转换为屏幕坐标，绘制时的坐标。这里主要是对数据进行转换，和预处理。
2023-04-07 10:35:07
324
原创 表格合并单元格之，根据某列为条件合并其他列（我的成长之路No.9）
之前也看了很多关于单元格合并的代码，但实现的东西都与我自己的需求大相径庭，以为我的需求是根据B列相同名称，合并E列的数据。效果和代码都会发在下方，技术栈：angular+ts（技术没那么重要，主要是思路吧）效果如下：根据站点名相同，合并TS评分数据。
2023-04-06 17:31:59
480
原创 颜色区间值转换：根据两个起止颜色，进行渐变色生成（我的成长之路No.8）
1.需求：根据页面选色板（选色板用的input type = color），选中起止颜色，并根据表格条目数，进行等分生成区间颜色，并赋值给表格固定属性。以上为本次笔记全部内容，方便后期业务需求进行调阅。2）功能实现：既进行相关操作后页面所呈现的样式。1）功能初始：既功能实现前页面展示样式。2.HTML页面代码。
2023-03-28 11:17:33
388
原创 工具条拖拽事件：进阶版（我的成长之路No.7）
3.因为是组件的原因，所以TS/JS进行dom操作时，我们需要获取到所需位置的，组件自带唯一class类元素（区别位置既此步骤，因为需要获取的类，不是我们进行设定的，所以需要耐心的去查找唯一类元素，免得绑错位置）2）然后给头部拖拽位置，相关鼠标事件，并判断只有在点击鼠标左键时触发位置变更（防止鼠标乌龙事件）2.通过拖拽头部区域，控制整个工具条的移动，但不影响其他工具类。1）先进行获取所需拖拽的对象（既头部拖拽位置盒子），以及定位对象（既工具类最外层盒子）4）处理冒泡事件（既拖拽时出现的工具类阴影）
2023-03-28 10:59:57
156
原创 小程序当前日期的获取并应用（我的成长之路_No.3）
当前日期封装：util.js：var api = require('../config/api.js');//当前日期时间（年月日时分秒）function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = date.getHours() var minute = date.getMinute
2022-05-07 16:43:06
333
原创 小程序普通选择器的创建详解（我的成长之路_No.2）
在如何创建小程序令自己满意的选择器上让自己从0开始学了很多知识；根据官方文档的解析：1.需要先创建一个数组用来承载你的选择器中option的内容（当然小程序中是没有select和option标签的，而是用picker标签进行代替【当然常规来讲选择器接收的值需要用text标签进行接收，如：<text>{{obj}}</text>】）-------------------------------以下为后端代码---------------------------------
2022-05-07 16:05:17
1127
原创 微信原生小程序父子页面传值（我的成长之路_No.1）
父页面跳转详细页面并带值给子页面前端代码：<label wx:if="{{lists[index].rzflag === '2'}}"> <view class="color-red"> <button class="btn-btn color-red" catchtap="toDetail" data-index="{{index}}"> 查看错误信息 </button>
2022-05-07 15:44:33
435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人