前言:这个网站持续更新中...,有网上预览,github上也有源码,喜欢记得star哦,欢迎留言讨论. 网站地址:我的个人vue+element ui demo网站 github地址:yuleGH github (喜欢记得star哦) 附:element ui 文件下载地址 https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/index.css https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/

基于Flask框架搭建视频网站的学习日志(三)1.原始Web 表单 本节主要用于体验一下前端后端直接数据的交互,样例不是太完善,下一节会加入Flash处理,稍微完善一下页面 (备注:建议先阅读廖雪峰老师的博客,MVC:Model-View-Controller,中文名"模型-视图-控制器") 负责HTML页面数据采集,通过表单将用户输入的数据提交给服务器.(Flask-WTF扩展封装了WTForms,并且有验证表单数据的功能,这样就可以少写很多验证输入数据的代码,比如判断两次输入的密码

基于Vue的前端框架有很多,这几年随着前端技术的官方应用,总有是学不完的前端知识在等着我们,一个人的精力也是有限,不可能一一掌握,不过我们学习很大程度都会靠兴趣驱动,或者目标导向,最终是可以以点破面,逐步掌握各种前端知识的.本篇随笔主要以实际应用场景为例介绍一些Vue前端技术的拓展,供大家参考学习.

基于VUE框架的基本描述 与 其他框架间的基本对比 2018-11-03  11:01:14 A B React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式 (Reactive:其特点是异步或并发.事件驱动.推送PUSH机制以及观察者模式的衍生)  和组件化 (Composable: 其特点是能够被组成(来自多个较小的元素)) 的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. 1. 运行时性能 React

------------恢复内容开始------------ 基于Flask框架搭建视频网站的学习日志(一)2020/02/01 一.Flask环境搭建 创建虚拟环境 初次搭建虚拟环境 搭建完虚拟环境以后,安装flask(每次都要在虚拟环境下运行flask,也就是说,如果关键或者在cmd中exit了,就要重新进入虚拟环境) 安装flask:pip install flask 如果网速不够快,cmd就会报错(他经常干这种破事),这时候就要用镜像来加速 清华源加速看这里 安装完以后,在cmd输入 p

基于Flask框架搭建视频网站的学习日志(二)2020/02/02 一.初始化 所有的Flask程序都必须创建一个程序实例,程序实例是Flask类的对象 from flask import Flask app = Flask(__name__) Flask 类的构造函数Flask()只有一个必须指定的参数,即程序主模块或包的名字.在大多数程序中,python的__name__变量就是所需的值.(Flask这个参数决定程序的根目录,以便稍后能够找到相对与程序根目录的资源文件位置)--<Flask

简单编写一个vue插件,当点击时触发notify插件,dom中出现相应内容并且在相应时间之后清除,我们可以在根组件中设定通知内容和延迟消失时间. 1. 基础知识 我们首先初始化一个vue项目,删除不需要的组件和样式,主要针对src下一些初始化资源,有过vue项目基础的应该很容易理解,如果没有vue基础建议先熟悉每个初始化文件的作用. 关于vue中如何开发插件可以直接看vue官方文档,简单了解插件开发过程,vue插件文档. 现在我们在src目录下新建一个plugin文件夹,里面存放要开发的插件no

目录 iview提供的控件 手写控件 手写控件扩展 手写控件总结 # 加入战队 微信公众号 主题 Tree树形控件在前端开发中必不可少,对于数据的展示现在网站大都采取树形展示.因为大数据全部展示出来对于用户来说是不友好的.今天我们自己手写一个Tree插件. iview提供的控件 iview已经很成熟了,如果说我写的控件和iview提供的控件谁更好,那肯定是选择iview , 手写控件只是为了更好的了解vue父子组件之间的通信的. 请读者还是不要拿我的控件和iview或者其他第三方的去对比.下面我

1.环境配置 Windows10+Eclipse2020+jdk8+Tomcat9+MySQL8+Navicat10 2.需求分析 ①用户登录注册注销(查找.增加) ②显示用户列表(查找) ③显示用户信息(查找) ④编辑用户信息(修改) ⑤删除用户(删除) 3.目录结构 说明: ①在创建动态网站项目时需要勾选生成web.xml文件,如下图所示. ②User类对应数据库(数据库名:mydb)中的一张表(表名:tbusers),如下图所示. ③DBHelper工具类(用于连接.打开和关闭数据库) ④

初始化项目 yarn add init 安装vue yarn add vue 安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器) yarn add webpack webpack-dev-server 安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5 yarn add babel babel-core babel-loader babel-preset-es2015 用来解析vue的组件,.vue后缀的文件 y

这次遇到的一个问题困扰了我很久很久,大致就是vue路由的addRoutes方法的使用,每次在调用了这个之后router对象中并没有将路由添加进去,接下来,我一步一步的分析原因及解决方法(个人见解,仅供参考) (1)先看看我的失败的代码 ​ store.getters.addRouters我存在vuex中,但是实际是存于session中的,所以刷新后是不会丢失数据的 ​ 在app.vue的mounted输出this.$router对象,发现options.routes数组并没有将动态路由添加成功,

