- 博客(17)
- 收藏
- 关注
原创 react+node实现拖拽排序列表
前端拖拽排序之后点击排序同步,向服务端传入排序结果顺序,服务端首选查询出数据库当前排序数据,通过生成变动模型的方式查询出变化的数据进行update操作。,增加数据需要为idx赋值为idx列的 最大值+1,删除数据则需要将idx大于当前值的列进行 当前值 -1 的操作。最近在搞dataV可视化轮播大屏项目,发现大屏链接多起来在数据库维护就很麻烦,急需一个操作界面来进行管理。服务端采用express+mysql的方式,数据库查询使用sequelize框架。操作主要分为数据变动和顺序变动。......
2022-08-18 17:38:26
433
原创 node用户权限管理设计
大部分管理系统都区分了很多模块,因各部门之间分工协作展示内容和所用功能都不同,所以一个健壮的后台管理项目离不开权限管理,本文旨在小白也可以通过+搭建一个简单的用户权限管理系统。......
2022-08-18 15:43:57
3416
1
原创 js多图预加载以及显示进度
在网页中如果有多个图片并且体积较大的情况下,加载页面就会出现图片一张张显示出来参差不齐的问题,这往往很不美观而且影响用户体验。这时我们可以用loading页加进度条的方式对图片进行统一加载。先上效果图这里我只加入了简单的进度条仅做演示。实现方案框架用的是vue,进度条用了下element的。实现非常简单,以vue举例只需用到 percentage(进度)、progressShow(进度条显示控制)、imgList(原始图片数组)、readyImg(加载完成图片数组)四个参数。在页面加载时调用图
2021-09-01 14:31:56
876
原创 微信小程序音乐播放列表
前言需求来了:现需要一个选择音乐的列表,因为数据较多采取异步加载,需要有试听功能。稍加思索作出如下页面(样式简陋大家仅供参考哈)。api参考微信开放文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/AudioContext.html一、页面部分首页实现又上角的音乐播放暂停按钮:创建一个圆形的小音乐图标定位到页面的右上角用css动画让他旋转起来暂停效果我们用css的animation-play-state来实
2021-03-27 14:06:21
2116
1
原创 微信小程序获取当前位置及地图选点功能
标题小程序获取当前位置----逆地址解析----地图选点实现功能:小程序首页定位当前城市类似于某宝:某团:获取当前位置:在小程序首页创建getLocation函数并在onLoad调用首先需要引入腾讯位置服务的 微信小程序JavaScript SDK1.申请开发者密钥(key):申请密钥2.开通webserviceAPI服务:控制台 -> key管理 -> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存(小程序SDK需要用到webserv
2020-10-12 18:18:00
4365
原创 js实现轮播图背景色随之渐变的效果(小程序版)
业务场景当前公司有这么一个需求:banner背景色随着滚动渐变的效果例如:网易严选App首页的banner问题分析实现这个效果我当时规划了两个方案利用层级和css的opacity属性实现计算RGB色值的方式实现我选的是第二种实现方式,相对来说就是比较简单的实现原理就是利用banner过渡事件的event值的dx属性计算出一个0~1的比例值,然后用计算出的比例值再算出新的rgb色值下面上代码: (我当前写的是小程序版本,H5 js可以直接复用只需改一下wxml部分)WXML部分轮播图
2020-09-15 11:40:56
1859
3
原创 H5移动端开发输入框光标总会跳到末尾问题
程序猿的疑惑有这样一个简单的需求:用户充值话费,在输入框里输入手机号。但是就是这样一个简单的需求确有一个烦人的bug,当点击手机号中间任意位置执行删除时光标会自动跳转到末尾位置,用户体验极差。光标位置的控制解决这个问题需要用到光标位置的控制HTMLInputElement.setSelectionRange()使用方法:element.setSelectionRange(selectionStart, selectionEnd [, selectionDirection]);selectio
2020-07-17 10:41:21
2171
原创 小蓝书项目总结
小蓝书商城APP,年轻人的潮流生活方式,在这里发现所有你想要的。完整的用户成长体系、商城服务、会员特权、积分系统为您带来不一样的商城体验!获取微信运动数据获取微信运动数据之前应该先跟用户询问权限,创建函数用于读取用户的微信运动数据在第一次访问时提醒用户授权,用户用户如果确定则获取用户微信运动数据,否则提示用户必须授权才能获取微信运动数据,并提示获取数据因为微信对返回数据进行了加密,所以我们需要调用云函数进行解密操作云函数:只需直接返回数据即可自动解密同步微信运动数据创建Growt.
2020-05-28 21:50:15
307
原创 微信小程序开发入门基础
微信小程序开发项目结构首先我们需要安装微信开发者工具并创建项目项目结构如下组件使用在index.wxml中可以使用微信小程序提供的组件并可以在模拟器中展示在index.wxss中可以给index.wxml的组件添加样式在index.js中可以给组件添加动态属性和事件修改data里的属性值需要用到setData请求数据需要在onLoad钩子函数中写入request事件并写入路径和回调函数...
2020-05-26 22:11:12
217
原创 vue面试知识点总结
指令、插值插值、表达式指令、动态属性v-html:会有xss风险、会覆盖子组件computed和watchcomputed有缓存,data不变则不会重新计算watch如何深度监听watch监听引用类型,拿不到oldvalv-if和v-showv-if如果没有达到条件则不会有这个元素而v-show只会用display:none隐藏循环(列表)渲染如何遍历对象?—也可以用v-forkey的重要性。key不能乱写(如random或者index)v-for和v-if不能一起使用
2020-05-10 19:03:24
200
原创 vue项目部署优化
如果项目需要进行优化那么开发阶段和上线阶段的环境可能不一样,所以我们需要把入口文件分开。1.首先我们需要创建两个入口文件prod_env.js 和 dev_env.js然后在这两文件中拷贝原入口文件main.js里的内容2.项目根目录下新建 vue.config.js编写如下代码module.exports={ chainWebpack:config=>{ ...
2020-04-29 14:39:50
246
原创 element中upload组件中的确认删除问题
element中upload组件中的确认删除问题问题原因<el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple> <i class="el-icon-upload"></i> <div cl...
2020-04-24 12:44:08
2542
1
原创 Nodejs中的异步编程
什么是异步同步和异步的概念在很早就有了,同步就是在做一件事的时候只有做完才能做下一件事,而异步就是做一件事的同时还可以做其他的事,就比如你吃饭的同时顺便把网课放一边。为什么需要异步当然是提高效率了,现在对程序越来越大,CPU和内存对压力也越来越大,异步可以让电脑同时处理多个事务,所以需要异步编程。案例这里我们以读取文件的一段代码作为案例现在文件夹里有a,b,c三个txt文件,我们需要读...
2020-03-11 17:23:31
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人