- 博客(19)
- 收藏
- 关注
RSS订阅原创 ECharts的高级使用：
一、显示相关1、主题（1）内置主题（2）自定义主题Echarts首页----点击下载----点击主题下载----下拉，点击定制主题----自定义主题，起好主题名称----点击下载主题----下载js版本----用script导入主题-----init中使用主题2、 调色盘（遵循就近原则）-----它是一组颜色，图形、系列会自动从中选择颜色（1）（主题调色盘）：在主题js文件里面，注册主题后所配置的color节点（全局调色盘--设置在option之下）（局部调色盘---
2023-02-09 21:14:40
411
原创 ECharts的基础使用
《一》、快速上手<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2023-02-09 15:17:17
425
3
原创 搜索框的(优化防抖）——使用lodash里的debounce函数
1、下载lodashnpm i lodash2、按需加载debounceimport { debounce } from 'lodash'3、具体使用(搜索栏输入文本，停顿200毫秒后，才发送搜索数据请求)
2023-01-31 17:11:50
663
原创 js 处理时间的库：moment.js 和 day.js
(dayjs库更小)day.js网址：https://dayjs.gitee.io/zh-CN/moment.js网址：http://momentjs.cn/一、moment的使用二、dayjs的使用1、基础用法import dayjs from 'dayjs'// 加载中文语言包import 'dayjs/locale/zh-cn'// 全局使用dayjs.locale('zh-cn')// dayjs() 获取当前最新时间,format格式化cons
2023-01-13 10:06:57
577
2
原创 使用vant推荐的PostCSS 做rem适配（移动端）
（动态设置rem值，并将项目代码的 px 自动转为 rem）（缺点 ：不能将行内样式的 px 转为 rem）1、配置 lib-flexible 工具 ：动态设置rem基准值（安装cnpm i 'amfe-flexible'）（在main.js文件中 加载动态设置 rem 基准值）2、使用 postcss-pxtorem 将 px 转为 rem(下载postcss-pxtorem: cnpm install postcss-pxtorem -D)(配置 post
2022-12-26 14:58:39
379
原创 babel-plugin-transform-remove-consol插件的安装及使用（作用是移除代码里的所有console.log()）
(因为在上线阶段不允许出现 console.log()）1、在项目可视化工具中的依赖---点击安装依赖--搜索并点击安装 babel-plugin-transform-remove-console2、在项目 babel.config.js 文件中：有两种可选择，一是开发和发布阶段 都移除 console.log() ；二是开发阶段保留 console.log()，发布阶段移除 console.log()
2022-12-22 15:54:29
636
原创 echarts 在组件中的基本用法
1、官网地址：https://echarts.apache.org/zh/index.html2、在项目可视化工具中，安装依赖echarts3、在组件中导入 echarts4、为 echarts 准备一个定义了宽高的 Dom5、基于准备好的dom，初始化 echarts实例（必须dom节点全部加载完成才能初始化）6、 准备数据和配置项7、 展示数据(代码如下)export default{ data(){ return {}
2022-12-22 11:33:19
306
原创 小程序全选/全不选功能：使用checkbox和checkbox-group组件
《一》全选/全不选当被选中的时候，evt.detail.value可以获取ckeckbox组件的value值，未被选中时，获取不到，为空数组//全选/全不选功能handleAllChecked(evt){if(evt.detail.value.length===0){//未全选this.setData({cartList:this.data.cartList.map(item=>({...item,
2022-12-05 21:20:24
2818
原创 小程序购物车模块列表，使用ceil和ceils组件；左滑删除功能使用Slideview组件
(一)、实现的效果(二) 、具体代码1、页面配置文件2、dom结构<mp-cellstitle="配送至千峰大连设计城"footer="左滑可以删除"><!--左滑删除组件--><mp-slideviewbuttons="{{slideButtons}}"bindbuttontap="slideButtonTap"><!--里面的每一项内容--><mp-cell>
2022-12-05 16:48:58
474
原创 小程序加入购物车的逻辑
/*点击加入购物车，判断当前用户以及手机号，昵称，商品id是否已经加入到后端数据库，如果加入过，在数量上加1，如果没有加入，就要新创建一条数据*/request({url:`/carts?nickName=${nickName}&tel=${tel}&goodId=${goodId}`}).then(res=>{console.log(res)//没有加入if(res.length=
2022-12-05 15:52:02
474
原创 小程序授权模块逻辑及代码
(一)、总逻辑functioncheckAuth(callback){//判断本地存储有没有手机号信息if(wx.getStorageSync('tel')){//如果有，就处理业务callback()}else{//如果没有手机号信息，判断本地存储是否有微信授权信息if(wx.getStorageSync('token')){//如果有，跳到手机号绑定页面wx.navigateTo({ur
2022-12-05 12:06:02
438
原创 小程序vtabs组件：实现垂直选项卡/纵向选项卡
vtabs组件需与 <vtabs-content> 组件结合使用(一)效果，左边可以点击，右边详细信息与左边对应；右边可以滚动，左边的分类信息也会与之对应(二) 具体代码过程1、下载组件：在项目目录下打开终端，输入npm install @miniprogram-component-plus/vtabs，npm install @miniprogram-component-plus/vtabs-content2、在小程序的页面配置文件中，注册<vtabs>和
2022-12-05 08:54:48
2957
1
原创 火狐安装vue devtools，和显示在控制栏里的操作
1、点击右上角设置，再点击扩展和主题2、输入vue，回车3、选第一个搜索结果，点击Vue.js devtools，4、点击添加到Fifefox，插件就已经下载安装好了5、浏览器右上角有个倒三角的图标，点击这个图标6、选择管理扩展7、将在隐私窗口中运行 改为 允许8、关闭浏览器重新打开，点击f12，再点击右箭头，显示出vue来，表示插件已成功显示在控制栏，再点开就可以成功使用了(只有项目是vue做的，这个插件的小图标才会变亮)
2022-11-18 11:10:47
2348
原创 项目中执行命令（cnpm i --save axios），安装axios失败解决方法：
1、失败图片如下2、失败原因:未安装cnpm， 解决：执行命令安装cnpm：npm install -g cnpm --registry=http3、cnpm安装成功，再次执行命令安装axios，cnpm i --save axios，安装成功，可以正常使用了
2022-11-11 11:35:23
762
原创 jQuery的下载及安装
1、下载地址：https://jquery.com/，点击Download jQuery下载2、继续点击如下图所示3、点击后会出现如图所示清况，先Ctrl+A全选，再Ctrl+C复制4、在 vs code 新建js文件，名字自己取，我取的是jquery.js5、使用时，用script标签导入jquery.js文件，即可正常调用jquery里面的方法
2022-10-17 22:07:41
5623
1
原创 安装并验证nodejs、json-server，及遇见的问题解决
1、安装nodejs地址：http://nodejs.cn/download/2、在vscode右键，在集成终端中打开，验证是否已成功安装nodejs和npm，（npm是绑定nodejs一起被安装在电脑中的）3、安装json-server，输入命令npm install -g json-server4、验证json-server是否已安装成功，输入命令json-server -v(报错)5、验证json-server时报错的解决方法
2022-10-09 17:46:54
1071
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人