Create Vite App 支持 OpenTiny 啦🎉
大家好，我是 Kagol，个人公众号：前端开源星球。
一个月前，日日自新写了一篇介绍 Create Vite App 开源项目的文章：
基于vite 4.x 快速搭建开箱即用，高度可定制化模版脚手架
Create Vite App 是基于 esbuild + commander + ejs 模板渲染进行开发脚手架，用于创建 vite4.x typescript5.x vite 开箱即用模板，致力于打造不同框架，多种生态，开箱即用的脚手架。
支持各种插件以及不同组件库的可拔插式选择，来帮助你快速从0搭建web应用的脚手架。
当时还不支持 OpenTiny，现已完美支持 OpenTiny 组件库?
让我们来体验下吧！
对 OpenTiny 组件库的支持
根据 Create Vite App 的官网文档，只需要一行代码即可创建一个 Vite + Vue3 + TypeScript 工程，并可以配置丰富的功能，比如 Vue 路由、Pinia 状态管理工具、代码规范工具 ESLint / Prettier、UI 组件库、Vite 插件等。
npx create-vite-template@latest
从上图可以看到 UI 组件库列表中的第二个就是 TinyVue
选择想要的配置之后，会自动安装依赖，成功之后即可通过 pnpm dev 本地启动你的项目啦！
这是一个空项目，但已经具备了开发一个业务所需要的基础功能：
- pnpm 包管理器
- Vite 本地启动和构建
- Vue3 + TypeScript
- SCSS 样式
- Vue 路由
- Pinia 状态管理
- ESLint / Prettier 代码规范工具
- 一个称手的 UI 组件库：OpenTiny
你可以基于这个基础项目搭建自己的业务。
可能还差一个单元测试?
欢迎大家在评论区留言，你觉得 Create Vite App 还差什么。
和 Vite 的区别
Create Vite App 是基于 Vite 的，但在其基础上增加了很多业务开发中常用的工程化工具，不需要自己手动引入，可以节省搭建项目的时间。
Vite 创建出来的项目只有一个 Vite + Vue3 + TypeScript，没有其他功能，需要自己手动安装和配置。
和 TinyCLI 的区别
TinyCLI 是一个覆盖前端开发全流程的 CLI 工具，支持更加丰富的特性：
- ? 跨平台，兼容 windows、mac、linux 三个平台
- ? 插件体系，丰富的效率插件、可信插件、流程插件等，覆盖从开发->构建->发布的所有生命周期
- ? 开箱即用，结合丰富的经验沉淀出的项目开发最佳实践，提供基于主流业务场景的项目解决方案
- ⏳ 任务流机制，提供了比 npm scripts 更强大的任务流运行机制
- ? 自动升级，无需手动安装和升级插件，这一切都是自动化完成
比如以下命令可以创建一个基于 Vite + Vue3 + TypeScript + OpenTiny 的中后台系统。
tiny init vue-pro
包含登录鉴权、路由导航、布局切换、国际化、个性化主题、Mock 数据、响应式、状态管理等丰富的功能。
登录页：
看板页：
工作台：
相比 Create Vite App，支持更加丰富的功能，除了能创建中后台系统之外，还可以通过套件和插件为你的项目支持更丰富的功能。
详细可以了解 TinyCLI 官网：
http://opentiny.design/tiny-cli/
联系我们：
- 官方公众号：
OpenTiny - OpenTiny 官网
- Vue 组件库（欢迎 Star ?）
往期文章推荐
- ?我要做开源第二季20230414期：OpenTiny 初体验
- ?使用 TinyCLI 两行命令创建一个美观大气的 Admin 系统
- ?一个 OpenTiny，Vue2 Vue3 都支持！
- ?历史性的时刻！OpenTiny 跨端、跨框架组件库正式升级 TypeScript，10 万行代码重获新生！
- ?OpenTiny 的这些特色组件，很实用，但你应该没见过
相关文章
-
从零开始学VUE之Webpack(依赖环境NodeJs安装)
依赖环境依赖于Node环境,需要在Node环境上跑,在安装Node的时候,会自动安装npm包管理工具,用于管理Node的依赖环境NodeJs安装官网:http://nodejs.cn/下载确保版本大于8.0安装双击安装包点击下一步点击我同意,然后点击下一步选择安装位置,然后点击下一步直接点击下一步,默认会全部安装Node.jsruntime:Node.js运行时环境npmpackagemanager:node包管理器(也就是上面依赖环境提到的npm)Onlinedocumentationshortcuts:在线文档AddtoPATH:添加到环境变量PATH直接点击下一步点击安装等待安装完成点finish到此安装完成查看版本在cmd中通过node-v查看版本作者：彼岸舞时间：2021\06\07内容关于：VUE本文属于作者原创,未经允许,禁止转发
-
Leetcode 726. Number of Atoms
文章作者：Tyan 博客：noahsnail.com|CSDN|简书1.Description2.Solution解析：这道题还有优化的空间，这样写主要是逻辑清晰。1.把元素(多个字母)、数字(多个数字字符)、左右括号拆分开；2.计算元素的个数，如果元素后没有数字，则添加数字1作为元素个数；当碰到右括号时，查找其对应的左括号，并将其中的元素个数乘以括号后的数字，其后没数字，则默认乘以1；3.统计元素个数，相同元素个数相加；4.排序字典，按元素字母排序；5.构造返回结果字符串。Version1classSolution: defcountOfAtoms(self,formula): stat={} stack=[] parts=[] #Splitstringbyalpha,number,'(',')' forindex,chinenumerate(formula): ifch.isupper(): parts.append(ch) elifch.islower(): parts[-1]+=ch elifch.isdigit(): ifformul
-
通过异常处理错误（5）：异常的限制、构造器
参考链接：捕获基类和派生类为异常一、异常的限制 当覆盖方法的时候，只能抛出在基类方法的异常说明里列出的那些异常。这个限制很有用，因为这意味着，当基类使用的代码应用到其派生类对象的时候，一样能够工作（当然，这是面向对象的基本概念），异常也不例外。 下面例子演示了这种（在编译时）施加在异常上面的限制： classBaseballExceptionextendsException{}classFoulextendsBaseballException{}classStrikeextendsBaseballException{}abstractclassInning{ publicInning()throwsBaseballException{ } publicvoidevent()throwsBaseballException{ } publicabstractvoidatBat()throwsStrike,Foul; publicvoidwalk(){ } }classStormExceptionextendsException{}classRainedOu
-
pgsql 单机多版本的实验环境的搭建
实验的时候，我们通常需要运行多个版本的pg实例。 最近试用了下pgenv发现这个虚拟环境并不是很好用，pg自身的多实例更好用，具体方法如下：这里以我们编译安装好的pgsql11.5为例（其它rpm安装的pg也可以的）。我的pgsql原始安装路径在/usr/local/pgsql/目录下切换到postgres账户下su-postgres创建相关目录cd /usr/local/pgsql/ mkdir pg1 mkdig pg2复制初始化initdb -D usr/local/pgsql/pg1/ initdb -D usr/local/pgsql/pg2/复制启动pg：pg_ctl -D /usr/local/pgsql/pg1/ -o "-p 5433" -l /usr/local/pgsql/pg1/pg.log start pg_ctl -D /usr/local/pgsql/pg2/ -o "-p 5434" -l /usr/local/pgsql/pg2/pg.log start复制登录到PG./bin/psql -p 5433 ./b
-
记一次线程池调优经历
背景：最近的一个项目需要用到招标，临时加了给我们的系统增加了一个性能需求，多少呢？一秒钟300次NTP（不知道ntp的同学可以百度一下），平均3ms一次啊，没测试过，心里没有底。(⊙o⊙)…情境介绍：系统是一个时间服务器系统，客户端就是window系统，或者其他的一些服务器，来向时间服务器同步时间。默认的window会向这个time.winodows.com进行时间同步,当然你也可以换成其他时间同步服务器。划重点了：服务端NTP接口采用的是netty框架写的一个接口,netty想必大家都了解的吧，nio通信，性能超好的。测试代码是使用Executors.newFixedThreadPool写的客户端，10个线程数发送ntp包第一次测试数据库连连接池最大设置为40个，测试结果俩一秒钟28次，是的你没有看错，连十分之一都没有，怎么这么差劲啊达不到预期啊，不行啊，这不就达不到要求的了吗，得改啊，哪里改啊，怎么改啊？回到代码中去，顺藤摸瓜找到具体业务类，就是继承SimpleChannelInboundHandler的类，从头到尾打量了一下业务代码，发现业务主要是构造返回消息，记录日志。构造返回
-
而今的HTML5行业状态
HTML5学堂：必须要说，这是一碗心灵的毒药，我不想灌什么鸡汤，因为那些东西只能够暂时性的蒙蔽双眼。如果你想要了解真相，不怕被伤害，那请往下看，跟我一起干了这碗心灵毒药。HTML5行业当前如何？HTML5行业如何？利利一直都是喜欢以数据作为基本的依据，因此我们看看几组数据~~~就业需求量比对相关说明：2012~2013年期间，在就业需求高峰期时，需求量能够达到800左右，在低谷期，只有300~600不等。而在2014年的第四季度，（北京）有了飞速的增长；在飞速增长之后开始回落（2015年），而在今年，回归了一种较稳定状态。图注：2014年09月~2014年12月期间，由于自身工作比较忙，因此就没有跟进就业需求量的变化，这也就导致了数据的部分缺失。数据采集来源：智联招聘网；数据采集人：HTML5学堂-利利、堡堡、国荣采集时间：每周周三下午17:00；搜索关键词："WEB"；搜索类型：根据"职位"进行搜索，只选择当天发布的职位，进行统计数量；除过年前后以及节假日没有采集数据之外，其他所有周均进行了数据采集，并根据月度计算平均值。入职薪资比对相关说明：
-
八款常见的Android游戏引擎
大家好，又见面了，我是你们的朋友全栈君。 1、AngleAngle是一款专为Android平台设计的，敏捷且适合快速开发的2D游戏引擎，基于OpenGL ES技术开发。该引擎全部用Java代码编写，并且可以根据自己的需要替换里面的实现，缺陷在于文档不足，而且下载的代码中仅仅包含有少量的示例教程。最低运行环境要求不详。项目地址：http://code.google.com/p/angle/ 2、Rokonrokon是一款Android 2D游戏引擎，基于OpenGLES技术开发，物理引擎为Box2D，因此能够实现一些较为复杂的物理效果，该项目最新版本为2.0.3 (09/07/10)。总体来说，此引擎最大的优点在于其开发文档相当之完备，并且项目作者对反馈Bug的修正非常之神速，所以该框架的使用在目前也最为 广泛，有人干脆将它称为Cocos2d-iPhone引擎的Android版（业务逻辑和编码风格上也确实很像）。附带一提，国内某个需要注册会员才能下 载的Android游戏框架衍生于此框架，所以大家也不要刻板的认为收费便一定是好的，免费就一定不好。最低运行环境要求为Android 1.5
-
java微服务架构有哪些_漂浮服务区后端
大家好，又见面了，我是你们的朋友全栈君。 在本文中我们将主要研究目前主要的BaaS平台的功能，以及Google，Facebook，Apple等互联网巨头在BaaS领域的动作。同时我们也会关注国内一些主流BaaS平台的发展以及国内互联网巨头如百度，华为等在BaaS领域的投入发展。1.国外主流的BaaS平台 在BaaS领域，有几件事情值得关注：2013年4月，Facebook收购Parse； 2013年12月，Paypal收购stackmob; 2014年6月，苹果在一年一度的WWDC上发布了CloudKit； 2014年10月，Google收购Firebase。复制Parse,Firebase是BaaS领域里先驱和领头羊之一。初次之外，Kinvey，StackMob，Apigee,Appcelerator等也非常值得关注。我们将对这些主流BaaS平台的功能，架构特点进行分析，从而可以为我们设计自己的BaaS提供经验。我们对每个平台的分析按以下方式组织，介绍->架构->界面->功能->总结。然后我们在汇总一个表格对各平台进行对比分析。1.1Kinvey第一个介绍Ki
-
普华龙芯服务器系统U盘安装方法
准备工具 昆仑固件：Win7系统、UltraISO、系统镜像iso、u盘。 pmon固件：linux系统、系统镜像iso、u盘。 制作u盘启动 昆仑固件： 利用UltraISO打开iso，选择images下的iso，右击“提取到”，选择目录。将boot.iso提取出来，后面要用。 插入u盘，利用UltraISO打开iso，选择“启动”，“写入硬盘镜像”，写入方式选择“USB-HDD+v2”，点击“写入”。 完成后将系统iso镜像文件，放入u盘即可。 Pmon固件： 将u盘分为两个区，sdb1为1G，sdb2为5G，分别格式化为ext3。 挂载iso：mount-oloopiSoft-Server-OS-5.0-mips64el-201709011359.iso/media，将boot文件夹复制到sdb1中，将iso和iso下的images/install.img复制到sdb2下： mount/dev/sdb2/mntmkdir/mnt/imagescp/media/images/install.img/mnt/imagescpiSoft-Server
-
【codevs1049】
没被使用的ID谁都有可能会用到； 而当匹配后，自己的ID还可以和其他人的换时， 即并不能确定两个ID和两个名字的关系时，这两个人的ID均未知。 var w:array[1..20,1..20]ofboolean; ID:array[1..20]ofstring; nm,ans:array[1..20]ofstring; room2,used:array[1..20]ofboolean; r,tr:array[1..20]oflongint; N,i,j,p,tmp:longint; cc:char; ss:string; functioncheckname(s:string):longint; var i:longint; begin fori:=1topdo ifnm[i]=sthen exit(i); inc(p); nm[p]:=s; checkname:=p; end; functioncheckID(s:string):longint; var i:longint; begin fori:=1tondo ifID[i]=sthen exit(i); end; functio
-
mac使用minikube
brewinstallkubectl 需要加代理！ minikubestart--vm-driver=xhyve--docker-envHTTP_PROXY=http://your-http-proxy-host:your-http-proxy-port--docker-envHTTPS_PROXY=https://your-https-proxy-host:your-https-proxy-port 复制 k8s的一个好guide啊，分分钟上手 https://kubernetes.io/docs/tutorials/stateless-application/hello-minikube/ 在mac上操作，使用virtulbox的driver，如果用linux，可以使用kvm的driver，文档在上个链接中有跳转 curl-Lominikubehttps://storage.googleapis.com/minikube/releases/latest/minikube-darwin-amd64&&\ chmo
-
【翻译&转载】shader的导数函数介绍
原文链接：http://www.aclockworkberry.com/shader-derivative-functions/ 他人的翻译：http://blog.sina.com.cn/s/blog_7cb69c550102xvog.html 加上理解，一半照抄上面的博客 偏导函数，是fragmentshader中使用的指令函数，在HLSL中的是ddx(..)和ddy(..)，在GLSL中的是dFdx(..)和dFdy(..) ，分别对应x,y轴上，在屏幕空间中，像素块中各种变量的变化率。 上面这句话是由于ddx和ddy的重载，可以把偏导函数用于向量和矩阵上。 1.最典型的用法是写出flat着色的效果： 在fragmentshader中，我们如果调用ddx(Pos),和ddy(Pos)这个代表求出相邻的2个像素块之间坐标的差值，即下面图中的红色和绿色2个矢量，而这2个矢量都在这个三角形的平面上，那么执行normalize(cross(ddx(pos),ddy(pos)))就求出的面的法线，但是这里要注意，在HlSL上面，或者Unity上面要写成normalize(cross(dd
-
Bean拷贝也就这么点事了！
目录什么是深拷贝和浅拷贝浅拷贝实现方式使用拷贝构造方法使用Cloneable使用Setter方法深拷贝实现方式使用Cloneable序列化方式Json序列化/反序列化JDK序列化/反序列化手动使用Setter层层设置属性Bean拷贝工具Apache的BeanUtilsApache的PropertyUtilsApache的SerializationUtilsSpring的BeanUtilsSpring的BeanCopierMapStruct总结观众老爷求点赞 什么是深拷贝和浅拷贝 先来看一张图： 我们都知道对象的引用分配在栈上，对象的内存分配在堆上。 如上图所示，对象objB是对象objA的一个拷贝，objB只是在栈上重新分配了一个引用，但是实际指向的内存和objA是同一个，这就是浅拷贝；相反，如果objB除了在栈上分配了新的引用，并且在堆上也分配了新的内存空间，这就是深拷贝。 浅拷贝就是复制对象的引用，修改复制的对象会影响原来的对象；深拷贝就是新建一个和原对象“一模一样”的对象，但是他们在堆上占用不同的内存。 题外话：和深拷贝（DeepCopy）、浅拷贝（ShallowCopy）
-
延迟初始化Lazy
延迟初始化出现于.NET4.0，主要用于提高性能，避免浪费计算，并减少程序内存要求。也可以称为，按需加载。 基本语法: Lazy<T>xx=newLazy<T>();//xx代表变量名 举例实现: 首先创建一个Student类，代码如下： usingSystem; namespaceLazyTest { classStudent { publicStudent() { this.Name="DefaultName"; Console.WriteLine("调用Student的构造函数"); } publicStudent(stringName) { this.Name=Name; Console.WriteLine("调用Student(stringName)的构造函数"); } publicstringName{get;set;} } }复制 ViewCode 创建一个控制台程序，代码如下： usingSystem; namespaceLazyTest { classProgram { staticvoidMain(string[]args)
-
Collections.synchronizedMap 详解
众所周知，HashMap本身非线程安全的，但是当使用 Collections.synchronizedMap(new HashMap())进行包装后就返回一个线程安全的Map。 怎么实现的呢？今天比较有兴趣就看了 Collections.synchronizedMap的实现，发现其实还是比较简单的。 publicstatic<K,V>Map<K,V>synchronizedMap(Map<K,V>m){ returnnewSynchronizedMap<K,V>(m); }复制 synchronizedMap 当调用synchronizedMap后返回了一个SynchronizedMap privatestaticclassSynchronizedMap<K,V> implementsMap<K,V>,Serializable{ //useserialVersionUIDfromJDK1.2.2forinteroperability privates
-
集合容器笔记（持续更新）
Collection单列集合 List接口 迭代器iterator 因为Collection继承了Iterator迭代器，所以iterator接口提供了遍历Collection的接口。可以从一个Collection中使用迭代器方法来获取迭代器实例使用方法Iterator的接口定义: publicinterfaceIterator{ booleanhasNext(); Objectnext(); voidremove(); } 复制 其中: hasNext():判断容器内是否还有可供访问的元素next():返回迭代器刚用过的元素引用，返回Object，需要强转为具体的类型remove():删除迭代器刚越过的元素 使用方法代码如下: List<String>list=newArrayList<>(); Iterator<String>iterator=list.iterator(); while(iterator.hasNext()){ Strings=iterator.next(); if("HelloWorld".equals(s)){ ite
-
nginx配置域名和ip
原文链接：https://blog.csdn.net/axe6404/article/details/120918830 1、配置域名和ip同时访问，只需要配置 server_namelanxin.cn,locahost; 也就是制定server配置节里面的server_name，域名和localhost之间用逗号分隔就可以了。 2、多端口则需要将server复制多个，每个里面指定不同端口就好了。例如： server{#应用端口listen80;server_namelanxin.cn,locahost; …… ｝ server{#应用端口listen8899;server_namelocahost; …… ｝ 这样就开放了80端口和8899端口。域名和IP能够同时访问。———————————————————————————————————————————————————————————————————————————————————————————————— 原文链接：https://www.cnblogs.com/forheart/p/12945355.html 使用n
-
Web前端技术发展简史
1、静态页面阶段 那是1990年的12月25日，恰是西方的圣诞节，TimBerners-Lee在他的NeXT电脑上部署了第一套“主机-网站-浏览器”构成的Web系统，这标志BS架构的网站应用软件的开端，也是前端工程的开端。 1993年4月Mosaic浏览器作为第一款正式的浏览器发布。1994年11月，鼎鼎大名的Navigator浏览器发布发布了，到年底W3C在Berners-Lee的主持下成立，标志着万维网进入了标准化发展的阶段。 这个阶段的网页还非常的原始，主要以HTML为主，是纯静态的只读网页。 2、Javascript诞生及第一次浏览器战争 1995年，NetScape公司的工程师BrendanEich设计了javascript脚本语言，并集成到了navigator2.0版本中。随后微软也意识到了javascript的潜力，并模仿开发VBScript和JScript应用到了IE中，这直接开启了NetScape和微软的浏览器竞争。 由于微软的IE集成在windows操作系统上的优势，NetScape的navigator很快在浏览器市场上落于下风。于是他们把javascript提交
相关推荐
-
linux 常用命令之ls的格式和参数
ls命令就是list的缩写，缺省下ls用来打印出当前目录的清单，如果ls指定其他目录，那么就会显示指定目录里的文件及文件夹清单。 通过ls命令不仅可以查看linux文件夹包含的文件，而且可以查看文件权限(包括目录、文件夹、文件权限)，查看目录信息等等，ls命令在日常的linux操作中用的很多，在此先给大家介绍一下ls命令格式和参数。 ls命令格式：ls[选项][目录名]. ls命令功能：列出目标目录中所有的子目录和文件。 ls命令的参数选项说明： -a,–all列出目录下的所有文件，包括以.开头的隐含文件。 -A,–almost-all列出除了.及以外的任何项目 –author印出每个文件的作者 -b,–escape把文件名中不可输出的字符用反斜杠加字符编号的形式列出。 –block-size=大小块以指定<大小>的字节为单位 -B,–ignore-backups不列出任何以~字符结束的项目 &n -
Docker实战
docker概述 Docker是一个开源的容器引擎，基于Go语言开发，同时基于Apache2.0协议开发。对Docker简单的理解就是使用Docker可以 把一台服务器隔离成一个个独立的容器，我们可以把这地方描述的容器理解成一个沙盒。在每个容器中运行一个程序，不同的容器 之间相互隔离，容器的创建，停止，以及启动基本都是秒为单位，而且容器对资源的需求也是非常有限的，比起虚拟化的技术而言， 可以节约很多的资源成本。在DevOps技术栈体系和可持续交付中占据了重要的位置。 docker安装 内存检测 [root@wuyaShare~]#uname-r 3.10.0-1160.31.1.el7.x86_64复制 系统升级 yumupdate复制 安装依赖包 yuminstall-yyum-utilsdevice-mapper-persistent-datalvm2复制 设置yum源 yum-config-manager--add-repohttps://download.docker.com/linux/centos/docker-ce.repo复制 查看d -
数据结构与算法导论
第一周数据储存与运算 题目1 问题重述 1.有一个包含有100个元素的数组，该100个元素从数组的第0位置连续存放，请计算完成下面每个功能所需要的步骤数： 搜索一个不在该数组中的数； 在数组的头部插入一个新元素； 在数据的尾部插入一个新元素； 删除数组头部元素； 删除数组尾部元素。 解 (1) 搜索一个不在该数组中的数 需要100步，需要遍历数组内每一个元素与搜索值进行比对 (2) 在数组的头部插入一个新元素 需要101步，由于数组连续存储，需要将100个元素分别向后移动一个储存单元，再将该元素放在空出的第一位中 (3) 在数据的尾部插入一个新元素 需要1步，由于数组连续存储，直接在数组末节点后插入新元素即可 (4) 删除数组头部元素 需要100步，先将头元素删除，再将后续的99个元素分别向前移动一个储存单元 (5) 删除数组尾部元素 需要1步，直接删除尾部元素即可 题目2 问题重述 2.计算机内存的资源是非常有限的，在处理有些问题时，并不是需要把所有的数据都保存在存储器中才能完成。假如输入的数据数量是N，可以想象N比较大，请判断下面的任务，有哪些任务需 -
secureCrt+FX_v8.7.3 SSH和FTP客户端（Win+MAC）
见某度： SecureCRT是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下登录UNIX或Linux服务器主机的软件。 SecureCRT支持SSH，同时支持Telnet和rlogin协议。SecureCRT是一款用于连接运行包括Windows、UNIX和VMS的理想工具。通过使用内含的VCP命令行程序可以进行加密文件的传输。有流行CRTTelnet客户机的所有特点,包括:自动注册、对不同主机保持不同的特性、打印功能、颜色设置、可变屏幕尺寸、用户定义的键位图和优良的VT100,VT102,VT220和ANSI竞争.能从命令行中运行或从浏览器中运行.其它特点包括文本手稿、易于使用的工具条、用户的键位图编辑器、可定制的ANSI颜色等.SecureCRT的SSH协议支持DES,3DES和RC4密码和密码与RSA鉴别。复制 SecureFX是一款由VanDykeSoftware,Inc.（中文译为：范戴克软件公司）研发生产的支持普通FTP标准和安全数据传输标准（SFTP或者在SSH2上的FTP）的FTP客户端软件，有着易用的、类似于资源管 -
rpm
通过rpm查看软件安装的目录步骤 1.rpm-qa|grep软件名 2.rpm-ql步骤1中的查询结果 -
高级案例（2019年上题目）
一、 A公司中标某金融机构（甲方）位于北京的数据中心运行维护项目并签署了运维合同。合同明确了运维合同。合同明确了运维对象包括服务器、存储及网络等设备，并约定：核心系统备件4小时到场；非核心系统备件24小时到场；80%以上备件需满足上述时效承诺，否则视为违约。 A公司任命小张担任该项目的项目经理。为了确保满足服务承诺，小张在北京建立了备件库，招聘了专职备件管理员及库房管理员。考虑备件成本较高，无法将服务器、存储和网络设备的所有备件都进行储备，备件管理员选择了一些价格较低的备件列入《备件采购清单》，并经小张批准后交给了采购部。随后，采购部通过网站搜索发现B公司能够提供项目所需全部备件且价格较低，于是确定B公司作为备件供应商并签署了备件采购合同。 项目实施三个月后，甲方向公司投诉：一是部分核心系统备件未能按时到场；二是部分备件加电异常，虽然补发了备件，但是影响了系统正常运行。 针对备件未能按时到场的问题，小张通过现场工程师了解到：一是部分核心系统备件没有准备；二是部分备件在库存信息中显示有库存，但调取时却找不到。为此需要临时从B公司采购，延误了备件到场时间。 针对备件加电 -
文件上传漏洞全面渗透姿势总结
文件上传漏洞全面渗透姿势总结 0x00文件上传场景 (本文档只做技术交流，切勿进行违法犯罪操作，请做一个好人，不给别人添麻烦) 文件上传的场景真的随处可见，不加防范小心，容易造成漏洞，造成信息泄露，甚至更为严重的灾难。 比如某博客网站评论编辑模块，右上角就有支持上传图片的功能，提交带有恶意字符串的图片后，就直接可以显示在评论中了，如图： 再次声明：大家在自己的搭建的环境里面测试，不要给别人造成麻烦哈。 文件上传漏洞是进行渗透是比较常见好利用的漏洞，利用它能够直接上传webshell，进行连接，是比较常见的攻击方式。针对文件上传场景检测和绕过进行了全面姿势总结。 0x01渗透姿势全面分析 针对一个文件上传场景，首先判断是客户端JS校验还是服务器校验，判断依据：上传非法文件，返回结果是否很快？ 1.客户端JavaScript检测 如果上传非法文件，返回结果很快，或者F12打开开发者模式，上传非法文件，发现没有网络请求，但是被拦截了，很有可能就是客户端进行了JS校验检测。这种前端采用JS限制上传类型和大小的方式： <scripttype="text/javascrip -
会议记录-补充5月10日
会议人员：张泽凯，林吉庆，张富彬，郑都都，李铖，高亚楠 会议内容： 这一天我们6个人针对我们要制作的打地鼠游戏进行界面设计，首先要考虑到的是地鼠的模型，需要符合广大玩家用户的审美，我们也一起在网上查找了相关的图片，经过讨论，我们认为目前Q版的地鼠更加适合我们这款游戏，也符合广大玩家用户的需求。之后我们也在网上借鉴了很多类似的游戏界面，大部分看上去都比较精致，但是有一些过于精美的界面会让人觉得复杂，感觉混乱。所以我们认为界面设计这一部分既需要模型精致，还需要将画面设计的简单，清洁，让人能容易看懂。这只是我们一个初步的设计，具体的界面需要我们将程序与界面之间联系时再进行一些调整。这就是我们今天例会的主要内容。 会议记录：郑都都 -
中标麒麟离线安装Docker
参照官方Installstaticbinaries的过程 安装Docker 在https://download.docker.com/linux/static/stable/下载对应版本的docker程序文件 解压文件:tarxzvf/path/to/<FILE>.tar.gz 把解压出来的文件移动到/usr/bin:sudocpdocker/*/usr/bin/ 把docker注册为服务，创建文件/usr/lib/systemd/system/docker.service，内容如下 [Unit] Description=DockerApplicationContainerEngine Documentation=https://docs.docker.com After=network-online.targetfirewalld.service Wants=network-online.target [Service] Type=notify #thedefaultisnottousesystemdforcgroupsbecausethedelegateissue -
TestNG
TestNG 优点 漂亮的HTML格式测试报告 支持并发测试 参数化测试更简单 支持输出日志 支持更多功能的注解 <dependency><groupId>org.testng</groupId><artifactId>testng</artifactId><version>6.8</version></dependency>复制 importorg.openqa.selenium.WebDriver;importorg.openqa.selenium.firefox.FirefoxDriver;importorg.testng.annotations.AfterMethod;importorg.testng.annotations.BeforeMethod;importorg.testng.annotations.Test;/***CreatedbyAdministratoron2017/7/17.*/publicclassFirstTestNGDemo{publicWebDriverdr -
hashcode（）和equals（）
一、equal()方法 Object类中equals()方法实现如下： publicbooleanequals(Objectobj){ return(this==obj); } 复制 通过该实现可以看出，Object类的实现采用了区分度最高的算法，即只要两个对象不是同一个对象，那么equals()一定返回false。 虽然我们在定义类时，可以重写equals()方法，但是有一些注意事项；JDK中说明了实现equals()方法应该遵守的约定： （1）自反性：x.equals(x)必须返回true。 （2）对称性：x.equals(y)与y.equals(x)的返回值必须相等。 （3）传递性：x.equals(y)为true，y.equals(z)也为true，那么x.equals(z)必须为true。 （4）一致性：如果对象x和y在equals()中使用的信息都没有改变，那么x.equals(y)值始终不变。 （5）非null：x不是null，y为null，则x.equals(y)必须为false。 二、hashCode()方法 1、Object的hashCode() Obje -
UML作业第六次
UML作业第六次：分析系统，绘制顺序图 简单示例 可以用->来绘制参与者之间传递的消息，而不必显式地声明参与者。也可以使用 --> 绘制一个虚线箭头。还能用 <- 和 <--，这不影响绘图，但可以提高可读性。（注意：仅适用于时序图，对于其它示意图，规则是不同的） @startuml Alice->Bob:AuthenticationRequest Bob-->Alice:AuthenticationResponse Alice->Bob:AnotherauthenticationRequest Alice<--Bob:anotherauthenticationResponse @enduml复制 声明参与者 关键字 participant 用于改变参与者的先后顺序 也可以使用其它关键字来声明参与者： actor boundary control entity database @startuml actorFoo1 boundaryFoo2 -
旅行家的预算
题目：P1016[NOIP1999提高组]旅行家的预算-洛谷|计算机科学教育新生态(luogu.com.cn) 其实这题用dp挺合适的。 诶，但我偏不。 （其实是当时傻掉了QAQ） 用的dfs，贪心。 起点加满油，然后自己的最长行驶距离里寻找第一个价格比自己低的油站，若无，则寻找油价最低的油站。 再原来的油全退掉，换油，直到终点。 还有判断，不用说，是个人都会。 （虽然本蒟蒻就是在这儿出问题的） 好了，上代码 （严禁代码复制，共创美好洛谷） #include<bits/stdc++.h> #definemaxn55 usingnamespacestd; intn,f; doubleans=1e9,dis; doublec,di; doubled[maxn],prize[maxn],nd[maxn]; voiddfs(intst,doubleo,doublecost) { if(st>n) { if(ans>=cost) ans=cost; f=1; return; } if(c*di<nd[st]) return; double -
2019 SDN上机第5次作业
1.浏览RYU官网学习RYU控制器的安装和RYU开发入门教程，提交你对于教程代码的理解，包括但不限于： 描述官方教程实现了一个什么样的交换机功能？ 官方教程实现了一个将接收到的数据包发送到所有端口的交换机功能 控制器设定交换机支持什么版本的OpenFlow？ OpenFlow1.0 控制器设定了交换机如何处理数据包？ @set_ev_cls(ofp_event.EventOFPPacketIn,MAIN_DISPATCHER) defpacket_in_handler(self,ev): msg=ev.msg dp=msg.datapath ofp=dp.ofproto ofp_parser=dp.ofproto_parser actions=[ofp_parser.OFPActionOutput(ofp.OFPP_FLOOD)] out=ofp_parser.OFPPacketOut( datapath=dp,buffer_id=msg.buffer_id,in_port=msg.in_port, actions=actions) dp.send_msg(out) 复制 类中添加了 -
我的前端第一次面试总结
JS 对VUE的理解VUE的双向绑定如何实现 用JS如何实现双向绑定Property类ES6新的语法特性箭头函数和普通函数的区别箭头函数能否做为构造函数使用promisepromise未完成如何转换成成功/失败letconst区别const指定一个数组，如果poppush能否改变基本数据类型和引用数据类型在内存中如何开辟空间new指令背后做了些什么 算法排序算法快排 HTTP协议HTTP1.01.12.0分别做了哪些优化 2.0对比1.0 多路复用 缓存强缓存浅缓存 -
Python对冰冰的第一条vlog并进行数据分析
Python对冰冰的第一条vlog并进行数据分析Python对冰冰的第一条vlog千条评论并进行数据分析，绘制词云图，看看大家说了什么吧。 酱酱酱，那就开始吧版权声明：本文为博主原创文章，创作不易 本文链接：https://beishan.blog.csdn.net/article/details/112100932 文章目录Python对冰冰的第一条vlog并进行数据分析1.数据收集1.1获取接口1.2查看数据1.3解析URL1.4解析数据2.数据分析2.1数据描述2.2删除空值2.3删除重复值3.可视化展示3.1点赞TOP203.2等级分布3.3性别分布3.4绘制词云图3.5Summary4.后记https://www.bilibili.com/video/av800760067【冰冰vlog.001】带大家看看每个冬天我必去的地方1.数据收集1.1获取接口哔哩哔哩其实留了很多接口，可以供我们来获取数据。首先打开目标网站，并查看网页源码，发现评论内容不在源码中，可以确认评论是动态生成的。于是进入开发者模式，查找返回的内容。1.2查看数据点击preview即可发现评论数据在这里 1.
