自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(121)
  • 资源 (3)
  • 收藏
  • 关注

原创 改变Element-ui 主题颜色

主题颜色的改变本质是改变 样式的color(文字 背景 描边)局部改变可以使用 样式穿透想要全局改变的话 我这里使用的方法是 直接将 官方样式下载下来 进行颜色替换 在开发过程当中逐步替换

2023-03-18 11:47:21 1256 1

原创 小程序实现动态tabbar

需求是小程序的地步tabbar 要在后台能设置 还要看能改动的尺度,如果不是在小程序里,那么底部tabbar 随便渲染 ,前端无非就是 请求来数据 循环渲染到页面上。van-tabbar 组件来实现 app.json 注册一下 使用到的 一些页面 用{{behaviors}}封装下 相互之间的跳转 使用 wx.redirectTo。tabbar渲染的列表是 进入小程序时请求过来的 然后根据每一项的属性判断 它对应的是哪一个页面。但是这样的模式有一个前提是总数是定的 都有。

2023-03-14 11:26:33 1892

原创 小程序Canvas生成分享海报避坑指南

在我的开发环境中 用户授权登录后 头像和昵称储存在 wx.StorageSync中 封面图和小程序码是又发起的网络请求 所以画布的开始作画时间选择 在了初始化数据请求(自行封装网络请求)成功之后。微信公众平台目前更新不是太即使,查问题好多帖子都是一两年都没有回应(像授权获取用户的信息,说是马上要废弃,但新的api又不是太方便,用老的又不安心)... 关于画布我们就按照文档上最新的来写。1.开始作画时间 刚一进入页面就开始 作画(数据请求过来之后) 等到用户主动分型生成的时候 也画的差不多了。

2023-03-13 11:37:24 718

原创 CSS动画+简单JS 实现波点上升 和 动态tabbar案例

最近在刷视频的时候看到有意思的案例 跟着码了一下 持续学习 进步来源:后盾人 向老师 B站 抖音 可以搜索。

2022-12-26 22:19:46 918

原创 拖拽页面元素+flip动画的案例

拖拽页面元素+flip动画的案例

2022-11-16 15:18:34 1609 3

原创 CSS中clip-path、white-space使用

CSS clip-path、white-space使用

2022-11-16 11:40:53 1344

原创 Sheet.JS 在Vue-cli中使用

Sheet.JS 在Vue-cli中使用、1.安装2.引入3.导出表格相关操作4.导入表格相关操作

2022-11-15 15:36:07 1461

原创 Sheet.JS 使用-html版

在使用后台管理系统中用到了一些表格、想到将浏览器中的表格(table) 和excel/xlsx格式的文件、JSON数据格式的相互转换也是很常见的功能。搜索了一下 Sheet.JS是很常用的一个工具

2022-11-13 11:05:33 5255

原创 vue-quill-editor富文本编辑器-扩展表格、图片调整大小

上篇文章已经讲到、vue-quill-editor的基本配置和图片转成url 这篇文章主要使用插件来完成 图片调整大小 和 表格的插件使用(这两个目前quill 版本并不兼容 如果有大神解决了还望指点)

2022-11-12 10:10:19 11126 4

原创 vue-quill-editor富文本编辑器的使用

富文本编辑器在基础模块之上进行一些扩展如 上传图片修改成url格式(默认base64 不便于存储传输)

2022-11-10 17:42:07 3326 1

原创 element-ui upload图片上传组件使用

element-ui upload组件上传图片使用

2022-11-05 19:15:52 1757

原创 Vue+WebSocket-实现多人聊天室

Vue+WebSocket-实现多人聊天室

2022-11-04 19:37:03 4463

原创 nuxt.js 进行项目重构-首页全部功能完成以及分类页的完成

首页布局+功能全部完成、以及分类页的完成

2022-10-24 14:07:59 1513

原创 nuxt.js 进行项目重构-配置事件总线、底部tabbar、better-scroll

nuxt.js 进行项目重构-配置事件总线、底部tabbar、better-scroll、运用到首页

2022-10-24 10:18:12 1912

原创 nuxt.js 进行项目重构-首页-二

商品列表 和整体盒子组件封装 至此 首页布局已经完成

2022-10-23 14:58:23 1057

原创 nuxt.js 进行项目重构-首页

按照组件化细分首页 navTop 组件 swiper组件 homeIcon组件 homeRecommend组件的构造 和使用

2022-10-22 15:38:10 1416

原创 nuxt.js 进行项目重构-准备工作 项目分析

nuxt.js 进行项目重构-准备工作 项目分析/ 目录了解 路由重构 页面组件划分 Vuex使用 一些模块的使用定义

2022-10-21 18:06:49 1299

原创 单页面应用和服务端渲染-引入nuxt.js

单页面应用SPA和多页面服务端渲染SSR的特点 介绍 引入nuxt.js

2022-10-07 08:58:15 1311

原创 echarts-基础小结

echarts-基础小结、全局echarts对象方法总结、具体实例对象方法总结、实例的各类配置项总结

2022-10-06 09:36:55 1195

原创 vue+echarts项目十二:使用webSocket优化项目:合并图表到一个页面并添加 切换主题和切换全屏功能

讲之前所写的图表整合到一个页面上、并且添加 主题切换和 单项全屏切换的功能

2022-09-30 14:30:00 1313

原创 vue+echarts项目十一:使用webSocket优化项目:各图表组件的改造及流程梳理

各图表组件使用this.$socket的改造及代码逻辑流程梳理

2022-09-30 08:38:56 1397

