小程序分页实践:编写可复用分页组件|小程序项目中遇到 tab切换列表,每个tab都需要分页的需求,分页流程具有相似性,于是想将分页封装为组件,方便应用。
组件的应用已写成一个小demo,效果如下图所示(数据用mock模拟):
源码可以查看:wxapp-pagination
项目需求具体项目需求:
查看自己相关的会议(页面命名为 meet ...
阅读更多
基于Vue实现后台系统权限控制|vue 权限管理需求分析基础需求项目的基础需求是:
系统管理员拥有最大权限,管理所有企业;
企业管理员拥有该企业所有权限,可下放权限给子账户;
子账户拥有限制权限,且可被随时更改。
根据权限列表展示隐藏相对应菜单栏、按钮等。
我们在登录后,将获取到的用户权限保存到本地缓存中,以便每次方便获取权限,判断权限。
...
阅读更多
PHP项目实践 RBAC权限管理|php rbac基本概念RBAC(Role-Based Access Control,基于角色的访问控制),用户通过角色与权限进行关联。
一个用户可以拥有多个角色,每个角色拥有若干个权限,每个权限对应相关操作行为,实现“用户(User)-角色(Role)-权限(Rule)-行为(Action)”的授权模型。
实体关 ...
阅读更多
using-requestAnimationFrame
实现数字从0增长,每帧增长1的速度,直到100
let startValue = 0;
let endValue = 100
let request = null
function animate () {
startValue += 1
console.log(startVa ...
阅读更多
音频组件开发实践|vue audio最近公司迭代的项目中,新增了音频播放功能,填了不少音频的坑,总结一下:
需求:交互需求:
上传:点击按钮上传语音,返回文件id(上传文件的范畴,本文不会阐述)
播放:点击播放按钮,异步获取语音播放src,音频载入之后播放
操作:语音支持播放、暂停、停止、进度拖动等操作
当然还有一些隐性需求:
...
阅读更多
javascript 面向对象编程|OOP javascriptJavaScript是不是一门严格意义上的面向对象的语言,它并没有提供类的方法。它是使用 原型继承 而不是类继承达到面向对象的效果。(在 ES2015/ES6 中引入了class关键字,但只是语法糖,JavaScript 仍然是基于原型的)。
什么是面向对象面向对象语言的三大特性:
封装(Enca ...
阅读更多
智能外呼平台项目实践总结|vue project前言今年五月份开始,公司开始构建一套新的项目,用于企业智能外呼的配置。该项目我承担的角色是:项目的搭建、核心功能的实现以及疑难问题的解决,在一步步完成的过程中,学习并实践了非常多,故写此文总结。
话术树的实现该项目最核心的功能是就实现话术树(该功能已经封装成组件)。什么叫话术树,就是企业运营人员可以 ...
阅读更多
webpack 4 :从0配置到项目搭建|webpackwebpack4发布以来,我写项目都是用脚手架,即使再简单的项目,真的是really shame。。虽然道听途说了很多 webpack4 的特性,却没有尝试过,因为它给人的感觉就是,em…很难。但是今天我从最简单的部分开始,一点点搭建起一个项目。
0配置,配置了什么让我们从0开始,新建一个项目,在终 ...
阅读更多
react + socket.io 创建简易聊天室|react-socket.io
本文介绍用 socket.io + React开发的一个简易聊天室。适合socket.io 入门学习。
功能点:实现效果如下图所演示:三个用户分别进入聊天室,聊天室即时通讯,最后分别离开聊天室。
计算在线用户
用户登录加入后进入聊天室,通知其他在线用户新成员的加入
用户发送消息,信息列表展示 ...
阅读更多
拖拽组件:React DnD 的使用|react学习 React DnD 的最初原因是阅读《如何写一个拖拽日历组件》附的源码时,看不懂拖拽组件 React DnD 的相关代码,于是行动力极强地学习了React DnD这个组件。
本文会通过 在根组件(Contaier.jsx)展示将垃圾(Box.jsx)扔进垃圾桶(Dustbin.jsx)的例子 ...
阅读更多