vue脚手架
@vue/cil是vue官方提供的一个全局模块包(得到vue命令),此包用来创建vue脚手架项目
脚手架目录和代码分析
vue安装全局包全局安装@vue/cil模块包
1yarn global add @vue/cli
查看是否安装成功
@vue/cli创建项目1.创建项目
12# 创建项目vue create vuecli-demo
注意:项目名字中不能有大写字母。中文和特殊符号
2.开始创建,成功如下
3.进入项目文件输入yarn serve启动项目,浏览器输出如下代表成功
项目结构
创建一个 Vue3应用API——setup函数setup是Vue3中的一个新的配置项,值是一个函数,他是组合式API”表演的舞台”,组件中所用到所有数据,方法、计算属性、监视….等等,均配置在setup中
基本使用setup() 钩子是在组件中使用组合式 API 的入口,通常只在以下情况下使用:
需要在非单文件组件中使用组合式 API 时。
需要在基于选项式 API 的组件中集成基于组合式 API 的代码时。
注意
对于结合单文件组件使 ...
前端开发
未读HTML块级元素与行内元素定义:
块级元素默认占据整行,形成一个块容器。
行内元素默认在同一行内与其他元素并排显示。
块级元素示例
<h1>: 标题
<p>: 段落
<div>: 通用容器
块级元素特点
默认情况下,每个块级元素都会在其前后形成换行。
宽度和高度可以设置,并且可以填充整个容器宽度。
可以设置 margin 和 padding 的上下左右值。
通常作为其他元素的容器。
行内元素示例
<a>: 链接
<span>: 通用行内容器
<img>: 图像(默认为行内元素)
行内元素特点
不会在前后形成换行,多个行内元素可以在一行内显示。
宽度和高度默认由内容决定,不能设置宽度和高度。
只能设置左右 margin 和 padding。
通常用于文本或小部件。
示例假设我们有以下 HTML 结构:
123<h1>Title</h1><p>This is a paragraph. <a href="#">Link</a>&l ...
第一章 java基础标识符的命名规则123456789101112131415161718192021222324252627282930313233/ /T0D0标识符得命名规则//1.英文拉丁字母/ / wx , qqString username = "zhangsan";String xingming = "lisi";// 2.符号//@,#,%,$//3.标识符只能采用下划线和美元$符号,其他符号不能使用,称之为特殊符号//4.空格属于特殊符号,所以也不能作为标识符使用String _name = "wangwu";String $name = "wangwu" ;String $na_me = "wangwu";system.out.println(_name);system.out.println($name);system.out.println($na_me);//5.阿拉伯数据0到9可以作为标识符使用,但是不能开头 //数字如果在标识符得开头位置,那么会被识别为数字 ...
npcp系统开发vue2 + EUI2.x
ruoyi框架
学到的东西1.vue结合原生JS绑定事件可以按照下面这样写
123456789101112131415161718192021222324renderContent(h, node) { if (node.data.imgurl != "") { return ( <div> <div><i class="el-icon-delete" onClick={(event)=>{ //先阻止冒泡 event.stopPropagation() this.handleDelete(node) }}></i></div> <el-link href={node.data.imgurl} target="_blank" ...
衡量算法好坏事前分析法
从最差的执行情况进行一个预估计 - 事前分析法
时间复杂度
利用时间复杂度衡量:一个算法的执行,随数据规模的增大,而增长的时间成本
不依赖环境因素
大O表示法渐进上界:从某个常数n0开始,c * g(n) 总是位于f(n)的上方,那么记作O(g(n))
图示:
表示算法执行的最差情况。
已知f(n)去求g(n)
表达式中相乘的常量,可以省略:100 * n^2 中的100。
多项式中数量规模更小(低次项)的表达式可以省略:f(n) = n^3 + n 中的 n
不同底数的对数,渐进上界可以用一个对数函数log_n 来表示。
对数的常数次幂可以省略。
常见的大O表示法按照时间复杂度从低到高排序:
**常数时间复杂度 O(1)**:
不依赖于输入数据规模的固定时间操作。
例子:访问数组中的某个元素。
**对数时间复杂度 O(log n)**:
当数据规模增加时,执行时间以对数方式增加。
例子:二分查找算法。
**线性时间复杂度 O(n)**:
执行时间随着输入数据规模线性增长。
例子:遍历一个数组或列表。
**线性 ...
开发总结
未读后端获取图片数据的开发文档1.后端获取图片数据的基本需求(文件)在com/ruoyi/system/domain/目录下创建SysPicture.java
在该类中编写你在图片数据库中定义的属性:以下拿我的举例子
1234567891011121314151617181920212223242526272829/** * 图片表 data_entires * * */public class SysPicture extends BaseEntity{ private static final long serialVersionUID = 1L; /** 图片序号 */ @Excel(name = "图片序号", cellType = Excel.ColumnType.NUMERIC) private Long pictureId; /** 图片编码 */ @Excel(name = "图片编码") private String pictureCode; ...
前端开发
未读简介Pinia 起始于 2019 年 11 月左右的一次实验,其目的是设计一个拥有组合式 API 的 Vue 状态管理库。从那时起,我们就倾向于同时支持 Vue 2 和 Vue 3,并且不强制要求开发者使用组合式 API,我们的初心至今没有改变。除了安装和 SSR 两章之外,其余章节中提到的 API 均支持 Vue 2 和 Vue 3。虽然本文档主要是面向 Vue 3 的用户,但在必要时会标注出 Vue 2 的内容,因此 Vue 2 和 Vue 3 的用户都可以阅读本文档。
开始安装用你喜欢的包管理器安装 pinia:
123yarn add pinia# 或者使用 npmnpm install pinia
创建一个 pinia 实例 (根 store) 并将其传递给应用:
123456789import { createApp } from 'vue'import { createPinia } from 'pinia'import App from './App.vue'const ...
前端开发
未读JS引入方式
内部脚本:将JS代码定义在HTML页面中
JavaScript代码必须位于script标签内
在HTML文档中,可以再任意地方 ,放置任意数量的script
一般会把脚本置于body元素的底部,可以改善显示速度
外部脚本:将JS代码定义在外部JS文件中,然后引入到HTML页面中
外部JS文件中,只包含JS代码,不包含script标签
script标签不能够自闭合,也就是不可以写成
JS基础语法书写语法
区分大小写:与java一样,变量名、函数名以及其他一切东西都是区分大小写的
每行结尾的分号可有可无
注释:
单行注释://注释内容
多行注释:/注释内容 */
大括号代表代码块:
1234//判断if(count == 3){alert(count);}
输出语句
1234window.alert() //写入警告框document.write()//写入HTML输出console.log()//在浏览器控制台输出内容console.dir()//在浏览器控制台输出对象
变量
J ...
北京掌上科技笔试(未过)HTTP状态码以下是HTTP状态码的主要类别及一些常见的状态码:
1xx:信息性状态码
100 Continue:初始部分已收到,客户端可以继续发送请求的其余部分。
101 Switching Protocols:服务器已理解客户端的请求,并将使用不同的协议来处理请求。
2xx:成功状态码
200 OK:请求已成功处理。
201 Created:请求已成功处理,并创建了新的资源。
204 No Content:请求成功处理,但不返回内容。
3xx:重定向状态码
301 Moved Permanently:请求的资源已永久移动到新位置。
302 Found:请求的资源临时移动到另一个URL。
304 Not Modified:请求的资源未改变,客户端可以使用缓存的版本。
4xx:客户端错误状态码
400 Bad Request:服务器无法理解请求,可能是因为语法错误。
401 Unauthorized:请求未授权,需要用户身份验证。
403 Forbidden:服务器理解请求,但拒绝执行。
404 Not Found:请求的资源未找到。
5xx:服务器错误 ...
前端开发
未读认识TypeScript了解TSTypeScript是Microsoft公司注册商标。
TypeScript具有类型系统,且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器,任意环境,任意系统并且是开源的。
TypeScript目前还在积极的开发完善之中,不断地会有新的特性加入进来。 因此本手册也会紧随官方的每个commit,不断地更新新的章节以及修改措词不妥之处。
安装TS有两种主要的方式来获取TypeScript工具:
通过npm(Node.js包管理器)
安装Visual Studio的TypeScript插件
针对使用npm的用户:
1npm install -g typescript
简单运行TS文件新建一个index.ts文件
1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML ...


