- 博客(47)
- 收藏
- 关注
原创 node.js+vue安装记录
1.node.js各种版本2.选择.mis版本下载或者直接去官网下最新版本3.安装过程只有安装目录需要注意,不要安装在C盘,我安装目录是在D:\nodejs\,其他默认下一步4.HOME+R 输入cmd打开命令行窗口 进入安装路径 输入node -v5.在nodejs安装路径下,新建node_global和node_cache两个文件夹6.cmd命令行敲入,设置全局目录npm config set cache “D:\nodejs\node_cache”npm config set
2021-03-09 01:33:16
155
原创 css元素居中
元素居中有很多种方法,自己整理一下常用的。先来最复杂的,水平垂直都居中。1.flex大法,不论什么型号的元素,以下三句话解决问题。display:flex;justify-content:center;align-items:center;2.postion定位法2.1子元素不定宽高 .father3{ position: relative; background: coral; width:500px
2021-03-03 11:28:29
1002
原创 个人理解三次招手,四次挥手流程
专业解释个人不太严谨理解ACK就是确认序号。首先Client端发送连接请求报文,Server段接受连接后回复ACK报文,并为这次连接分配资源。Client端接收到ACK报文后也向Server段发生ACK报文,并分配资源,这样TCP连接就建立了。【注意】中断连接端可以是Client端,也可以是Server端。1.假设Client端发起中断连接请求,也就是发送FIN报文。2.Server端接到FIN报文后,意思是说"我Client端没有数据要发给你了",但是如果你还有数据没有发送完成,则不必急着
2021-03-02 16:59:08
286
原创 input搜索框记录
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-sca
2021-02-08 14:57:15
422
原创 vscode重装设置记录
1.软件中文版2.自动更新代码设置默认打开谷歌,点开,点击扩展设置找到这个,下拉选择浏览器3.背景主题和注释{ "files.autoSave": "afterDelay", "open-in-browser.default": "Google Chrome", "liveServer.settings.donotShowInfoMsg": true, "liveServer.settings.CustomBrowser": "chrome", "wo
2021-02-05 11:29:50
144
原创 css元素和css定位
先说下css元素分类在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。在html中< div>、<p>、<h1>、<form>、<ul>和<li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。a{display:block;}块级元素特点:1、每个块级元素都从新的一
2021-02-04 14:41:07
95
原创 css选择器
选择器的优先级总结!important > 内联样式 style > ID 选择器 > 伪类选择器 > 属性选择器 = class 选择器 > 伪元素 > 元素(类型)选择器 > 关系选择器 > 通配符选择器来自这里具体说说选择器的分类元素选择器(即标签选择器)1.id选择器2.类选择器3.属性选择器4.后代选择器5.子元素选择器6.相邻兄弟选择器7.伪类伪类有这些:active 向被激活的元素添加样式。 :focus 向拥有
2021-02-04 13:19:33
67
原创 css盒子模型理解
所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。上面都是学.
2021-02-04 10:39:44
117
原创 JS数组
一、数组定义<script type="text/javascript"> // 创建一个数组有三种方式 // 1.常规方法 new出数组对象根据下标定义 var onenum = new Array(); onenum[0] = 1; onenum[1] = 2; onenum [2] = 3; document.write(onenum + '<br />'); // 2.简洁方法 var twonum = new Array(1,2,
2021-02-03 17:34:31
153
原创 js双重循环
记录一下双重循环的过程,心里更清楚<script type="text/javascript"> for(i=0;i<4;i++){ for(j=0;j<2;j++){ document.write('i='+i,'j='+j+"<br/>"); } } </script>
2021-02-03 11:09:44
254
原创 css图片上面显示文字
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .main { width: 300px; height: 300px; padding: 10px; background-color: #0087F1; } .imgbox
2021-02-01 12:04:41
1595
原创 css当图片宽度为百分比,高度如何按宽度比例展示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .main{ width:300px; height:300px; padding:10px; background-color: #0087F1; margin:10px;
2021-02-01 11:53:26
1815
原创 Apicloud返回时不返回某一页
这样一个场景:在商城选择商品后需要进去确认订单页,在确认订单确定好商品后点击本页面的提交,之后进入支付成功或支付失败页(支付状态页)。支付状态也返回到前一页时,我们期望是直接返回到购物车或者商品详情页,而不是确定订单页。closewin或者closetowin在支付场景下多的时候就不好用,尤其涉及到同时打开和关闭页面。那么就要用到api.addEventListener({name:‘viewdisappear’},function(){api.closeWin();});不希望返回到哪一
2021-01-27 11:16:56
288
原创 Apicloud不同机型状态兰高度不一问题
没有苹果机型测试,所以不太清楚。apicloud写一个页面,frame打开需要确定初始坐标y,即顶部导航栏header高度和状态栏高度加在一起,普遍认为安卓机型高度为25,测试时发现有35的,有28的,要解决这个问题需要用到var safeArea = api.safeArea; // JSON对象,如{top:20, left:0, bottom:0, right:0}top: 安全区域上边缘,对于沉浸式下window中该值通常为状态栏高度,全屏或非沉浸式下为0(iPhone X竖
2021-01-27 11:01:01
308
原创 flex布局子元素超出父元素
遇到的问题:父元素是body,宽度给100%。子元素想要距离屏幕两侧各10px,但我给子元素也设置了100%且是flex布局,这时宽度超出屏幕,页面开始横向滑动!最终想要的效果是不横向滑动页面完整展示。现在记录一下这个问题,警告自己,当时写的时候脑子估计废掉了。类似上图中,子元素...
2021-01-26 18:23:13
7793
1
原创 css之文字超出处理
知识介绍word-break 属性规定自动换行的处理方法(例子没用):normal 使用浏览器默认的换行规则。:break-all 允许在单词内换行。:keep-all 只能在半角空格或连字符处换行。text-overflow 属性规定当文本溢出包含元素时发生的事情。:clip 修剪文本。:ellipsis 显示省略符号来代表被修剪的文本。:string 使用给定的字符串来代表被修剪的文本。white-space属性指定元素内的空白怎样处理。:normal 默认。空白会被浏览
2021-01-26 16:25:12
1380
原创 Apicloud监听消息接收
api.addEventListener({ name: 'EventAllTotal' }, function(ret, err) { // 错误案例 console.log(ret);//[object Object] console.log(JSON.stringify(ret));//{"value":{"key1":"19.90"}} console.lo.
2021-01-22 10:57:56
314
原创 记录aui的toast使用
// var toast = new auiToast(); // toast.success({ // title:"加入购物车成功", // // html:'<i style="margin-bottom:100px;"></i>', // duration:3000, // }); // // 延迟执行函数,必须这种格式,不然不对,双引号必须 /..
2021-01-21 14:33:49
289
原创 CSS 实现头像图片右上角数字显示
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS 实现图片右上角数字显示</title> <style> .box { height: 60px; width: 60px; position: relative;
2021-01-21 13:29:06
1411
原创 return返回值
当函数执行完的时候,并不是所有时候都要把结果打印,我们期望函数给我一些反馈(比如计算的结果返回进行后续的运算),这个时候可以让函数返回一些东西,也就是返回值。函数通过return返回一个返回值。每一个函数都会有一个返回值,这个返回值可以通过关键字“return”进行设置//声明一个带返回值的函数function 函数名(形参1, 形参2, 形参3...) { //函数体 return 返回值;} //可以通过变量来接收这个返回值var 变量 = 函数名(实参1, 实参2, 实参3.
2021-01-11 13:53:49
3851
1
原创 js设置水印在指定窗口无规则出现
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>对象在窗口无规则浮动</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
2020-12-23 19:42:52
131
原创 阿里web播放器微信浏览器打开进度条设置和时间获取
解决的问题:1.阿里云的web播放器:移动端(安卓是红米手机和苹果11)在微信浏览器打开适用,pc端谷歌浏览器打开适用,其他没测。2.全代码直接用,进度条没办法完全禁止拖动,只能快进就让他回到上一时刻,代码注释好了。3.视频占满屏幕宽度解决办法用的reset.css文件4.获取当前时刻就curTime最好用<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv=
2020-12-23 16:08:27
1234
原创 JS学习点
1.输出JavaScript 能够以不同方式“显示”数据:使用 window.alert() 写入警告框使用 document.write() 写入 HTML 输出使用 innerHTML 写入 HTML 元素使用 console.log() 写入浏览器控制台2.一些关键词3.JavaScript 程序员倾向于使用以小写字母开头的驼峰大小写4.赋值运算符在 JavaScript 中,等号(=)是赋值运算符,而不是“等于”运算符。这一点与代数不同。下面的代码在代数中是不合理的:x = x
2020-12-22 11:06:57
159
原创 jq实操知识二
一、jq方法1.jquery中this和$(this)的区别点击查看2.parent() 方法返回被选元素的直接父元素点击查看例子3.find() 方法返回被选元素的后代元素点击查看例子4.parseInt() 函数可解析一个字符串,并返回一个整数(这是js方法)点击查看例子...
2020-12-09 18:30:48
82
原创 实习记录1
1.居中底色布局<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/> <title>title&
2020-12-08 09:08:29
69
原创 jq实操知识一
一、基础操作例子1.jq点击事件1.jq点击获取元素$("#idname" / ".classname" / "标签名")serialize()收集选中元素数据text()替换元素文字内容console.log(form)在控制台console查看获取到的数据2.jq点击添加属性attr("class","hcolor")添加名为hcolor的css类3.jq点击隐藏hide()隐藏元素代码:该页面为test1.html<!DOCTYPE html>&l
2020-12-03 00:44:23
257
原创 APICloud学习一
一、基础知识1.app的启动方式用户手动启动被其他app调用启动后第一件事就是初始化引擎,会创建两个UI组件实例,分别是widget和window。widget是appcloud运行的最小单位,appcloud想要运行的话至少拥有一个widget实例,可以把Widget看做app本身。存在多个widget的情况下,最先初始化的主widget如果被关闭,整个app将会被关闭。之后会在主widget创建一个根window对象,window即代表屏幕,任何可视化部分需要装载在某个window中,这里所说
2020-11-12 17:47:03
689
原创 Web前端学习03
一、图片标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 图片标签用于向当前页面引入一个外部图片 使用img标签引入外部图片,img是一个自结束图片 img这种元素
2020-09-09 22:08:57
181
原创 Web前端学习02
一、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 1.在网页中html专门用来负责网页的结构 所以在使用html标签时,应该关注的是标签的语义,而不是它的样式
2020-08-31 23:39:32
96
原创 Web前端学习01
一、1.软件的分类系统软件:windows、linux、macos应用软件:office、qq游戏软件:绝地求生、王者2.软件组成客户端:本地要安装的服务器:远程处理业务逻辑3.服务器开发语言java、php、c#、python4.客户端存在形式文字客户端:古老的方式,通过命令行使软件图形化界面:通过点击拖动来使用软件,win、android、ios应用网页:通过访问网页来使用软件,所有网站都属于这个范畴(B/S架构)5.网页优点、语言不需安装、不需更新、跨平台HTML、CS
2020-08-10 11:21:45
88
原创 记录一下postman和代码生成器使用
postman使用1.操作为查增改删public class TodoController { @Autowired TodoService todoService; @GetMapping("/todos") public List<Todo> todoList(@RequestParam String userId, @RequestParam String currentStatus){ TodoExample example=ne
2020-06-24 19:22:02
361
原创 简单springboot+thymeleaf+mybaties+mysql学生作业管理系统
学生作业管理系统:要点1.简单简单简单springboot+thymeleaf+mybaties+mysql2.school.sql是数据库文件,可在本地拷贝直接运行运行3.项目下载地址点击获取4.端口号是8081 运行首页 http://localhost:8081/5.镜像打包的项目,没有数据库信息,项目中有sql文件,可本地部署数据库再运行。6.镜像信息:Successfully built 8e8757b5d207[INFO] Successfully tagged docker
2020-06-18 19:03:18
2158
2
原创 JAVAEE学习五
梳理一下SpringwebMVC的启动流程。什么是SpringMVC要回答这个问题,我们先要说说MVC。MVC是一种设计模式,这种设计模式建议将一个请求M(Module)、V(View)、C(controller)三个部分进行处理。请求先经过controller,controller调用其他服务层得到Module,最后将Module数据渲染成试图(View)返回客户端。Spring MVC是S...
2020-04-10 19:17:35
205
原创 JAVAEE学习四
纪录一下今天做作业中遇到的错误!1.Artifact JavaEE-SpringMVC:war exploded: Error during artifact deployment. See server log for details.这个错误第一次改了version自己就出来了,玄学。第二次这个错误,查找日志是找不到指定路径,经过查找发现pom文件中artifactid中的和name中...
2020-04-06 19:35:08
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人