- 博客(66)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 在banner轮播基础上实现播放视频功能
本文介绍在banner轮播基础上实现播放视频功能，有两种播放方式：1、点击播放按钮，在banner图位置播放视频（效果如下）；2、点击播放按钮，全屏播放视频。
2023-05-06 21:00:00
961
原创 JQ实现垂直导航功能（常用于商品类）
本文介绍利用JQ实现垂直导航功能，可点击左导航栏切换右边数据，也可滚动右边数据切换左导航栏标签，实现左右联动效果
2023-05-02 21:30:00
469
原创 压缩HTML引用字体
有些网站为了凸显某部分字体，而引入自定义字体，但由于自定义字体相对都比较大（几M）,导致页面加载缓慢；所以本文介绍三种压缩字体的方法，可根据项目情况自行选择
2023-04-30 16:00:00
1193
原创 使用Pano2VR实现全景图切换和平面图效果
本文在文章《使用Pano2VR实现背景音乐、放大/缩小、旋转、缩略图和直线/立体/鱼眼模式等》基础上，增加全景图切换和平面图效果
2023-04-29 13:00:00
1990
原创 使用Pano2VR实现背景音乐、放大/缩小、旋转、缩略图和直线/立体/鱼眼模式等
本文在文章《使用Pano2VR实现客厅VR效果》基础上，增加背景音乐、放大/缩小、旋转、缩略图和直线/立体/鱼眼模式等
2023-04-28 16:53:54
926
1
原创 JQ模拟六位密码支付效果
利用JQ模拟六位密码支付效果实现过程 功能比较简单，代码如下，主要功能都有注释：body { margin: 0; padding: 0; background-color: #c7c8ca;}.pop-box { display: none;}.pop-box .mask { position: absolute; top: 0; left: 0; width: 100%; heigh...
2021-11-18 20:00:00
306
原创 分享7个常用的echarts示例
分享7个常用的echarts示例“xAxis>axisLabel>rotate”设置倾斜角度；xAxis: { type: 'category', axisLabel: { color: '#b8e8fd', interval: 0, rotate: 30 }, axisLine: { lineStyle: { color: '#8dc1d8' } }, axisTick: { show: false }, d
2021-11-17 20:45:00
8952
1
原创 使用Pano2VR实现客厅VR效果
内容简介本文分享如何使用Pano2VR来实现客厅VR效果，并有常见的进入动画和热点提示等。效果如下图（为了可以上传缩小屏幕，属于PC端运行）：实现过程一、Pano2VR操作1、运行Pano2VR软件后，类型选择“自动”，然后把上下左右前后六张图片拖进来，效果如图2；可使用鼠标拖动屏幕的图片进行旋转浏览效果；2、选择屏幕的“指定热点”图标，然后在图片需要添加热点的位置双击，效果如图2；可对热点的属性进行编辑...
2021-09-10 13:50:23
2774
原创 利用echarts实现心形图片排列效果
内容简介前几天看到一篇文章，利用echarts来实现气泡龙的效果，觉得可以从这个例子衍生出使用不同背景图来实现不同排版的效果；本文介绍利用该思路实现心形图片的排列效果。实现过程实现思路分析：1、绘制本地图片到画布（ctx.drawImage）；2、获取图片的像素点（imageData）；3、根据图片的宽高和设置的间隔进行循环，当为黑色时（r + g + b == 0），就替换为设置的小图片，并把图...
2021-09-10 08:57:20
507
原创 Electron实现桌面日历
前言概述本文介绍使用Electron来实现桌面日历示例，该桌面日历可切换年份和月份的数据，可显示假期的数据等不同功能；开发环境：node12.14.1+electron10.1.5示例效果：实现过程一、新建项目参考前面文章《Electron桌面应用程序从创建项目、启动项目到打包程序的详细过程》；二、实现日历内容可自己实现日历功能或者网上搜索示例，然后嵌套进Ele...
2021-07-01 09:13:57
958
原创 echarts实现镇区地图效果
内容简介echarts官方只提供全国地图，但是实际项目过程中，经常需要精确到镇区；本文通过实例介绍两种实现镇区地图效果的方法。自定义地图第一种的实现过程：1. 打开网址“http://datav.aliyun.com/tools/atlas”，显示如下图的效果；2. 左上角输入要生成的区域名字，比如“揭阳市”，输入“揭阳市”后，输入框下面会出现揭阳市的信息，点击后下面的信息和地图会更新为揭阳市的内容；...
2021-06-29 08:19:10
2840
4
原创 python实现图片识别文字程序
内容简介python利用百度文字识别功能，实现对上传的图片进行扫描，获取图片的文字信息，并生成可执行的程序。开发环境：Windows7+python3.7+pycharm2018.2.4（开发工具）；目录机构：文件夹“build”、“dist”和文件“discernImg.spec”是生成exe时产生的数据；最终效果：百度端创建应用创建过程参考《微信小程序利用百度AI实现扫描身份证获取信息功能》（...
2021-06-28 08:28:26
5409
10
原创 微信小程序实现单选、全选功能
前言概述 本文介绍微信小程序实现单选、全选功能，效果如下：实现过程 1、先实现页面效果，文件*.wxml和*.wxss代码如下：<view class="container"> <view class="order-mes"> <checkbox-group class="table"> <view class="tr"> <view class="...
2021-06-23 18:19:10
4375
原创 Electron桌面应用程序从创建项目、启动项目到打包程序的详细过程
开发环境本文使用环境node12.14.1+electron10.1.3；操作过程一、新建和启动项目1. 直接使用官网示例，先克隆示例项目的仓库，然后进入该仓库；# 克隆示例项目的仓库$ git clone https://github.com/electron/electron-quick-start# 进入这个仓库$ cd electron-quick-start2. 安装项目依赖，安装时候会比较慢，经常安装未成功，建议先执行“npm config set regist
2020-11-02 13:38:16
1048
3
原创 JQ实现拖动选择时间段
前言概述本文介绍利用JQ实现拖动选择时间段的示例，该实例可默认显示设置的时间段、可拖动多个时间段、可伸缩时间段、可合并时间段并能导出所有时间段的详细信息，效果如下：实现过程1. 先实现页面效果，文件*.html和*.css代码如下：Tips:css代码联合效果比较好理解。<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>拖动选择时间段<
2020-10-19 11:07:27
894
1
原创 uni-app发布android版App的详细过程
目录开发环境SDK目录说明准备工程发布版本开发环境1. Android Studio下载地址：Android Studio官网ORAndroid Studio中文社区2.HBuilderX（开发工具）3. App离线SDK下载：最新android平台SDK下载注意：HBuilderX版本要跟SDK版本一致。SDK目录说明 |-- HBuilder-Hello App离线打包演示应用 |-- HBuilder...
2020-09-18 08:15:24
13377
8
原创 微信小程序之实现常用日期格式-月历滑动格式（三）
前言概述本文介绍项目中常用到的日期格式--月历滑动格式，顶部显示当前月的月历，默认选择当天的日期，且能滑动月历选择需要的日期：实现过程1. 先实现页面效果，文件*.wxml和*.wxss代码如下：1）滑动功能使用组件scroll-view，样式实现参考下面代码；为了实现加载时默认选择当天的日期，可使用组件属性scroll-into-view，属性值“toView”需用setData设置，不然不起作用；2）item.isDisable?'opacity30':(item.yea...
2020-09-16 17:19:36
501
1
原创 微信小程序实现骨架屏和图片懒加载
前言概述由于常用的getBoundingClientRect()会导致页面重排和滚动事件频发触发，所以本文介绍的是使用IntersectionObserver对象实现图片懒加载效果；并在显示图片前增加骨架屏来提高体验。Tips：骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容；懒加载简单说就是在渲染页面时，不在视图范围内的不加载，只有元素出现在视图范围内了再渲染。效果如下：实现过程一、懒加载功能1
2020-08-14 18:00:41
1543
2
原创 微信小程序实现echarts并兼容IOS
前言本文介绍使用ec-canvas实现小程序图表功能，支持切换更新数据并在IOS顺畅使用。Tips：本文只介绍柱形图，其它图形类似，具体可查看GitHub上的ecomfe/echarts-for-weixin项目。实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析；<view class="container"> <view class="item-head"> <view class="
2020-07-23 11:59:55
3568
原创 用Vue实现购物车组件
前言本实例主要介绍利用Vue实现购物车组件，顶部可以切换标签“全部”、“好评”和“买过”的数据，标签“全部”下还可以切换不同分类显示商品；也可对商品进行加减，并进行跨标签和跨分类的最终价合计；最终效果：实现过程一. 子组件代码如下（shoppingCart.vue），原理分析：1. 切换标签函数toggleType，点击时，赋值this.currentIndex = index，同时利用计算属性更新menu的值，从而实现切换标签数据功能；而this.menuTypeIndex .
2020-06-10 15:34:33
5304
原创 python实现小区车牌识别计费程序
示例简介python利用百度文字识别功能，实现小区车辆进出识别，并显示进出信息和收费信息；可查看停车信息，也可查看历史数据；开发环境：Windows7+python3.7+pycharm2018.2.4（开发工具）；目录机构：最终效果：由于涉及隐私，不上传动态效果；左边为摄像头的画面（这里是视频播放页面），右上角显示车位情况和最近十条车辆信息，右下角显示识别信息、收费信息或提示信息；百度端创建应用创建过程参考《微信小程序利用百度AI实现扫描身份证获取信息功能》（把“图像识别”换为
2020-05-26 17:12:42
3857
7
原创 python智能联系人管理
示例简介python利用百度文字识别功能，实现对上传的名片进行扫描，并获取名片信息；可查看名片原图，也可以保存信息到Excel。开发环境：Windows7+python3.7+pycharm2018.2.4（开发工具）；目录机构：最终效果：百度端创建应用创建过程参考《微信小程序利用百度AI实现扫描身份证获取信息功能》（把“图像识别”换为“文字识别”）。实现过程一、阅读器UI设计1. 安装模块和配置工具，参考《python实现小说阅读器》；2. 运行工具QtDesi
2020-05-18 15:19:30
1058
2
原创 python+pandas实现数据分析功能
简介本文介绍使用python语言开发一个数据分析程序，可以对导入的数据进行“提取”、“筛选”、“合并”、“排行”和“生成图表”等。预览效果：开发环境：Windows7+python3.7+pycharm2018.2.4（开发工具）；目录架构：实现过程一、抓取数据1. 使用akshare获取数据，安装和使用可以查看https://www.akshare.xyz/zh_CN...
2020-05-09 13:59:48
1785
1
原创 微信小程序实现双指缩放图片功能
前言本文分析怎么在微信小程序实现双指缩放图片的功能。实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析；<!--index.wxml--><view class='wrapper'> <view class="container"> <view class="tit...
2020-04-27 14:03:24
5814
1
原创 微信小程序实现滑动操作
前言本文使用动画组件wx.createAnimation来实现滑动操作：1. 左滑动显示操作项；2. 点击操作项触发相应方法；3. 右滑动和点击行收起操作项；4. 点击“取消”收起操作项。最终效果如下：实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析：<view class="wra...
2020-04-22 13:51:21
5787
4
原创 微信小程序实现活动轨迹回放
前言本文介绍使用组件map和API的MapContext+wx.getLocation来实现活动轨迹回放。最终效果：实现过程1. 文件index.wxml代码如下，这一块比较简单，可自行查看，不做过多分析：<!--index.wxml--><view class="container"> <map id="map" longitude=...
2020-04-10 08:17:53
10352
5
原创 如何实现动态表单功能
前言客户提出问题“手机端（app\小程序等）每次修改表单的字段名或者新增其它表单时，每次都需要重新审核，由于表单修改很频繁且审核时间又很长，导致程序经常使用中断，体验不好。”；根据客户的问题，总结了两种方法，都是不需要修改到手机端，所以不用经过审核。Tips：$.load(url)和iframe也能实现，但第一个要解决跨域问题，第二个需要每次更新引用的html，操作起来都不方便，这里就不做...
2020-04-08 17:53:22
9833
原创 微信小程序实现图片拖动、放大、缩小、旋转、滤镜和切图功能
目录前言实现过程前言本文介绍使用微信小程序API+canvas来实现图片的可拖动、放大、缩小和旋转，并可对选中的图片进行不同效果的滤镜和不同形状的切图，且可对最终效果进行保存到本地。最终效果：实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析：<view class='contentWar...
2020-03-30 17:07:13
12782
13
原创 echarts使用生成的自定义地图实现信息发送
简介echarts官方只提供全国地图，但是实际项目过程中，经常只需要某片区域的地图；所以本文通过实例讲解怎么生成自定义的地图，并在地图实现信息发送的效果。自定义地图自定义地图分两种，一种是直接利用网站直接生成，另一种是利用网站生成后进行修改生成定制版的地图。第一种的实现过程：1. 打开网址“http://datav.aliyun.com/tools/atlas”，显示如下图的效...
2020-03-26 09:42:11
892
原创 微信小程序实现订阅信息功能
目录前言 百度端创建应用 实现过程 结语前言微信小程序集成百度图像识别功能，实现对上传或拍照的身份证进行扫描，并获取身份证信息。百度端创建应用访问网址https://login.bce.baidu.com/，选择“人工智能”--“图像识别”； 在栏目“应用列表”下新建应用，并勾选项目需要的接口；保存后列表会生成对应的“API Key”和“Secret K...
2020-03-20 10:42:11
7174
1
原创 python实现小说阅读器
简介使用python实现pygame版的飞机大战游戏； 环境：Windows系统+python3.8.0 游戏规则：1.点击“PLAY”或者按键“P”开始游戏；2.敌机根据设置频率从顶部随机位置生成，生成后向下移动；3.飞船在底部中间生成，玩家使用上下左右键控制飞船移动，敲击空格键发射子弹；4.子弹打到敌机，该敌机产生爆炸效果并累计分数到右上角；5.消灭10只飞...
2020-02-12 16:54:31
8092
4
原创 python实现飞机大战游戏（pygame版）
目录简介实现过程结语简介使用python实现pygame版的飞机大战游戏； 环境：Windows系统+python3.8.0 游戏规则：1.点击“PLAY”或者按键“P”开始游戏；2.敌机根据设置频率从顶部随机位置生成，生成后向下移动；3.飞船在底部中间生成，玩家使用上下左右键控制飞船移动，敲击空格键发射子弹；4.子弹打到敌机，该敌机产生爆炸效...
2020-02-04 20:21:35
8598
3
原创 python实现五子棋游戏（pygame版）
目录简介 实现过程 结语简介使用python实现pygame版的五子棋游戏； 环境：Windows系统+python3.8.0 游戏规则： 1.分两位棋手对战，默认黑棋先下；当在棋盘点击左键，即在该位置绘制黑棋； 2.自动切换到白棋，当在棋盘点击左键，即在该位置绘制白棋； 3.轮流切换棋手下棋，当那方先形成5子连线者获胜（横、竖、斜、反斜四个...
2020-01-17 10:53:33
12665
44
原创 微信小程序利用百度AI实现扫描身份证获取信息功能
目录前言 百度端创建应用 实现过程 结语前言微信小程序集成百度图像识别功能，实现对上传或拍照的身份证进行扫描，并获取身份证信息。百度端创建应用访问网址https://login.bce.baidu.com/，选择“人工智能”--“图像识别”； 在栏目“应用列表”下新建应用，并勾选项目需要的接口；保存后列表会生成对应的“API Key”和“Secret K...
2020-01-15 13:53:02
5729
4
原创 python实现五子棋游戏（控制台版）
一、简介 使用python实现控制台版的五子棋游戏； 环境：Windows系统+python3.8.0 游戏规则： 1.分两位棋手对战，默认*棋手先下；当按照提示输入坐标（A1），并按回车键<Enter>即可在棋盘上显示下的棋（*）； 2.自动切换到o棋手下棋，当按照提示输入坐标（C1），并按回车键<Enter>即可在棋盘上显示下的棋（...
2020-01-03 15:57:12
5660
3
原创 【Python编程：从入门到实践】第二十章练习题
20-1 其他表单 ：我们对登录页面和 add_topic 页面应用了 Bootstrap 样式。请对其他基于表单的页面做类似的修改： new_entry 页面、 edit_entry 页面和注册页面。20-2 设置博客的样式 ：对于你在第 19 章创建的项目 Blog ，使用 Bootstrap 来设置其样式。20-3 在线博客 ：将你一直在开发的项目 Blog 部署到 Heroku ...
2019-12-31 14:43:43
1542
2
原创 【Python编程：从入门到实践】第十八章和第十九章练习题（Django创建网站）
18-2 简短的条目 ：当前， Django 在管理网站或 shell 中显示 Entry 实例时，模型Entry 的方法 __str__() 都在它的末尾加上省略号。请在方法 __str__() 中添加一条 if 语句，以便仅在条目长度超过 50 字符时才添加省略号。使用管理网站来添加一个长度少于 50 字符的条目，并核实显示它时没有省略号。18-4 比萨店 ：新建一个名为 pizzeri...
2019-12-28 16:01:06
2446
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人