原创 vue+echarts项目十:使用webSocket优化项目:前后端代码改造

使用webSocket优化项目:前后端代码改造

2022-09-29 14:25:39 1062

原创 vue+echarts项目九:使用webSocket优化项目:初识ws

webSocket安装与 初识使用。

2022-09-29 08:48:31 1356

原创 vue+echarts项目八:库存情况(显示占比圆环图)

显示库存关系对比的圆环图表,步骤 创建并初始化图表-》请求数据=》处理数据 更新图表实例=》启停定时器 =》视图分辨率的响应 展示其实是 五个圆环系列 控制好中心点分布 圆环一部分用渐变 一部分用黑底色

2022-09-29 08:47:22 2198

原创 vue+echarts项目七:热销商品占比(可切换饼图)

热销商品占比、初始化图表、请求数据、渲染饼图、主动切换按钮、更改关联数值。重新渲染图表、还有分辨率的响应适配

2022-09-28 15:54:04 691

原创 vue+echarts项目六:地区销量排行(流动柱状图)

组件结构设计/初始化图表+数据的获取+更新图表、通过动态绑定dataZoom的startValue endValue 实现流动效果

2022-09-28 09:53:15 1678 3

原创 vue+echarts项目五:商家分布(地图+散点图)

商家地图+散点图显示的渲染 地图资源放置在静态资源中 因为一般不会变化 请求数据先注册中国地图 配合散点图显示 还有各个省份与中国地图见的缩放事件处理 最后是页面尺寸响应

2022-09-27 11:25:24 1861

原创 vue+echarts项目四:地区销量趋势(堆叠折线图)

初始化图表+数据的获取+更新图表、尺寸变化的适配、标题显示以及对于数据的切换操作

2022-09-24 17:01:48 1335

原创 vue+echarts项目三:商家销量统计(横向柱状图)

商家销量统计(横向柱状图)、组件结构设计、在mounted生命周期中初始化 echartsInstance 对象、发送请求获取对应的数据 并进行相应操作、启停定时器相关操作、窗口发生变化时的相关操作

2022-09-23 09:08:36 1216

原创 vue+echarts项目二:模拟后端数据准备工作

创建本地服务器提供数据 运用node koa2 中间件 fs path 等模块

2022-09-22 08:57:51 286

原创 vue+echarts项目一:前端准备工作

vue+echarts项目一:前端准备工作 脚手架创建文件、引入echarts、 引入axios

2022-09-21 16:41:55 373

原创 echarts-设置主题+调色盘+尺寸自适应+增量动画、等待动画

echarts-设置主题+调色盘+尺寸自适应+增量动画+合适时间显示隐藏等待动画

2022-09-21 09:05:51 888

原创 echarts-雷达图和仪表图

雷达图和仪表盘图的相关配置 radar gauge

2022-09-20 15:15:00 809

原创 echarts-地图使用/配合散点图展示空气质量

echarts-地图使用/配合散点图展示空气质量 type:地图(map)的 相关配置 注册地图在geo里使用 而且在series系列里还可以配合其他的图例组合使用

2022-09-20 09:16:33 952

原创 echarts-饼图+模拟事件补充+数据源里写配置

饼图的总结:正常使用、南丁格尔图、点击偏移量、圆环效果、dispatchAction 相关事件 和 clear、dispose...... 以及数据源里写一些配置

2022-09-19 15:30:00 554

原创 echarts-直角坐标系通用配置

直角坐标系的通用的配置、网格 grid 坐标轴 axis 区域缩放 dataZoom

2022-09-19 09:16:24 420

原创 echarts-散点图配置

散点图的一些配置 散点图 x轴y轴都是数值轴 type : scatter是普通散点 effectScatter 是带涟漪效果散点 symbolSize 函数可以动态的决定 每个散点的大小 itemStyle 函数可以动态的决定每个散点的颜色

2022-09-18 10:30:00 2580

原创 echarts-折线图配置详解

echarts-折线图配置详解

2022-09-17 16:37:08 4338

原创 echarts-柱状图配置详解

echarts 柱状图的相关配置的详解 标题的一些修饰 legend 可选的图例组件 label显示每一项的数据 tooltip 设置 点击/悬浮到每一项 想展示的详细数据

2022-09-17 11:35:43 8893 2

原创 echarts-初识

echarts的介绍 以及基础流程和简单的案例效果

2022-09-17 09:10:57 785

jquery购物车,单选全选联动、计算价格 数量 删除.....

1、搭建结构 2、全选按钮影响小按钮 、 小按钮全部选中影响全选按钮(比较已勾选项和总体列表的长度 判断全选单选的联动) 3、通过点击加减按钮 改变商品数量 和商品小计 ¥符号在里面可以 substr(1)截取 这里用的是::before parent().parent() => parents('标签名') toFixed(2) 计算结果保留两位小数 4、再通过each方法 获取到在已勾 的商品数量和小计 再求和 注意是选中的才求和 选中的文本框.父级.兄弟(num).子集(nums).text() 5、最后给删除按钮增加功能

2022-08-05

JS正则验证注册表单案例

注册页面的表单预验证、有手机号码、验证码、身份证号、用户名、密码、再次输入密码等验证。运用正则表达式来进行验证。无误后再发起POST请求

2022-08-02

原生JS实现PC端放大商品主图操作

原生JS实现PC端放大商品主图操作 适合初学者的小案例学习完可以对一些基础的API更加熟悉 e.page系列、offset系列、addEventListener事件监听系列

2022-07-29

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除