基于 vue+element ui 的cdn网站(多页面,都是各种demo)

news/2024/5/10 4:08:30/文章来源:https://blog.csdn.net/weixin_30367945/article/details/95160744

前言:这个网站持续更新中...,有网上预览,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/fonts/element-icons.woff
https://unpkg.com/element-ui@2.4.7/lib/theme-chalk/fonts/element-icons.ttf
https://unpkg.com/element-ui@2.4.7/lib/index.js

这里就贴图展示一下(ps:图片可能不是最新的,建议直接看网站):

一、关于我

关于网站:致力于将平时自己用到的记录下来,形成demo...查看源码请到github,喜欢记得star哦

 

二、表格相关

1、所有的打印数据,均在打印区里。 表格上是否有钱这列是el-checkbox,绑定了v-model

 2、同样借用element官网上的demo数据,但是和官网上的不同

 

 

三、弹出框相关

1、每个弹出框都是独立的,可多次弹出,并且可以自定义html,使用vNode,同时支持传参

 

四、其他

1、这是页面1, 测试从当前页面跳到另外一个页面(使用window.location.href), 然后点返回按钮回到当前页面,经测试会刷新页面

2、复制到剪贴板,有格式的、自定义的都可以

 

 3、滚动条固定在可视区域

 

 

五、时间控件

1、时间控件选择年月日时分,时间控件不可输入 

 六、Form表单

1、两种小写转大写的方式

 七、组件

 1、vue的组件,这里实现父子组件的数据双向绑定

八、上传文件

 

未完待续...

转载于:https://www.cnblogs.com/yuxiaole/p/9360514.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_764136.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Zabbix监控Low level discovery实时监控网站URL状态

今天我们来聊一聊Low level discovery这个功能,我们为什么要用到loe level discovery这个功能呢? 很多时候,在使用zabbix监控一些东西,需要对类似于Itens进行添加,这些items具有一些共同特性, 如果说某些特…

P9架构师讲解从单机至亿级流量大型网站系统架构的演进过程

阶段一、单机构建网站 网站的初期,我们经常会在单机上跑我们所有的程序和软件。此时我们使用一个容器,如tomcat、jetty、jboos,然后直接使用JSP/servlet技术,或者使用一些开源的框架如mavenspringstructhibernate、mavenspringspr…

让你高效工作的7大工具类网站

一 Smallpdf——最好的PDF在线无损转换工具 对于专业的 PDF 工作者或 PDF 的重度使用者来说,目前比较流行的几款PDF处理工具,包括著名的Adobe acrobat原版工具以及国内流行的福昕PDF处理套件。但是对于普通的学生党和上班族来说,平时都是用PD…

网站如何防止sql注入攻击的解决办法

首先我们来了解下什么是SQL注入,SQL注入简单来讲就是将一些非法参数插入到网站数据库中去,执行一些sql命令,比如查询数据库的账号密码,数据库的版本,数据库服务器的IP等等的一些操作,sql注入是目前网站漏洞…

从团购网的漏洞看网站安全性问题

自从9月份在同事推荐下在某团购网买了一份火锅的套餐后,就迷上了,几乎每天必去浏览一遍,看看有什么又便宜又好吃的。元旦期间当然也不例外,1号那天上午,看到了XXX团购网的“VIP会员0元领红包”活动,0元&…

社会工程学攻击之网站钓鱼

前言网络给了我们方便的同时,但也并不总是那么美好。还记得邀请苍蝇到它的客厅做客的蜘蛛吗?还记得帮助蝎子渡河的乌龟吗?这些故事都包含了猎物的天真和猎手的肮脏。互联网也是如此,其中中充斥着诱惑的陷阱、阴暗的角落、恶意的行…

[技术分享] 20110803,Web 代理客户端通过 TMG ISA 不能访问新浪微博等网站

Web 代理客户端通过 TMG/ISA 不能访问新浪微博等网站,Web 客户端返回错误:" Error Code: 502 Proxy Error. The request is not supported (50)”。 这类问题一般是由于网站回复的数据是压缩的所导致。遇到此类问题,您可以尝试以下方法…

网站建设流程图

网站建设流程 网站建设包括域名注册查询、网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等,这里用一张图概括了网站建设的基本流程,需要的朋友可以参考下, 常见的前端产…

收藏网站制作常用经典css.div.布局.设计实例打包下载2

