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