-
小程序-实现折叠面板-手风琴效果
2021/1/5 15:04:40
无论是在小程序还是 h5 网页,折叠菜单,手风琴是一个非常常见的效果,如今也有很多现成的 UI 组件库已经实现了这一效果的,但有时候在写原生小程序时,单单就是一个折叠菜单效果,却要引入整个 UI 库,有点得不偿失 具体实现 如下是wxml示例代码 <view class="content"> <block wx:for="{{ listDatas }}" wx:key="index"> <view class="list-content" bindt... -
微信小程序踩坑记录（开发篇）
2021/1/5 15:04:37
最近参与开发了公司的第一款小程序，开发体验基本类似于基于webview的混合式开发，可以调用官方强大的api，但也有一些坑或者说不习惯的地方。这篇文章从实用性出发，记录了开发过程中的一些问题： 1. 样式优先级混乱 在使用button组件时，发现在class中设置width不生效，下面贴上代码： .my-button{ width: 140rpx; height: 60rpx; line-height: 60rpx; padding... -
原生小程序实现登录授权与封装统一调用接口
2021/1/5 15:04:34
一。登录思路 先通过 wx.login 返回 res.code 到后台接口换取 openId, sessionKey, unionId。然后通过 wx.getUserInfo 获取用户信息 如果要获取用户敏感信息则要 wx.getUserInfo 返回的数据传到后台进行解析（我这边是用大佬封装好的api进行解析 ）。 二。代码 1。小程序封装统一请求接口 function Request(url, param,... -
Vue 组件开发中的小技巧
2021/1/5 15:04:31
日常开发中，我们会用到很多第三方组件库，学习组件开发最好的方法就是看这些组件库的源码，并从中学到一些小技巧 element-ui 大家基本都用过，总结一下组件库中 Tree 和 Collapse 用到的小技巧，下图为简易版实现演示效果 Collapse 先来看下使用到的 API： provide/inject$emit$on 使用 provide/inject 将 祖先组件实例 作为依赖，注入到子孙组件中因为子组件是... -
Node+Gitee WebHook实现小程序CI
2021/1/5 15:04:28
原先我们需要用到shell脚本和ide来切换分支和上传代码，使用CI后完全抛弃这些步骤，达到合完PR直接上传到后台的功能，减少了这些细碎且无趣的工作，释放自己去做别的事情。项目路径：github.com/chenerhong/… 码云WebHooks 因为我们公司目前使用的是码云来托管代码，所以这里我只针对码云来进行讲解。 我们想达到的效果是合完PR到主分支（master）之后，自动上传我们的小程... -
小程序请求网络接口慢问题解决
2021/1/5 15:04:24
微信小程序开发过程遇到的问题，排查了一天才找到原因解决。问题的现象是开发工具上请求后台接口是毫秒级的，真机小程序上请求接口是秒级的。查了网上很多人遇到过这种问题，网上的图片，不过和我的情况一样！这个问题是接口地址使用的ssl证书的原因具体实际情况：当小程序首次启动时，无论请求什么链接，前几次条请求会很慢，最长会达到6、7秒。这种情况发生在真机微信上，电... -
微信小程序开发的完整流程介绍，新手必读
2021/1/5 15:04:21
自从跳一跳小程序游戏出现后，一夜之间，小程序就变得家喻户晓了，功能开发也越来越丰富，在微信搜一搜就会发现许多大品牌早已有自己的小程序了，越来越多的企业和商家都看中了这个风口，想快速开发出一款属于自己的小程序，那小程序开发的流程是怎样的呢？一、准备好小程序开发所要用到的材料企业开发小程序所需的材料有：公司的营业执照、法人的手机号、身份证号、微信号扫描... -
微信小程序-基于高德地图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 前言 近期，电商直播业务热火朝天，为了烘托直播间的氛围，达到主播与观众的有效正反馈，弹幕、点赞、用户行为提示三件套成为一个标准的直播间必不可少的装备。两个月前，作者曾解析了点赞动画的实现原理，虽文笔粗糙，但在总结中，对技术原理有了更加透彻的理解。恰逢近期沉淀直播间业务，重新封装了弹幕组件，对代码的设计有了新的理解，总结成一篇文章，与君共享。 提起...
推荐文章
- 企业如何通过网站提升业务？2026年官网赋能增长的5大核心策略
- AI时代，网站重新变得重要：企业不可替代的数字核心资产
- 小程序上，如何实现播放课程不可以拖动，切到后台报警并停止播放？
- 2022国庆假期安排
- 云南网站制作流程
- 如何制作一个小程序
- 人人商城超级海边活动海报不显示bug修复 回复图片功能错误修复
- Flex简明教程，一看就会
- 小程序登陆设计-耐心看，讲的很明白
- C# 生成缩略图方法
- 网络营销的推广方式都有哪些？如何快速获客！
- 微信小程序助力人口普查
- .net Nancy自宿主的使用
- 对话微信小程序产品经理：小商店不意味着腾讯要做电商
- 现在您还需要建网站吗？
- “交管12123”小程序入驻支付宝 首次实现跨省查询
- 电商平台到底要怎么做？
- 直播带货开始降温，淘宝、抖音、快手决战新周期
- 云计算：多云策略的定义和三大优势
- 域名怎么通过实名认证？
