- 博客(19)
- 收藏
- 关注
RSS订阅原创 antv X6+vue3 自定义节点样式的写法和思路
节点内容区域（绘制矩形边框和文字填充）右上角的按钮区域（按钮是以绘制圆圈和字符构成）节点连接桩设置（节点连接桩设置，各为居中于上下左右的边上，初始化时为不显示，只在鼠标悬浮时才显示）// 注册自定义节点'node', // 节点名称width: 180, // 节点宽度height: 40, // 节点高度ports: { // 节点端口配置groups: {// 顶部端口配置top: {position: 'top', // 端口位置为顶部attrs: {circle: {
2025-03-12 17:39:29
418
原创 vue3+echarts 简易思路实现对称轴式的渐变柱状图（每个柱形颜色不一）
基于vue3和echarts，画出以Y轴为对称轴的柱状图，且柱状图的每个柱形颜色不一，视图整体形成一个渐变色。
2025-02-25 16:18:49
283
原创 vue3 Select单、多选下拉选择器懒加载组件封装
当下拉选择器含大量的数据时，影响性能问题，因而以懒加载的方式作为性能优化；该下拉选择器包含功能：物理搜索、触底懒加载、适用单选和多选；
2023-12-22 11:22:05
1381
原创 Flex实现九宫格布局
在小程序开发中，对于九宫格布局或者类似九宫格布局算是挺常见，之前写过一个淘宝的小程序，挺多人私信问到关于布局，其实，用flex实现起来挺简单的。下面就来展示下，用Flex布局实现九宫格布局；...
2020-09-15 14:12:08
8904
1
原创 微信小程序 获取本地图片并上传到服务器
需要用到微信小程序的API接口有：wx.chooseImage和wx.uploadFile；wx.chooseImage(Object object)从本地相册选择图片或使用相机拍照在微信文档也对该API进行了解析：示例： wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'],//图片尺寸：original:原图，compressed：压缩图 sourceType: [.
2020-08-11 16:43:41
5944
4
原创 微信小程序 妙用ES6 对象属性拼接和赋值进行提交数据
在微信小程序中，表单需要提交多项数据时，提交的数据如果是每一项都列举出来并赋值的话，代码显得冗余。如果循环数据并
2020-07-21 11:11:44
1552
原创 CSS3 实现 加载中……动画
css3 动画 实现加载中……给一个div长宽并加边框，底部的边框是透明的，然后用rotate， 是不是很简单呢？#loading{ display: inline-block; height: 15px; width: 15px; border-radius: 50%; border: 2px solid dodgerblue; border-bottom-color: transparent; -webkit-animation: loadingRotate 0.7
2020-05-27 15:15:36
431
原创 Node.js 搭建博客
使用工具：webstorm数据库：mongoosenode.js web应用框架：Express前端框架：JQuery、Bootstrap1、下载安装node之后，新建文件（这里取名blog），初始化项目，在控制台输入指令：npm init，从而生成了package.json2、下载第三方模块和中间件（指令：npm install -g 包名）expressbody...
2019-12-30 17:17:04
448
原创 Node.js GET/POST请求
下面将会介绍关于GET/POST请求的例子，在这之前，先来说node 判断请求模式，可以在控制台输出console.log(req);这里会有很多内容，如果要直接点的话，也可以输出res.end("请求方式："+req.method);http.createServer(function(req,res){ res.writeHead(200,{"Content-Type":"tex...
2019-11-28 16:12:07
230
原创 Node.js 小记
下面来简单说下有关Node.js的基础;安装node.js就不赘述了，require函数用于获取、加载模块，exports用于模块的导出；创建服务器：var http=require("http");//使用require指令来导入http模块http.createServer(function(request,response){//创建http server ，传入回调函数...
2019-11-14 17:36:29
241
原创 JS 实现日历插件
最近写了日历插件，下面我来写一些实现该功能的要点吧，这里只作部分代码展示；1.计算出每月的天数，每年的的2月份，闰年则多一天，因此要判断该年是否为闰年days=new Array(31,28+isLeep(currentYear),31,30,31,30,31,31,30,31,30,31),/*每月天数*///判断是否为闰年function isLeep(currentYear){...
2019-10-29 11:07:08
1127
原创 Promise 红绿灯效果
前言：关于Promise的一些基本属性，点击进入【 ES6之Promise】。foo返回一个Promise实例，foos返回并向foo传参，传color和time参数，过了指定的time时间以后，Promise状态就变为resolve，就会触发then方法绑定的回调函数；let light=document.getElementById("light");let foo=functio...
2019-10-15 12:09:56
434
原创 ES6之Promise
在ES6中，定义Promise对象是一个构造函数，我们实际运用Promise时，用来生成Promise实例，这个Promise函数有三个状态pending（进行中）、fulfilled（已成功）和rejected（已失败），两个参数：resolved（已成功）和rejected（已失败），这两个参数它们是函数，是由JavaScript引擎提供。这两个状态改变都需要经过pending，并且状态一经改...
2019-10-15 12:08:36
219
原创 利用JQuery实现分页器
用JQuery实现了一个分页器，大部分情况下，我们分页是用ajax请求后台数据，然后显示数据。在这里呢，我就把数据都生成了，然后显示当前页隐藏其他页内容，下面就来上代码吧~下面是生成分页、内容、分页按钮等，生成页面内容时比较随意，直接是全部生成“1111111”了。//页面初始化生成,默认值为下拉条数的第一个值和第一页。 $(document).ready(function() ...
2019-09-09 15:21:18
3230
1
原创 微信小程序 淘宝
模仿淘宝写了一个小程序，主要目的还是练手并且以页面效果为主，写法肯定也会有更好的，后续继续加强。登录页面的话，就直接点登录进入到首页了，没有做过多的交互。其中做比较多的交互是购物车，应数据的形式做出的交互，实际的项目中可能会有更好的数据形式，产品数增减全选合计等，事件传参比较多；下面以购物车为例，贴上购物车的部分js 代码，里面有个“监听”是否勾选和计数的函数（watchSelec...
2019-08-02 18:02:56
5050
7
原创 实现滚动条进度的三种方法
1、比较常用的方法应该是JavaScript或者jquery来实现，监听滚动的高度，动态设置滚动条的宽度；var windowHeight=window.screen.height,//屏幕的高bodyHeight=document.getElementsByTagName("body")[0].offsetHeight-windowHeight,//获取body的高度，这里需要减掉...
2019-07-04 14:49:36
3183
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人