点击下载:多功能导航Demo.rar 点击下载:发一个选项卡动态增删的效果.rar 点击下载:仿yahoo的特色服务内容切换效果.rar 点击下载:给图片加上边框[1].(仿胶卷).rar 点击下载:国外网站的一个效果.rar 点击下载&#xff1…

协助用户搜寻您的网站 { 创建一个OpenSearch }

导言 现代浏览器其中一个最美好的特点, Microsoft Internet Explorer 和 Mozilla Firefox 的浏览器右上角有一个搜索栏在。有了这个工具,您可以很快的进行搜索任何数目的网站,无须首次访问他们的搜索页。 如何搜索您的网站是存在一个XM…

大型网站技术架构(六)网站的伸缩性架构

2019独角兽企业重金招聘Python工程师标准>>> 网站系统的伸缩性架构最重要的技术手段就是使用服务器集群功能,通过不断地向集群中添加服务器来增强整个集群的处理能力。“伸”即网站的规模和服务器的规模总是在不断扩大。 1、网站架构的伸缩性设计 网站的…

《Flash建站技术》系列6-LoadVars数据提交与表单处理

1.LoadVars vs getURLsend()getURL有很多的限制&#xff0c;LoadVars则弥补了这一点Flash时间轴脚本:<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />System.useCodepagetrue;signBtn.onReleasefunction(){var formVars:LoadVar…

C++在线编程网站

1、推荐 https://wandbox.org/ 2、https://www.tutorialspoint.com/compile_cpp_online.php 3、https://www.anycodes.cn/#/OnlineCode 4、https://tool.lu/coderunner/ 测试&#xff1a; #include <iostream>using namespace std;int main() {cout<<"input s…

我记录网站综合系统 -- 技术原理解析[11:ActionProcessor流程-wojilu核心]

这篇文章不是专门讲数据缓存的&#xff0c;但是这里有大量缓存内容&#xff0c;wojilu的缓存系统近期升级了&#xff0c;可能我的理解不是最正确的。 改日将会写专门的缓存文章。 源代码位置&#xff1a;\Web\Mvc\Processors&#xff1a;ActionProcessor.cs Config -> wojil…

大型网站的高可用分析

本文主要分析网站的高可用性&#xff0c;从应用需求、用户角度展开分析。 1.1 高可用性 “高可用性”(High Availability) 通常用来描述一个系统&#xff0c;经过特殊设计&#xff0c;减少停止服务的时间&#xff0c;从而使其服务保持高度的可使用性。 计算机系统的可靠性用平均…

网站安全技术—预防脚本攻击

阅读目录 一&#xff1a;脚本攻击 二&#xff1a;模拟脚本攻击 三&#xff1a;运行效果 四&#xff1a;预防脚本攻击的主要方法 一&#xff1a;脚本攻击 脚本攻击是指将恶意的字符插入到网页中来&#xff0c;浏览器无法验证这些插入的字符&#xff0c;并且会将它们作为网页的一…

We7网站群的共享机制

2019独角兽企业重金招聘Python工程师标准>>> 1.独立部署共享服务器 独立布署共享服务器 共享服务器作为一个独立的服务&#xff0c;允许布署在不同的物理服务器上&#xff0c;从而满足更大负载与更佳性能的要求。 技术支撑&#xff1a;信息打包技术 信息通过数据…

windows server 2008 配置1个服务器多个网站

简略&#xff1a;创建网站的三种虚拟技术&#xff1a;①多IP地址&#xff1b;②一个IP地址多个端口号&#xff1b;③主机头名。1、多IP地址架设多个网站 增加另一个网站&#xff1a;测试成功运行两个网站&#xff1a;2、同一IP地址 多端口3、同一IP地址 不同主机名增加域名…

详细的图文介绍如何利用XAMPP本地建站的环境配置教程

原文:详细的图文介绍如何利用XAMPP本地建站的环境配置教程WordPress 是一个简便快捷&#xff0c;用途广&#xff0c;人气旺的一个开源的博客建站程序。很有很多等您去发现。 简便快捷&#xff1a;在性能上易于操作、易于浏览&#xff1b; 用途广&#xff1a;可以建博客&#xf…

ExtJs学习网站

为什么80%的码农都做不了架构师&#xff1f;>>> ExtJs 入门教程: http://www.cnblogs.com/iamlilinfeng/archive/2012/12/31/2840663.html Sencha Docs 脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta) http://extjs-doc-cn.github.io/ext4api/#!/api/Ext ExtJs云盘下载…