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