- 博客(18)
- 收藏
- 关注
RSS订阅原创 笔记练习题
Date.now()返回一个时间戳，是number类型var one;var two=null;console.log(one==two,one===two); true false一个页面不可以存在多个title元素浮动元素重叠1、行内元素与浮动元素发生重叠，边框、背景、内容都会显示在浮动元素之上2、块级元素与浮动元素发生重叠，边框、背景会显示在浮动元素之下，内容会显示在浮动元素之上 getElementsByName() 该方法与 getElementB...
2021-11-03 20:08:27
399
原创 css布局单位
常见的CSS布局单位常用的布局单位包括像素（px），百分比（%），em，rem，vw/vh。（1）像素（px）是页面布局的基础，一个像素表示终端（电脑、手机、平板等）屏幕所能显示的最小的区域，像素分为两种类型：CSS像素和物理像素：CSS像素：为web开发者提供，在CSS中使用的一个抽象单位； 物理像素：只与设备的硬件密度有关，任何设备的物理像素都是固定的。（2）百分比（%），当浏览器的宽度或者高度发生变化时，通过百分比单位可以使得浏览器中的组件的宽和高随着浏览器的变化而变化，从而实现响应式
2021-11-01 19:56:30
242
原创 前端性能优化
前端性能优化分为两类，第一类就是让文件加载的更快，第二类是文件渲染更快。加载更快的方法：1.让传输的数据包更小：图片压缩和文件压缩。2.减少网络请求的次数：雪碧图 防抖节流3.减少渲染的次数：缓存问题 （http缓存，本地缓存等）渲染更快的方法：1.提前渲染：ssr服务端渲染2.避免渲染阻塞：CSS放在HTML的head中 JS放在HTML的body底部3. 避免无用渲染：懒加载4.减少渲染次数：对dom查询进行缓存、将dom操作合并、使用减少重排的标签雪碧图...
2021-11-01 16:39:14
118
原创 css常用居中方法
水平居中 可以用boby作为父 但是为了方便理解 用以下例子 div1是div2父元素1.使用普通的margin移动 margin-left margin -right （笨方法）2 margin: auto div{ height: 300px; width: 300px; background-color: blueviolet; ma...
2021-10-25 19:43:06
122
原创 git上传拉取问题
本地拉取远程仓库 1.在本地新建文件夹 2.编写代码 3.新建远程仓库 4.将本地得文件夹初始化到本地仓库 >git init 5.将代码提交到本地仓库 >git add * 6.编写提交信息 >git commit -m '[康杰]第一次修改' 7.绑定本地仓库与远程仓库 git remote a...
2021-10-20 19:40:50
97
原创 前端计网问题
GET和POST的请求的区别Post 和 Get 是 HTTP 请求的两种方法，区别如下：应用场景：GET 请求是一个幂等的请求，一般 Get 请求用于对服务器资源不会产生影响的场景，比如说请求一个网页的资源。而 Post 不是一个幂等的请求，一般用于对服务器资源会产生影响的情景，比如注册用户这一类的操作。 缓存问题： 因为两者应用场景不同，浏览器一般会对 Get 请求缓存，但很少对 Post 请求缓存。 报文格式： Get 请求的报文中实体部分为空，Post 请求的报文中实体部分一般为向服务器
2021-10-17 17:47:16
331
1
原创 在阿里云服务器部署项目
其他下载帮助：（如果有直接部署就行了）使用如下命令安装jdk javac命令$ apt-get update$ apt install openjdk-8-jre-headless在线安装的时候。环境变量默认已经设置好了，可以直接使用java和javac命令了。$ java -version查看版本在线安装apache2首先查看linux上有没有安装apache2$ apachectl -v执行如下命令在线安装apache2软件$ apt-get upd
2021-10-17 17:16:33
109
原创 JS 判断数组的方法
在JavaScript中，数组Array是属于Object类型，也是引用数据类型引用类型存放在堆内存中，在栈内存有一个或者多个的地址来指向这个堆内存所以对于引用数据类型 ，我们不能直接用typeof来直接判断具体的类型。下面是判断数据的6种方法1.instanceof 操作符判断2.对象构造函数的 constructor判断3.Array原型链上的 isPrototypeOf4.Object.getPrototypeOf5.Object.prototype.toSt.
2021-10-11 16:34:15
94
原创 JS 中检测基本数据类型的方法
基本数据类型：Number、String 、Boolean、Null、Undefined、Symbol引用数据类型：Array Function Object第一种typeofconsole.log(typeof "");console.log(typeof 1);console.log(typeof true);console.log(typeof null);console.log(typeof undefined);console.log(typeof []);conso
2021-10-11 09:36:01
108
原创 JS Set集合
SetSet对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。简述Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。值的相等因为 Set 中的值总是唯一的，所以需要判断两个值是否相等。在ECMAScript规范的早期版本中，这不是基于和===操作符中使用的算法相同的算法。具体来说，对于 Set s， +0 （+0 严格相等于-0）和-0是不同的值。然而，在 ECMAScript 2015规范中这点已被更改。有关.
2021-09-27 20:05:38
2890
原创 太极动图以及呼吸灯
太极思路： 左右两边div变成半圆 大圆里面包小圆小圆在包小小圆然后在把颜色改成黑白就可以了旋转大圆注意z-index覆盖代码里面的是黑白成品<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge...
2021-09-16 17:16:42
160
原创 css中的过渡和动画
CSS过渡-TransitionsCSS transitions 提供了一种在更改CSS属性时控制动画速度的方法。 其可以让属性变化成为一个持续一段时间的过程，而不是立即生效的。比如，将一个元素的颜色从白色改为黑色，通常这个改变是立即生效的，使用 CSS transitions 后该元素的颜色将逐渐从白色变为黑色，按照一定的曲线速率变化。这个过程可以自定义。要实现这一点，必须规定两项内容： 1.指定要添加效果的CSS属性 2.指定效果的持续时间。CSS transitions 可以决定哪些属性
2021-09-16 16:29:56
459
原创 阿里云服务器常用命令
1.apache服务器部署目录后续部署项目的地址var/www/html2.常用命令 添加用户 adduser 用户名 添加组 addgroup 组名 查看用户信息 cat /etc/passwd cat 查看文件内容 修改user3用户属于user1组(1000) usermod --gid 1000 user3 删除空余的组 groupdel user1 更改密码 passwd user1 root用户更...
2021-09-08 19:02:48
1044
原创 JS数组常用API以及其他
数组APItoString() 在默认情况下都会以逗号分隔字符串的形式返回数组项join() 使用指定的字符串用来分隔数组字符串Array.isArray() 用来判断某个变量是否是一个数组对象Array.from() 从类数组对象或者可迭代对象中创建一个新的数组实例。 //字符串分开成数组Array.of() //转为数组的形式Array.prototype.push() //末尾添加元素Array.prototype.pop() //...
2021-09-06 19:03:36
50
原创 flex布局（建议新手）
Flex 是 Flexible Box 的缩写，也可以叫"弹性布局" "伸缩盒布局"，用来为盒状模型提供最大的灵活性。比起用margin padding position 来说 用 flex 能够更好的减少代码冗余移动端通常用flex来布局。任何一个容器都可以指定为 Flex 布局。flex布局属性容器属性 flex-flow flex-direction flex-wrap justify-content align-item...
2021-08-18 20:26:08
415
3
原创 css基础知识
本文主要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 css有单位在学习html的时候，我们发现html的单位只有一种，就是像素px，通常可以省略。但是CSS不一样，CSS的单位必须要写，而且是不能省略。绝对单位1 in=2.54cm=25.4mm=72pt=6pc。各种单位的含义： in：英寸Inches (1 英寸 = 2.54 厘米) cm：厘米Centimeters
2021-08-04 20:20:15
65
原创 初学HTML
1.HTML与CSS （了解即可）1.1.什么是HTML？什么是CSS？HTML是HyperText Markup Language(超文本标记语言)它不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造你的页面。它可以由一系列HTML元素组合成web开发人员想要的简单或者复杂的页面。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，..
2021-08-03 09:44:42
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人