Web项目实战
...
WebRTC实现前端代码
...
项目中的实体类分类的区别和作用
项目中的实体类分类的区别和作用 在一个Java的SpringBoot中,一般我们需要用到许多的实体类 一般在一个大型项目中,又会把实体类分成不同阶段使用的类 PO层 POJO全称为:Plain Ordinary Java Object,即简单普通的java对象。一般用在数据层映射到数据库表的类,类的属性与表字段一一对应。 PO全称为:Persistant Object,即持久化对象。可以理解为数据库中的一条数据,也可以理解为POJO经过持久化后的对象。 DO(Domain Object):领域对象,就是从现实世界中抽象出来的有形或无形的业务实体,一般也和数据库对应 BO层 全称为:Business Object,即业务对象。一般用在业务层,当业务比较复杂,用到比较多的业务对象时,可用BO类组合封装所有的对象一并传递。 一般是处理多个对象的工具类或者service VO层 全称为:Value Object,有的也称为View Object,即值对象或页面对象。一般用于web层向view层封装并提供需要展现的数据 DTO层 全称为:Data Transfer...
Linux学习(CentOS)
Linux学习 目录作用 / 根目录 /bin 存放必要的指令 /boot 存放内核以及启动所需的文件 /dev 存放设备文件 /etc 存放系统配置文件 /home 普通用户的宿主目录,用户数据存放在其主目录中 /lib 存放必要的运行库 /mnt 存放临时的映射文件系统,通常用来挂载使用。 /proc 存放存储进程和系统信息 /root 超级用户的主目录 /sbin 存放系统管理程序 /tmp 存放临时文件 /usr 存放应用程序,命令程序文件、程序库、手册和其它文档、 /var 系统默认日志存放目录 Linux常用命令 默认进入系统,我们会看到这样的字符:[root@localhost~]#,其中#代表当前是root用户登录,如果是$表示当前为普通用户。 我们了解Linux由很多目录文件构成,那我们来学习第一个Linux命令: cd 命令,cd /home;解析:进入/home目录 cd /root 进入/root目录;cd …/返回上一级目录;cd ./当前目录;(.和…可以理解为相对路径:例如:cd /home/test...
Shell学习
Shell学习 echo 说明:#! 是一个约定的标记,它告诉系统这个脚本需要什么解释器来执行,即使用哪一种 Shell。echo 命令用于向窗口输出文本。 12#!/bin/bashecho "Hello World!" Shell 变量 在 Shell 编程中,变量是用于存储数据值的名称。 定义变量时,变量名不加美元符号($,PHP语言中变量需要),如: 1shellyour_name="runoob" 注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一样。同时,变量名的命名须遵循如下规则: 只包含字母、数字和下划线: 变量名可以包含字母(大小写敏感)、数字和下划线 _,不能包含其他特殊字符。 不能以数字开头: 变量名不能以数字开头,但可以包含数字。 避免使用 Shell 关键字: 不要使用Shell的关键字(例如 if、then、else、fi、for、while 等)作为变量名,以免引起混淆。 使用大写字母表示常量: 习惯上,常量的变量名通常使用大写字母,例如 PI=3.14。 避免使用特殊符号: 尽量避免在变量名中使用特殊符号,因为它们可能与...
Ajax学习
AJAX特点 优点 可以无需刷新页面而与服务器端进行通信。 允许你根据用户事件来更新部分页面内容。 缺点 没有浏览历史,不能回退 存在跨域问题(同源) SEO不友好(对搜索引擎不友好) 安装nodemon插件指令: npm install -g nodemon 以后就可以用:nodemon *.js 来运行Nodejs了
Axios学习
Axios学习 什么是Axios? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 浏览器支持 Latest ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ 8+ ✔ 安装 使用 npm: 1$ npm install axios 使用 bower: 1$ bower install axios 使用 cdn: 1<script src="https://unpkg.com/axios/dist/axios.min.js"></script> 案例 执行 GET...
Vue2学习
Vue 创建Vue项目的命令: 1npm init vue@latest 文件结构 src: 这个文件夹就是我们主要进行写代码的文件夹。 page.json: 这个文件包括了项目版本运行,以及依赖导入版本等,这个文件有点像maven的配置文件一样。 vite.config.js: 这个是Vue的配置文件,这里会进行一些额外的配置,比如跨域请求的设置,以及一些打包的配置等。 Vue使用一种基于HTML的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的DOM上。所有的Vue模板都是语法层面合法的HTML,可以被符合规范的浏览器和HTML解析器解析。 文本插值: 最基本的数据绑定形式是文本插值,它使用的是“Mustache”语法(即双大括号): v-text: 12345678910111213<div id="app"> <h2 v-text="message"/> <h2>深圳{{message}}</h2></div><script>var app = new...
Web前端布局学习笔记
Web前端布局 标准文档流 标准文档流为从上到下排列 这样的布局显得呆板,如果想要横过来 浮动 所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的控制,移动到其父元素中指定位置的过程。 注意:使用浮动那么接下来的不用浮动的元素记得清楚浮动,清除浮动操作详见塌陷解决和清楚同级子元素浮动。 选择器float: 属性值: 123div{ float: left;} 说明: 如果未有设置浮动的元素和其浮动的元素一起用,那么为设置浮动的将会占在浮动元素的本身位置上进行定位(其实是设置浮动的元素的碰撞箱没有了),也就是说会覆盖掉浮动位置的元素位置,除非两者都是浮动。 塌陷解决 如果有父元素包裹浮动元素那么就有可能造成塌陷,塌陷就是指父元素未定义长宽所以并不会被子元素撑开,想要防止塌陷那就要在父类的时候进行塌陷消除,那就要使用overflow属性设置为hidden。 123dicv{ overflow: hidden;} 第二种: 12345.father:after{ content: ""; display: block; clear:...









