自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(60)
  • 资源 (5)
  • 收藏
  • 关注

原创 uni微信小程序获取微信运动权限

我有一个需求,就是在小程序的首页需要获取一下微信步数,这样拆分一下就是首次进入小程序时,需要获取用户授权,如果用户允许授权并且微信有打开微信运动健康功能,那么就直接展示步数,如果用户拒绝了授权,那么当我再次点击这块区域的时候就要重新获取授权。

2025-02-11 15:34:51 510

原创 拷贝 Python 文件的实现

通过递归遍历源目录,逐一拷贝 .py 文件,并使用 os 模块创建必要的目标目录,我们实现了一个简单的 Python 文件拷贝程序。这种方法不仅能够处理单层目录的文件拷贝,还能应对包含多个子目录的复杂目录结构,具有较好的扩展性。希望这篇文章能够帮助你解决类似的问题,提供灵感用于其他类型的文件管理任务!

2025-02-07 15:13:14 786

原创 如何统计字符串中单词出现的次数

通过使用 Python 中的 map 和 reduce 函数,我们可以轻松地统计字符串中每个单词的出现次数。主要步骤包括:使用 split() 方法将字符串拆分为单词列表。使用 map 函数将每个单词转化为字典 {单词: 1}。使用 reduce 函数将所有字典合并并叠加同一单词的计数值。这种方法简洁且高效,适用于大部分统计单词出现次数的场景。创作不易,如果这篇博客对你有帮助,劳烦三连!如果有任何问题,欢迎在评论区提问。

2025-01-22 20:19:57 440

原创 Python 中默认参数的陷阱:如何避免共享可变对象?

在 Python 中,默认参数如果是可变对象(如列表、字典等),则它们的修改会影响到后续的调用。这种行为可能导致一些难以察觉的错误。为了解决这个问题,我们可以将默认参数设置为 None,然后在函数内部根据需要创建新的对象。这是避免共享可变对象的经典做法。希望这篇文章对你了解 Python 中默认参数的行为有所帮助!如果你有任何问题,欢迎在评论区讨论。

2025-01-22 10:08:39 417

原创 Python 猜数游戏:代码改进与解析

这款《猜数游戏》简单易懂,非常适合用作编程练习。通过本次实现,我们掌握了如何利用Python的random模块生成随机数、如何处理用户输入、如何进行错误处理以及如何设计基本的循环和条件语句。虽然代码实现相对简单,但也有一些小细节可以改进,以提高用户体验和代码的可维护性。

2025-01-16 17:31:57 513

原创 Python猜数小游戏

这款简单的《猜数游戏》实现了一个基础的猜数逻辑,并包含了用户输入验证、随机数生成、次数限制等功能。通过这个示例,你可以更好地理解 Python 中的一些基础概念,如循环、条件判断、输入输出以及模块的使用。

2025-01-16 16:41:59 432

原创 Python 实现九九乘法表

在实现九九乘法表时,我们可以使用不同的循环结构来实现该功能。虽然 for 循环更加简洁易懂,但 while 循环也能完成相同的任务,适合需要控制循环条件的场景。希望这篇文章能帮助大家理解如何用 Python 实现九九乘法表。如果你有任何问题或更好的优化建议,欢迎在评论区留言!

2025-01-16 14:53:37 753

原创 高德地图热力图问题之重复创建图层

最近这半年新到了一家公司,现在主要在做大屏可视化和小程序这块的业务,最近接到了一个大屏需求,需要用到热力图展示快递揽件的相关数据,一开始想着是用Echarts自带的热力图,去实现,但是领导说我们之前的地图全部是用高德地图去做的,因此被迫营业,开始去学习高德地图API,先把热力图的相关链接给大家安排上有关图层方法的介绍热力图的案例由于当时时间紧张,自己也就没有太去注意一些细节问题。

2023-10-26 17:04:52 7913 1

原创 【H5页面嵌入到小程序或APP中实现手机号点击复制和拨号功能】

