qq_43101834-CSDN博客

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响应式布局

在这里

2021-02-04 11:18:05 73

原创 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

原创最简洁的代码美化复选框、单选框和滑动按钮

有空自己整理

2021-01-21 13:42:32 119

原创 css选择器选择第几个元素

有空自己整理一下

2021-01-21 13:41:32 952

原创常来学习网站

1.范仁义的网站2.胡浩网站

2021-01-21 13:38:26 803

原创 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

原创前端一些UI、插件工具

1.风格比较少女的弹窗sweetalert2.jq插件库3.其他博主精细推荐

2021-01-21 13:23:01 93

原创 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

空空如也

空空如也