-
微信小程序-基于高德地图API实现天气组件(动态效果)
2021/1/5 15:03:59
微信小程序-基于高德地图API实现天气组件(动态效果) ? 在社区翻腾了许久,没有找到合适的天气插件。迫不得已,只好借鉴互联网上的web项目,手动迁移到小程序中使用。现在分享到互联网社区中,帮助后续有需要的开发者。 1.组件介绍 1.1 组件效果预览图 ? 小程序组件继承了外部样式colorui的色彩,但实际动画会根据父节点的color属性自动填充颜色,即使不引入colorui这... -
小程序的目录结构及四种文件类型
2021/1/5 15:03:55
创建你的第一个小程序 创建你的第一个小程序还是比较简单,在「微信开发工具」新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,点击 " 新建 ",你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。四种不同类型的文件 你可以留意到这个项目里边生成了不... -
小程序跨页面交互的作用与方法
2021/1/5 15:03:53
去年年末,微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限,另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也是在开发一个 to B 小程序应用。这里列举一些跨页面交互的场景。 对于 B 端应用的业务需求来说,小程序开发的复杂度相对比网页开发要复杂一些。一个是双线程的处理机制问题,另一个是页面栈之... -
微信小程序的分类功能思路
2021/1/5 15:03:50
实现思路 1.把屏幕当成一个固定的盒子,然后把盒子分成两边,并让盒子的每一边都能够滚动。 2.通过将左侧边栏元素的id和右边内容的categoryId进行匹配,渲染展示相同id的内容 页面data定义的初始数据 /** * 页面的初始数据 */ data: { classify_sidebar: [], //左侧边栏内容的数组 classify_content: [], //右边内容元素的数组 list: 124849,... -
【实战指南】如何写一款小程序 Prettier 插件
2021/1/5 15:03:43
Prettier 是一款开箱即用的代码格式化工具,主要特点是配置简单、便于集成、支持扩展。Prettier 原本聚焦于 Web 开发领域,由于表现优秀,社区也利用其扩展机制支持了 Java、PostgreSQL 等语言的格式化。 无需赘言,开发团队借助 Prettier 让团队成员保持一致的代码风格(不完全等同于代码规范)非常有必要,毕竟代码虽然是机器运行的,但主要是人在阅读;而且强迫人接受一种... -
谈谈像素以及微信小程序的 rpx
2021/1/5 15:03:37
前言最近在负责某个业务的微信小程序开发,这是我第一次着手微信小程序的开发,这个过程中发现微信小程序所定义的一套 WXSS (WeiXin Style Sheets) 中有一个有趣的长度单位 rpx,即 responsive pixel。根据官方的描述: rpx(responsive pixel), 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375... -
优化之小程序中的css treeshaking
2021/1/5 15:03:33
每次局部改版老页面时,我不会去删除老的css。因为很麻烦,而且又害怕不小心删出了不可预估的样式错乱。所以我基本上都是在css文件的最后一行去添加新的样式,然后......,css文件越来越大。所以为了解决这种手动删除css的问题,开发了一个小工具。 我们最终实现效果是通过终端命令去完成css treeshaking // 到项目目录下 cd Documents/xxx/xcx // 微信 qts-lint css wx ... -
小程序后台管理系统:权限模块解析
2021/1/5 15:03:30
前言: 市面上可参考的后台管理系统并不多,也无法参考竞品的后台,对于初出设计后台管理系统的同学来说,设计其中的基础功能,成为了一件困难的事情。 做了三个后台管理系统,才慢慢熟悉了基础架构和必备功能模块,于是梳理出来和大家一起分享。本文中提到的后台管理管理,仅适用于移动端(例如小程序/APP)的管理,不适配大型saas平台。 后台管理系统(下文中统称后台)中,... -
kbone 高级 - 使用小程序内置组件(二)
2021/1/5 15:03:27
2.5 编写系列组件 2.5.1 App.vue 在 src/index 下创建 App.vue 文件,内容如下: 2.5.2 Component.vue 在 src/index 下创建 Component.vue 文件,内容如下: 详细参考: https://lurongtao.github.io/felixbooks-kbone/advanced/03-%E4%BD%BF%E7%94%A8%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%86%85%E7%BD%AE%E7%BB%84%E4%BB%B6.html#242-componentvue 复制代码 2.5.3 Inner.vue ... -
微信H5 React + Umi 开发实践总结
2021/1/5 15:03:25
最近一直在做H5公众号的需求,使用的技术栈如标题,从立项目到稳定增长阶段,前端使用React随着业务需求从0到1把项目搭建起来,get了很多React+H5+微信场景下的知识点,把最近的实践总结下,有需要使用React上手微信H5的可以参考,大家一起交流哈。 本文特点: React+H5+微信场景全流程。Vue转React入门参考。 项目简介: 轿车物流平台,可以通过公众号在线完成轿车运输下... -
微信小程序启动页的实现
2021/1/5 15:03:22
加班偷着懒没做一堆九月份迭代的工作,实现了一下小程序的启动页。效果是这样的:app.json将启动页路径放在pages数组的第一项,tabBar中list正常放置。start.wxml先写一个容器显示背景图片,image标签上使用bindload方法,动态计算屏幕宽高,以适应不同手机端的尺寸,让背景图更佳显示。for='{{testList}}' wx:for-item="item" wx:key="item"> <image src="{{item.fil... -
微信小程序项目wx-store代码详解
2021/1/5 15:03:19
本文会讲解一下这个小程序的代码,所有代码几乎是我一个个敲出来的,所有逻辑也是自己构思梳理的,因此很多实现方式并不是很好,冗余代码很多,代码质量堪忧,但我也在学习中,随着技术提升,会不断来重构代码,如果大家有任何建议欢迎私信我哦,特别感谢。? 该小程序采用的云开发,没有自己搭建后端,我心目中,只要没有后端的内容我就觉得很简单。但其实我还是想有朝一日能... -
记一次微信小程序渗透测试
2021/1/5 15:02:54
正文 目标小程序已上线,但仅能申请后内部员工使用,是一个廉政答题小程序。 打开小程序,打开burp,尝试登录,用户未找到..... 啊这,第一步就受阻,那就看看抓到的包吧。 直接访问下域名,发现Django debug模式开启,能看到所有路径,api路径! 访问下/api/user/,发现有/user_list/目录可以查看所有用户信息,。 访问user_list目录,burp抓包改post,添加cont... -
小程序直播-评论弹幕是如何“练”成的?
2021/1/5 15:02:51
1 前言 近期,电商直播业务热火朝天,为了烘托直播间的氛围,达到主播与观众的有效正反馈,弹幕、点赞、用户行为提示三件套成为一个标准的直播间必不可少的装备。两个月前,作者曾解析了点赞动画的实现原理,虽文笔粗糙,但在总结中,对技术原理有了更加透彻的理解。恰逢近期沉淀直播间业务,重新封装了弹幕组件,对代码的设计有了新的理解,总结成一篇文章,与君共享。 提起... -
小程序-实现小程序与小程序之间的跳转
2021/1/5 15:02:48
前言 小程序与小程序之间互相可以跳转,形成流量的循环.在小程序中怎么实现的呢 小程序中提供了两种方式实现小程序与小程序之间的跳转 方式1-使用 API 方式跳转 如下示例代码所示 <<view class="container"> <view bindtap="onJumpMin">打开跳转到其他小程序方式1</view> </view> 复制代码 如下是逻辑代码 onJumpMin() { wx.navigat... -
医院预约挂号系统微信小程序项目分享
2021/1/5 15:02:44
这个是一个医院预约挂号的小程序系统,这个项目比较简易理解,很适合做计算机期末作业或者毕业设计。医院预约挂号系统微信小程序项目主要的功能模块分析如下:对该系统进行分析与设计,有以下几个主要的功能模块:(1)添加科室:通过后台管理系统新增对应的科室,可以对科室数据进行增删改查。(2)添加医生:在后台管理系统录入医生相关信息,绑定所属科室,可以对医生进行增... -
微信小程序切换标签改变样式
2021/1/5 15:02:41
wxml <!--顶部导航栏--> <view class="swiper-tab"> <view class="tab-item {{currentTab==0 ? 'active' : ''}}" data-current="0" bindtap="swichNav">A</view> <view class="tab-item {{currentTab==1 ? 'active' : ''}}" data-current="1" bindtap="swichNav">B</view> <view class="tab-item {{currentTab==2 ? '... -
微信小程序带有起止时间的TODOs
2021/1/5 15:02:35
前言 根据自己平时的需求,感觉用的 TODOs 没有起止时间用着有点不舒服,就想借着这次软件工程作业的时候,做一些改善。本来想实现微信小程序在每个 TODO 开始前向用户推送消息提醒,但是后来发现现在只能发模板消息且下发条件只能在用户本人在微信体系内与页面有交互行为后触发,挺遗憾的,不知道有没有更好的实现方法。 效果展示 点击屏幕上方按钮可添加 TODOs,点击后... -
小程序-实现自定义动画弹框/提示框
2021/1/5 15:02:32
在小程序中,用户与界面进行交互时,有一些用户反馈提示,例如:触发某个按钮,从底部弹出框,从顶部弹出等 如今,有一些现成的 UI 库,虽然已经实现了的,但若只是为了实现一个底部弹出框或者自定义提示框,不引用第三方 UI 库 怎么手动原生方式去实现呢,最主要的是怎么去实现动画 css3 实现动画 如下是wxml代码 <view> <view class="click-btn" catchtap="onBottomBox... -
小程序商城Mall,打造最佳SpringCloudAlibaba最佳实践
2021/1/5 15:02:29
由于一路一来看过很多的技术体系,也见证一些技术体系停止维护,想用自己觉得比较好的一套技术体系来做一个分布式微服务系统,包括开发层面,中间件层面和运维层面的技术,作为自己希望的一个技术团队里的技术栈。这年SpringCloud开始把以前的技术给停止维护了,如eureka、feign、zuul,还有当当网的那个elastic-job,当当网都要挂了。所以出于这些原因,想换一套好使的技术栈...
推荐文章
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程,一看就会
- 小程序登陆设计-耐心看,讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些?如何快速获客!
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理:小商店不意味着腾讯要做电商
- 现在您还需要建网站吗?
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做?
- 直播带货开始降温,淘宝、抖音、快手决战新周期
- 云计算:多云策略的定义和三大优势
- 域名怎么通过实名认证?
- “啤酒”域名Bier.de以114万元登顶Sedo榜!
- 商标是买现成的还是去自己申请?
- 普通企业为何要做分销系统?