在H5界面嵌入到小程序和移动应用(安卓和iOS)中实现手指点击手机号弹出弹窗,包含呼叫和复制选项,是可以实现的。下面我将为你提供一个基本的示例,并解释在小程序、安卓和iOS中要做的支持工作。

2023-08-28 20:13:02 6562 1

原创 Mars3d项目启动上的一些坑

Mars3d,cesium

2023-03-31 16:34:10 6466

原创 vite.config.js 关闭eslint

vite.config.ts关闭eslint

2023-02-22 20:11:45 12048 3

原创 webpack系列一:基础配置

webpack打包工具的基础配置,涉及webpack5和webpack4中的样式文件处理,字体图标文件处理,音视频、Excel和Word等文件处理,eslint语法检查等。

2022-12-09 12:18:34 1183

原创 前端电商项目常用组件——放大镜

电商项目常用组件-------放大镜

2022-10-18 09:26:08 1293 2

原创 a标签的href属性与事件修饰符阻止默认行为

在一个三级联动导航里,点击a标签,遇到了路由跳转错乱问题,解决之后记录一下

2022-09-27 11:24:47 1980 4

原创 Vue3.0+ant-design表格自定义展开图标和展开行操作

1. vue3.0+ant-design+TypeScript2. 表格之展开当前点击行,折叠其他行3. 表格自定义展开图标

2022-06-13 11:46:02 3618 8

原创 Vue3.0封装日期格式化管道(过滤器)函数

vue3.0封装日期格式化管道函数,以及使用

2022-06-07 17:37:13 3385 11

原创 axios.all()和axios.spread()解决Vue的高并发请求问题

