vue仿word表单录入demo
vue仿word表单录入demo
vue自定义全局css样式loading组件.zip
vue自定义全局css样式loading组件,1、不用gif图片,直接用css样式实现进度条效果
2、用js文件将组件vue进行封装,封装两个全局方便,打开和关闭
3、main.js引用定义的js文件,实现全局引用
vue自定义无限级权限树组件.zip
1. 通过递归,组件套组件,无限套娃实现无限层级
2. 各节点增加input type=‘checkbox’,实现打勾
3. 每次点击子节点通过最上层父组件更新数据,因为涉及到循环嵌套,不能只调用本组件的父组件操作,每个组件通过属性记录最上层父组件,这样不管哪级组件都可以调用最上层父组件的方法
4. 组件要做成2个,一个树视图XTreeView,一个t树项目Xtree,具体引用的是树视图,树视图循环嵌套XTree
5. 勾选节点时,同步更新该节点的所有子节点,因此更新也涉及到了递归
Vue自定义日期输入框组件.zip
实现思路 1、显示部分为一个输入框和一个下拉选择按钮,父级是一个div容器,采用 display:flex;justify-content: space-between;让两端靠边对齐
2、下拉选择按钮用css画一个向下的三角形
3、显示部分的下方放置一个div,上级div样式为display:flex;flex-direction: column;使其能够纵向排列,该div样式设为position: relative;下面放置一个日历组件,样式设置为position: absolute;
4、点击下拉选择按钮(倒三角形)时,显示日历组件,并添加全局click事件,click事件的作用是不管点击在哪里都关闭日历组件,当点击日历区域时,要进行阻止冒泡处理,不然就会响应到全局click事件,将日历组件关掉了
5、用v-model实现数据双向绑定
vue自定义ComboBox下拉框多选组件.zip
用途:一般用于系统管理中多选角色,涉及 1、css样式:flex布局,postion之absolute,relative,画三角形 2、input checkbox类型的 v-model 双向绑定 onchange事件 3、数组过滤及循环遍历 4、子组件向父组件传值
vue自定义导航菜单组件.zip
一般用于后台管理系统的导航菜单,附源码,有兴趣的朋友可以参考自行修改,涉及到知识点:1、flex布局,用好flex,能够解决布局的大部分问题2、鼠标经过改变子元素样式3、鼠标经过改变父元素样式4、动态修改class5、css画三角形6、数组数据过滤
Vue仿浏览器缩放比例组件.zip
Vue仿浏览器缩放比例组件,涉及深度监听,子组件与父组件通信,数组indexOf
Vue时间轴组件.zip
Vue时间轴组件,用于显示升级日志,实现原理:主要区域分为两块,时间区和内容区,时间区是画一个圆点和显示一个时间,内容区左边一个竖线和文字显示,然后做一下循环,将每个日期的数据显示出来,布局采用flex布局,用好flex布局,真的可以一把梭
vue自定义开关组件.zip
vue自定义开关组件,初学者可以作为参与实现做一个精美的组件
vue路由及子路由实现管理后台基本框架
主要是讲路由及子路由的实现,后台框架只是示意,包括登录页面,首页,用户管理
vue自定义全局弹出询问框、输入框、提示框、toast.zip
vue自定义全局弹出询问框、输入框、提示框、toast,main.js引用后全局使用,涉及遮罩层样式,自定义组件,子组件套用组件,子组件调用父组件方法,组件属性监听,输入框默认获得焦点,输入框数据双向绑定、组件注册
vue自定义弹出式菜单PopupMenu(自适应屏幕点击位置)
自定义弹出式菜单组件,其实就是在鼠标点击位置弹出一个绝对位置的div层,因为弹出菜单的使用场景会比较多,考虑封装成组件方便以后调用,减少重复开发。
vue自定义弹出询问框、输入框、提示框(附源码及演示视频).zip
自定义属于自己的弹出窗,涉及到技术点:遮罩层样式,自定义组件,子组件套用组件,子组件调用父组件方法,组件属性监听,输入框默认获得焦点,输入框数据双向绑定,适合初学者研究学习使用
Vue极简代码实现自定义可编辑行及功能按钮的Table表格组件.zip
封装HTML的Table,可直接编辑单元格内容,光标失去焦点时更新表格数据,利用slot插槽绑定操作按钮(编辑,删除、分享等),涉及到技术点包括:父组件给子组件传值、refs 对DOM进行操作,slot具名插槽的使用,插槽通过slot-scope给父组件传值
纯VUE递归实现树形菜单且单选变色.zip
vue树形结构,不限层次,单选变色,返回选中id,name, 涉及到自定义组件,子组件调用父组件方法,DOM操作
django+mysql+vue从零开始到上线一个Demo下载网站(前后端完整源码).zip
涉及技术要点:django: 安装,如何创建一个项目,如何创建一个应用,如何连接mysql数据库,如何通过model对数据库同步, 模型定义(数据库增删改查)、视图定义(接收网络请求)、JSON序列化及反序列化; vue: css样式、 flex布局、vue模板语法、 vue生命周期、vue路由及传参、页面跳转、 组件属性及监听、route-view主子组件通讯、JSON对象操作、深拷贝; nignx: 配置发布网站
vue实现一个Demo下载网站(纯前端).zip
本demo运用vue技术完成前端的各种交互,如数据绑定,列表显示,点击事件,页面跳转,页面间传参,数据处理,图片显示,涉及知识点包括:css, flex布局,公共样式,js引入,vue语法,vue路由,对初学者有一定的帮助
python+Selenium 实现自动化查询问财数据及下载Excel并存入到mysql.zip
python+Selenium 自动化查询问财数据,自动导出Excel,操作excel并将数据存入 mysql, 用于后期的数据分析,适用于量化交易的朋友
QT C++相关例子demo.zip
例子程序包括UI窗体,基础控件(输入框,日期控件,下拉组件,列表组件,树形组件,列表组件,表格组件),容器,文件操作,图形,echart图表,数据库,多线程,网络,多媒体等
WINDOWS下鼠标移动获得句柄(句柄id+html颜色值).zip
鼠标移动获得句柄工具,可以获得光标停留所在控件句柄id,html颜色值等
错题本:微信小程序源码,对错题实现拍照,图片裁剪,图片涂鸦,分类归纳,打印导出,适用于小学、初中、高中各科纸制错题管理
适用于小程序初学研究、从事教育相关应用开发参考、或家有小孩在读书,网上类似的app或小程序不满足需求,或担心数据的存储问题,本小程序只提供了前端的代码,前端的交互都已经全部实现,后端可根据自己的需求自己实现,因为小程序是纯前端源码,用微信开发者工具直接打开即可使用,容易上手,可以花更小的精力打造属于自己的小程序。