案例
关注
分享
扫一扫
文章平均质量分 93
八了个戒
愿代码之火永不熄灭，技术之光照耀前行！
展开
-
小程序轻松实现一个完美适配各种机型的自定义导航栏
前言：最近又在小程序开发的时候会遇到了需要自定义导航栏的需求，小程序开发平台已经早就提供了这项能力，并且在之前项目中我也提到过这个问题的解决方案：微信小程序之实现页面顶部导航栏透明、隐藏效果。我们在开发这一部分功能的时候踩过一些坑，下面我将针对我在开发过程中碰到的问题进行总结整理以及提供一套完整的自定义导航栏组件，可以直接上手使用。问题分析：为了使我们的项目更好的适配所有的机型，那么就需要先分析一下：我们可以发现：Android 跟 iOS 顶部有差异的，表现在顶部到胶囊按钮之间的距离有高度原创 2021-09-15 11:32:00 · 2343 阅读 · 1 评论 -
Element-ui el-table 使用 SortableJS 实现表格拖拽排序，并将排序结果更新到数据库使数据行顺序修改
前言当我们使用 Element el-table 组件时，需要用到拖拽排序的需求时，虽然 el-table 自带支持按列排序，但是当我们自己拖拽进行排序时，现有组件是无法满足的。这个时候我们就需要引入一个强大的js拖拽库：SortableJS该拖拽库简单易上手，官网提供了我们常用的拖拽效果的demo，下面我主要记录一下如何在我们的项目中快速上手使用。一、安装安装方式分为三种：1、npm 安装npm install sortablejs --save2、bower 安装bower inst原创 2021-09-13 14:21:57 · 11567 阅读 · 9 评论 -
微信小程序之实现封装一个富文本编辑器 Editor 的完整流程【附demo源码】欢迎点赞收藏
本文将主要讲解一下如果通过微信小程序来实现封装一个富文本编辑器 Editor。一、官方文档：editor（富文本编辑器，可以对图片、文字进行编辑）：https://developers.weixin.qq.com/miniprogram/dev/component/editor.htmlrich-text（富文本）：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html二、效果图：三、代码详解：1. 编原创 2021-04-08 17:56:33 · 5371 阅读 · 5 评论 -
前端常见登录实现方案 + 单点登录方案
登录是每个网站中都会用到的一个必备功能，但是如何实现一个优秀的登录功能，如何根据自己的项目来选择一个适合自己的登录方案？今天我们就来介绍几种常用的登录方案。Cookie + Session 登录Token 登录SSO 单点登录OAuth 第三方登录一、Cookie + Session 登录HTTP 是一种无状态的协议，客户端每次发送请求时，首先要和服务器端建立一个连接，在请求完成后又会断开这个连接。这种方式可以节省传输时占用的连接资源，但同时也存在一个问题：每次请求都是独立的，服务器端无法原创 2021-02-25 16:04:27 · 11252 阅读 · 1 评论 -
微信小程序之实现下拉刷新效果
本文章将主要介绍微信小程序如何实现简单的下拉刷新效果的，代码简单明了。主要 apiwx.showLoading(Object object) 显示 loading 提示框wx.hideLoading(Object object) 关闭 loading 提示框wx.startPullDownRefresh(Object object) 开始下拉刷新。调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。wx.stopPullDownRefresh(Object object) 停止当前页面下拉.原创 2020-12-18 14:46:11 · 2319 阅读 · 2 评论 -
常见登录验证方式分析以及流程图示例
常见的登录验证方式账号/邮箱/手机号 + 验证码 + 密码邮箱 + 动态邮箱验证码手机号 + 动态短信/语音验证码第三方授权登录，微信扫码登录等OCR人脸识别校验登录（移动端可用方案，暂未分析）各类验证方式的流程图以及各自特点分析1. 账号/邮箱/手机号 + 验证码（滑块拼图验证、文字点选验证、图标点选验证等） + 密码流程图：验证码框示例：滑块拼图验证：文字点选验证：图标点选验证：此登录验证方式比较常见。优点：（1）此登录验证方式比较常见，用户操作起来已经比较熟悉原创 2020-12-11 14:55:16 · 15739 阅读 · 0 评论 -
微信小程序之WeUI组件库的使用
本文主要介绍微信小程序中的 WeUI组件库的具体使用方法，通过具体的示例代码进行介绍，相信能够对大家的学习和工作都有一定的参考学习意义，欢迎大家一起学习进步。WeUI组件库 官方文档一、前言WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。二、下载1. git 全部下载：https.原创 2020-11-23 10:42:43 · 9796 阅读 · 4 评论 -
微信小程序之触摸滑动事件案例+Slideview组件【手动左滑删除效果】
前言：现在很多程序上都有左滑删除的效果，其实实现很简单，今天我们主要来记录一下小程序的左滑删除的实现过程。效果图：实现效果：当我们在该条记录上进行左滑操作时，整条记录跟着向左移动，同时右侧的删除按钮会显示出来。当我们点击删除按钮时，就会把该条记录删除掉。如果不想删除该记录，可以右滑取消，或者随意点击一个位置都可以使右侧的删除按钮隐藏回到原样。设计思路：首先在页面上每条 item 记录分为上下两层，上面的 view 包裹正常展示的内容，下面的 view 存放左滑的显示的内容；元素移原创 2020-11-19 16:36:28 · 4224 阅读 · 1 评论 -
微信小程序之轮播图swiper组件自定义指示点样式
微信小程序 - swiper组件定义一个轮播图 swiper 组件：// swiper.wxml<swiper indicator-dots="true"> <block wx:for="{{imgURL}}" wx:key="*this"> <swiper-item> <view class="swiper-item {{item}}"></view> </swiper-item> </block>原创 2020-11-11 09:56:43 · 1618 阅读 · 2 评论 -
JavaScript 案例之 手风琴特效（jQuery实现）
今天学习了jQuery，突发奇想自己动手做一个手风琴特效，这个特效在开发过程中最困难的就是布局，至于jQuery特效的实现还是比较简单的。话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...原创 2020-04-06 21:21:44 · 858 阅读 · 0 评论 -
JavaScript 案例之 楼梯滚动特效（jQuery实现）
想必大家都用过京东，在京东首页里面有个很常见的特性：就是 ** 楼梯特效 **。原创 2020-04-03 00:17:00 · 659 阅读 · 0 评论