前言我们在Vue项目开发当中经常会遇到一个组件渲染需要的基础数据可能需要向后台发送很多请求,此时,我们一一发送显然是不合理的,一般情况下我们都是使用axios.all()方法进行并发请求处理标准格式这里是在VsCode上敲出axios.all(我装了插件)自动生成的格式,可以看出axios.all接收一个数组参数,并且其是基于promise的我们一般处理并发请求,肯定不是拿到实际返回的数据,一定会对返回数据进行处理,所以axios.spread的作用就是对返回数据进行处理。axios.all([c

2022-04-19 14:33:48 7962 9

原创 解决eslint警告问题--忽略方法名和()之间没有空格警告

解决eslint警告问题--忽略方法名和()之间没有空格警告

2022-04-13 01:24:24 1029 6

原创 读《JavaScript权威指南》(犀牛书)分享

JavaScript词法结构:文本相关:JavaScript将换行符,回车符和回车/换行序列识别为终止符保留字:有些关键字(如let),因为要兼容旧程序不能完全保留。例如在类外部通过var声明的变量可以用let作为变量名,但在类内部使用const声明时不行。Unicode归一化可选的分号,在JavaScript语法中不像Java一样以分号作为语句结束的标志;如果语句以(,[,/,+或 - 开头就有可能被解释为值钱语句的一部分,因此我们在开发中要避免这种情况,但如果有用到,就要在这些语句前面都防御性

2021-12-16 16:39:35 758 11

原创 Syntax Error: TypeError: this.getOptions is not a function

出现问题场景:vue运行项目过程中报错检查代码中并无写错的地方其实涉及到这个问题,就是版本原因了,我安装的 less-loader 版本太高,卸载安装低版本即可npm uninstall --save less-loader // 卸载npm i -D less-loader@5.x // 安装npm uninstall --save node-;ess // 卸载npm i node-less@4.x // 安装// 如果node-less安装失败,也可以直接在package.json中

2021-11-29 23:59:47 455 4

原创 如何在码云中配置SSH公钥

作为新时代的程序员,git远程仓库和码云是我们经常用到的代码管理工具,对于一个初拥码云的小伙伴来说,大家可能对SSH公钥的配置有点稍不了解,或者平常没有关注到,今天我们就来一起看看码云中怎样去配置SSH公钥。首先,我们要进入码云的官网,去注册一个账号。然后登录进入到下面这个页面,我们点击设置进入下一界面,继续点击SSH公钥这时候会进入到SSH公钥设置界面,如果已经有了,就直接复制使用就行,如果没有就要继续向下操作回来到下面这个页面,这个页面并不会直接告诉我们怎么配置,还需要继续向下点击在新

2021-11-28 21:51:31 604 4

原创 数据可视化----ECharts---地图(七)

数据可视化----ECharts—地图(七)概述地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色Echarts系列文章标题地址Echarts初体验传送门Echarts通用配置传送门柱状图传送门折线图传送门散点图传送门饼图传送门Echarts官网传送门注意事项一. 使用方式百度地图API(高德地图API)需要申请百度API矢量地图需要

2021-08-29 12:13:32 3012 36

原创 基于token的一个登录与退出组件

笔记1. 登录业务的相关技术点http是无状态的通过cookie在客户端记录状态通过session在服务器端记录状态通过token方式维持状态注意:如果我们的前端和后台接口之间不存在跨域问题,我们一般使用 cookie 和 session 来记录登录状态如果存在跨域问题,我们一般就使用 token 来维持登录状态2. token 原理分析token是保证用户登录成功之后的唯一身份令牌 登录页面输入用户名和密码进行登录 服务器验证通过之后生成该用户的 token

2021-08-26 16:56:40 1054 11

原创 数据可视化----ECharts---饼图(六)

数据可视化----ECharts—饼图(六)百度百科——饼图Echarts系列文章标题地址Echarts初体验传送门Echarts通用配置传送门柱状图传送门折线图传送门散点图传送门Echarts官网传送门饼图的基本实现实现步骤一. 搭建ECharts最基本的代码结构(这是实现任何一张图表都必须的第一步)引入js文件(这个js文件可以去官网下载下来)准备一个DOM容器初始化一个echarts对象设置配置项option上面

2021-08-26 12:16:15 27982 37

原创 解决:npm ERR! code ELIFECYCLE npm ERR! errno 1

解决:npm ERR! code ELIFECYCLEnpm ERR! errno 1问题今天在自己学习react时候遇到了一个问题,就是在自己执行npm start运行项目时,产生了如下报错然后我自己稀里糊涂的弄了好几遍,瞎弄一通,只会产生更多的报错。最后在交流群里问了一下自己的师兄,师兄说可能是我无意间动了配置文件,也就是node_modules。解决办法:删掉项目中的node_modules文件夹和package-lock.json文件,网上有很多快速删掉node_modules的指令和方法

2021-08-21 21:10:30 62912 23

原创 数据可视化----ECharts---散点图(五)

数据可视化----ECharts—散点图(五)百度百科上散点图的定义散点图是指在回归分析中,数据点在直角坐标系平面上的分布图,散点图表示因变量随自变量而变化的大致趋势,据此可以选择合适的函数对数据点进行拟合。散点图的特点用两组数据构成多个坐标点,考察坐标点的分布,判断两变量之间是否存在某种关联或总结坐标点的分布模式。散点图将序列显示为一组点。值由点在图表中的位置表示。类别由图表中的不同标记表示。散点图通常用于比较跨类别的聚合数据。案例说明我们本次实现一个小案例是我们用一组数据来证明身高和

2021-08-21 00:25:38 13507 32

原创 数据可视化----ECharts---折线图(四)

引言:ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。每篇博客都会强调的事情,学习ECharts最直接、最有效的方式就是去看官网,官网上有你想要的一切,官网地址:https://echarts.apache.org/en/index.html当然了,在下不才,写了几篇拙文,若大家有兴趣的可以瞅一瞅,有帮助的话给个赞,款哥还是会很开心的

2021-07-30 20:11:27 1598 42

原创 数据可视化----ECharts---柱状图(三)

前面两篇博客我写了有关Echarts的一些基础和通用配置项,博客地址在下数据可视化----ECharts初体验(一)数据可视化----ECharts通用配置(二)柱状图柱状图一、搭建基础结构二、配置配置项1. 坐标x轴 xAxis2. 坐标y轴 yAxis3. series (我这里叫它系列)其他操作(这些都是在series里进行配置的)最大值,最小值平均值显示数值柱子宽度柱状图一、搭建基础结构步骤1:引入echarts.js文件<script src="echarts.js文

2021-07-28 21:47:44 1850 32

原创 数据可视化----ECharts通用配置(二)

文不如表,表不如图。上一次,介绍了ECharts的相关概念以及使用步骤,请见数据可视化----ECharts初体验(一)还有一句,就是最好的文档在官网,看谁的博客,都不如去熟读官网,访问官网的方式点击这里点点点官网地址:https://echarts.apache.org/zh/index.html,复制到浏览器打开直接百度,echarts这一次,让我们一起来学习一下,ECharts通用配置ECharts通用配置一 title(标题)text (标题文本)textStyle(文本样式)co

2021-07-27 19:36:14 2076 23

原创 Git常见的一些报错

今天在使用给i他上传项目时,遇到了一些报错,下面做下记录:一. not a git repository (or any of the parent directories): .git翻译:不是git仓库(或任何父目录):.git解决办法:如果是第一次创建,就输入git init 指令,见表格该文件夹初始化为一个本地仓库如果不是第一次创建(一般指我们已经克隆了一个仓库),这时候坑是因为我们没有进入到仓库文件夹,只需进入到仓库文件夹即可我的问题就是第二点,没有进入到仓库对应的文件夹,这时候在

2021-07-27 13:26:59 9300 13

原创 数据可视化----ECharts初体验(一)

引言:当我们做一个后台管理系统时,总有一大堆数据要进行处理,这个时候数据的可视化操作,就显得非常重要,今天让我们一起去学习下ECharts的应用吧。正所谓文不如表,表不如图,把数据用图表的形式展示出来,就是简单的数据可视化。有关数据可视化主要有三种方式:1.报表类 2.商业智能BI 3.编码类我们主要是来学习第三种编码类中的Echarts,官网地址:https://echarts.apache.org/zh/index.htmlECharts 定义:ECharts 是一个使用 JavaS

2021-07-26 23:17:37 2189 56

原创 vue移动端项目使用Swiper那些坑----paginationType&observeParents

项目场景:我在移动端使用了swiper插件来做轮播图效果,ui设计稿上的分页器是分式形式的,但是swiper默认的分页器是一个圆点,我需要修改这个样式,如下图:问题描述:我按照官方文档上所说,分页器样式类型,可选‘bullets’ 圆点(默认)‘fraction’ 分式‘progress’ 进度条‘custom’ 自定义写下了这段代码data () { return { swiperOptions: { pagination: {

2021-07-17 00:16:11 1220 22

原创 vue 移动端 click事件失效问题

vue 移动端 click事件失效问题今天在写项目时遇到了一个狗血又令人头痛的问题,我的点击事件突然之间就不顶用了,但是因为我写的是移动端的项目,我把浏览器运行环境切换到pc端去做了一下尝试,发现这奇葩的点击时间又可以了,怎么搞,搞个锤子,一通百度猛如虎,心情如下经过半个小时的垂死挣扎,我突然间想起来自己使用了一个滚动插件better-scroll,会不会是他的问题呢,去看看官方文档怎么说吧,发现了这个问题问题找到了,那就上代码,哦了this.scroll = new BetterScroll(t

2021-07-15 17:07:54 1618 17

原创 Vue中$emit()方法和props属性的区别与应用

Vue中$emit()方法的应用首先,对于$emit()方法的相关定义,大家请看emit( eventName, […args] )父组件可以通过自定义属性给子组件传值,子组件通过props属性监听父元素传过来的数据子组件可以使用$emit调用父组件的方法并传递数据**ps:**这里我感觉应当是重要的事情说三遍!三遍!!三遍!!!我看了很多人的博客,第一条大家都是写父组件可以使用 props 把数据传给子组件 ,我感觉这句话有失偏颇1.父组件向子组件传值有关props:props只能是

2021-07-12 23:05:42 1735 29

原创 Vue项目中less实现样式穿透

今天在看一个慕课网上的视频时,遇到了一个小问题,问题是在我们使用轮播图插件vue-awesome-swiper时,发现轮播图分页器pagination的当前页的小圆点显示为蓝色,但是设计稿中显示为白色,效果如图因为在当前组件中的样式,我们使用了scoped属性锁定了样式作用域,所以我们要想修改这个样式就需要一些特殊设置,在视频中使用是stylus,所以它使用的是stylus的样式穿透stylus样式穿透 >>> .wrapper >>> .swiper-p

2021-07-07 22:30:08 12923 18

原创 移动端1像素边框的问题

移动端1像素边框的问题-----如果我们的手机屏幕分辨率比较高,是一个二倍屏或者三倍屏,如果我们在页面上去写border-bottom: 1px; 这个时候我们写的是1px,但实际上它是css像素,并非物理像素,我们仔细观察的话,在二倍屏或者三倍屏上它实际上不是1个物理像素,而是两个物理像素或者三个像素的高度,为了解决多倍屏里面1像素边框会被显示成多像素边框的问题,需要引入一个解决方案,这个方案是一个css文件下面是这个css文件的源码@charset "utf-8";.border,.borde

2021-07-05 20:59:41 312 9

原创 字符串String的slice、replace、toUpperCase和repeat等方法会不会改变原有字符串

字符串String的内置方法 1. slice()、substr()和substring() 2. replace() 3. toUpperCase()和toLowerCase() 4. ES6中新增的一些方法repeat(),padStart()和padEnd() 都不会修改原有字符串

2021-07-03 11:06:27 2949 12

原创 Vue版的三级联动

Vue版本省、市、区三级联动对于初次学习前端Javascript的小伙伴来说,三级联动是一个比较复杂的逻辑,有关原生JS是如何实现三级联动的呢,大家可以去看一下我之前写的一篇博客 js原生代码实现三级联动那么我们使用Vue框架要如何实现三级联动呢?关于用Vue来实现三级联动效果,这里其实并没有太大的区别,逻辑都是一样的,难点也仍是在取数据上,我们如何能准确的获取到相应的省、市、区才是问题的关键,具体的DOM元素渲染倒不是什么难题。在写项目之前我们需要引进一下vue文件和数据文件,下面是我的v

2021-07-01 20:35:42 4711 18

原创 前端发送请求的方式

一、form表单提交为了演示下面的案例,我们先用node.js写一个简易式服务器,用来接收前端发送过来的请求//引用模块const express = require('express');创建对象var app = express();// post请求的两种解析方式app.use(express.json());app.use(express.urlencoded({extended:true}))// 设置静态目录app.use(express.static(__dirname+

2021-06-28 21:13:41 4960 14

原创 ES6解构赋值之数组的解构赋值

解构赋值<一>解构赋值是一个JavaScript表达式这使得可以将值从数组,或者属性从对象提取到不同的变量中。 ----MDN<二>下面是菜鸟教程上的解释解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。下面是整理的一些数组的解构赋值相关内容1. 简单的解构赋值语法const[ ]

2021-06-26 20:53:22 412 5

city_code.js

三级联动所用到的数据,包括34个省份,以及对应市区县各级行政区

2021-07-01

Web前端.xmind

里面整理了一张有关JavaScript的思维导读

2021-06-26

02.三级联动.html

js原生代码实现三级联动效果

2021-04-24

04-出现最多的的字符(2).html

判断一个字符串中重复出现的字符,以及该字符出现的次数 适合人群: 1.前端工作人员 2.前端初学者以及相关专业大学生 3.JavaScript爱好者

2021-04-14

获取10-20之间六个不重复的随机整数.html

JavaScript获取10-20之间六个不重复的随机数,适合前端基础入门初学者和一些对前端感兴趣的编程小白以及在校计算机专业大学生

2021-04-14

空空如也

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

TA关注的人

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