1.mouseup事件丢失 查看了网上资料,造成mouseup事件丢失有两种原因: (1)触发了浏览器的drag事件 (2)由于鼠标离开了操作的区域,触发了mouseleave事件导致mouseup丢失 解决办法: 针对第一种情况:阻止系统默认操作防止drag被触发 在@mouseup或v-on:mouseup后面加上.prevent阻止默认操作,和.stop阻止事件冒泡(此方法是根据网上原生js改写,还没有实践) 同时记录下网上的的原生解决办法 ​ 第二种情况: 由于鼠标是移出了操作范围而丢失

使用Flask-SQLSlchemy管理数据库(1)--初步安装调试 一.介绍: Flask-SQLSlchemy是一个Flask扩展,简化了Flask中对sql的操作,是一个高层的框架,可以避免直接接触SQL语言,就是传说中的ORM技术:Object-Relational Mapping,把关系数据库的表结构映射到对象上. 二.安装: (仅供参考,我即在cmd里面安装了,又在pycharm的settings里面也装了,应该是正解吧 吧 吧:) cmd:pip install flask-sql

介绍:spring+springmvc+mybatis三大框架,mysql数据库 功能结构图: 效果截图: 数据库表: CREATE TABLE `t_admin` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(100) DEFAULT NULL, `password` varchar(100) DEFAULT NULL, PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCREMENT=2

当然不乏有很多下拉刷新的插件可以直接使用,但是自定义程度不强,大部分都只能改改文字,很难满足设计师的创意,譬如淘宝和京东首页那种效果,就需要自己花心思倒腾了,最近刚好有这种需求,做完了稍微总结一下,具体看源码即可. 思路 touchstart 记录开始位置 touchmove 判断上拉.下拉(暂时只用到了下拉) touchend 根据下拉.上拉位置判断是否达到下拉刷新.上拉加载更多 @scroll.passive="onScrollFn($event)" 记录屏幕滚动,用来处理上滑时h

(一)关于computed修改data里变量的值 问题:computed里是不能直接修改data里变量的值,否则在git commit 时会报错 解决:在computed里使用get和set来进行获取和修改data变量,(参考下图) ​ (二)computed里监听数组的变化 问题:computed里返回一个数组,但是在进行交换数组里两个元素的位置不能触发computed的更新(视图不能更新) 解决:使用this.$set修改数组的值 this.$set(arr,index,val),arr是指

参考: https://blog.csdn.net/u012377333/article/details/52326158 1.前端中所有的按钮,点击后发送报文的标签,都必须加上 去重功能.防止重复发送信息(有的信息重复发送是有很大问题的,比如金融中的借钱,发送1次,发送多次,金额是会累加的.客户明明是借了1次,但是账户上显示金额很多,肯定会引发纠纷). 2.H5页面,对于需要前面页面的提供的参数 或 用户输入数据 的页面.一定要考虑  跳转页面后,回退页面的数据必须要保持不变.   跳转前将相

最近在用vue框架写一个app,这个是用到的日期格式转换,把下面的标准格式转换为字符串连接格式

项目需求:开发一套基于Vue框架的工程档案管理系统,用于工程项目资料的填写.编辑和归档,经调研需支持如下功能: Excel报表的导入.导出 PDF文件的导出 打印表格 经过技术选型,项目组一致决定通过表格组件SpreadJS 来实现.以下是实现Excel报表的导入导出.PDF导出.打印表格的一些思路,供大家参考: 环境介绍 1.后台:Spring Boot 2.x 2.前台:vue.vue-element.webpack.iview.Vuex.js 2.x 3.组件:SpreadJS V11 S

像VUE一样写微信小程序-深入研究wepy框架 微信小程序自发布到如今已经有半年多的时间了,凭借微信平台的强大影响力,越来越多企业加入小程序开发. 小程序于M页比相比,有以下优势: 1.小程序拥有更多的能力,包括定位.录音.文件.媒体.各种硬件能力等,想象空间更大 2.运行在微信内部,体验更接近APP 3.在过度竞争的互联网行业中,获取一个有效APP用户的成本已经非常高了,小程序相比APP更加轻量.即用即走, 更容易获取用户 开发对比 从开发角度来讲,小程序官方封装了很多常用组件给开发带来很多便

基于Vue的Quasar Framework 介绍 这个框架UI组件很全面 基于Vue的Quasar Framework 中文网http://www.quasarchs.com/ quasarframework/quasar: Quasar Frameworkhttps://github.com/quasarframework/quasar Quasar(发音为/kweɪ.zɑɹ/)是MIT许可的开源框架(基于Vue),可帮助Web开发人员创建:响应式网站PWA(Progressive Web