- 博客(46)
- 收藏
- 关注
RSS订阅原创 Ajax是什么？你在开发中如何使用ajax?
ajax是异步的JavaScript和XML。用来进行异步请求。浏览器可以向服务器发送一个ajax请求，进行页面的局部刷新。使用ajax：原生的ajax、jQuery封装的ajax、单独的http封装的第三方的库axios原生ajax:var httpRequest = new XMLHttpRequest();//建立连接httpRequest.open(‘get’, ‘http://47.106.244.1:8099/manager/category/findAllCategory’);//
2020-08-31 14:53:58
410
原创 简述一下从在浏览器打开一个网页到网页加载完毕中间发生了什么事情？
浏览器输入url地址-> 浏览器根据url封装为请求报文->请求报文发送到服务器端->服务器端对请求报文进行解析获取path,参数等信息->服务器端进行资源的查询->服务器端将前端需要的资源封装为响应报文-> 浏览器接收响应报文->浏览器进行解析首先客户端浏览器发起http请求，然后服务器接收到请求，给出一个页面，浏览器接收到响应的html页面后，首先加载html页面，然后解析html代码，发现有外部css或者js引入后，开始加载外部css或者js，然后解析外部c
2020-08-31 14:49:06
390
原创 HTTP协议
http协议是超文本传输协议，是客户端和服务器端进行交互的时候需要遵守的网络协议。http协议中有请求报文和响应报文，请求报文中有请求头和请求体，响应报文中有响应头和响应体。如果在浏览器中是以get方式向服务器发起的http请求，则请求参数以查询字符串形式携带在url后。如果在浏览器中是以post方式向服务器发起的http请求，则请求参数携带在请求体中。...
2020-08-31 14:43:28
298
原创 css3的几种布局机制
1.浮动布局浮动元素的特点（脱离文档流）2. 定位布局相对定位，绝对定位，固定定位，粘滞定位（相对点）3. 伸缩盒布局伸缩盒容器，伸缩盒元素4. 栅格布局（第三方布局机制，利用浮动布局或者定位布局封装的企业级布局机制）...
2020-08-31 14:39:06
1222
1
原创 js中面向对象的四种模式对应的内存图
工厂模式优点：简化代码操作(封装)缺点：1.对象不能细分2.公有属性和方法存放浪费内存构造函数模式优点：解决了对象细分问题缺点：内存问题没有彻底解决原型对象模式继承子类的原型指向父类的实例Poor.prototype=new Rich();Poor.prototype.constructor=Poor;借用构造函数：(注意函数中的this值的指向)Rich.call(this,name,age,gender);...
2020-08-26 23:53:20
578
原创 js使用Date()做出倒计时（距离国庆）
思路：结束时间-开始时间先拿到总体的毫秒数，在转化成相应的天，小时，分，秒即可var today=new Date(); var endDay=new Date("2020/10/1"); var result=(endDay.getTime()-today.getTime())/1000;//不写getTime(),则调用valueOf // var result=(endDay-today)/1000; var day=parseInt
2020-08-26 19:18:41
1341
原创 使用一次array的reduce方法，将数组中的元素分成5个元素，在组成一个大数组，最后一个数组不足5个，剩几个含几个，但不可为空
解答：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var arr=[1,2,
2020-08-24 22:35:00
246
原创 js:万能比较函数
var arr=[{ name:'a', age:10, salary:1000 },{ name:'f', age:80, salary:600 },{ name:'b', age:23, salary:1500 },{
2020-08-24 17:10:51
230
原创 js:用do while循环写出四种格式乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>do_while乘法表</title> <style> html{
2020-08-21 22:46:55
319
原创 js:用while循环写出4种格式乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html{
2020-08-21 22:43:07
409
原创 js:用for循环写出4种格式乘法表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html{
2020-08-21 22:42:03
179
原创 用while,do-while,for循环三种方法求1-10的阶乘
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> document.write("f
2020-08-21 22:40:10
9251
原创 求1000以内的完全数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> for(var i=1;i<
2020-08-21 22:38:36
156
原创 块级元素如何在父元素中水平垂直居中的4种方式
块级元素如何在父元素中水平垂直居中1.给父元素设置display:flex伸缩盒布局;并且设置:align-items:center;justify-content:center;2.给父元素一个定位属性，子元素使用绝对定位，并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置；然后再让子元素使用margin-left:-width/2;margin-top:-height/2;3.给父元素一个定位属性，给子元素一个绝对定位。然后给子元素的所有配合属性设置为0px
2020-08-17 20:28:33
889
原创 如何给行内元素设置宽高的3种方式
如何给行内元素设置宽高 – 将行内元素设置为块级元素、脱离文档流1.使用display:display:block/inline-block2.使用position:position:absolute/fixed3.使用float:float:left/right
2020-08-17 20:27:06
826
原创 清除浮动的3种方式
clear: left right both 1.在所有浮动元素之后添加一个块级元素（eg:h1） 给块级元素设置清除浮动属性（慎重选择块级元素,后期容易出问题） eg:h1{ clear:left; } 2.给所有浮动元素增加一个父元素，并给父元素添加::after{ content:''; display:block; ...
2020-08-17 20:26:17
84
原创 sudo临时权限
sudo/etc/shadowrootterrysudo more /etc/shadow:（如果不能查看，就vi /etc/sudoers 将所有权限给linda 切换到Linda，sudo more /etc/shadow，sudo是个临时权限）sudoers file:(root才可以打开)（sodo之前要保证当前用户在信任列表里）/etc/sudoers:...
2020-08-16 18:04:03
192
原创 vi编辑器的基础使用以及三种模式的切换
a.如何打开vi编辑器1.vi需要在底行模式保存时进行文件命名:wq a.txt2.vi a.txt如果a.txt存在使用vi编辑器，打开a.txt如果a.txt不存在创建a.txt,然后使用vi打开3.vi +number a.txta.txt不存在时，将光标停在第一行a.txt存在，但行数小于n,将光标停在第一行使用vi打开a.txt文件，并将光标置于number行b.三种模式命令行模式:进入插入模式：i:在当前光标位置进行插入I：在当前光标所在行的第一个字符位置插入
2020-08-16 18:02:57
1997
原创 linux命令大全来啦？？？快来看鸭
clear:清屏ls:list列出当前文件夹下的所有子文件$ ls /home列出/home文件夹下的所有子文件$ ls -l:列出当前文件夹的所有子文件，以长列表的形式显示$ ls -a 列出当前文件夹下的所有文件，包括隐藏文件drwxrwxr-x 2 terry webui 4096 Aug 11 10:25 demodrwxrwxr-x:用户权限2：链接数terry：拥有者webui：拥有者所在的组4096：文件大小Aug 11 10:25：创建时间demo：文件名称
2020-08-16 17:59:38
89
原创 linux有什么特色呢？？？
1.性能强劲，稳定性好作为服务器使用unbuntu 16.04 类linux系统2.可以压缩成很小的系统，可以植入到任意的硬件设备中3.适合初学者学习vi编辑器黑屏界面：命令4.开源免费没有售后windows:不开源，收费5.文件系统windows是：c:/userd:/。。。linux是黑屏界面：ls /home...
2020-08-16 17:53:28
83
原创 下拉列表
情况一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>二级下拉菜单</title> <style> ul,li {
2020-08-12 10:32:53
89
原创 vi编辑器三种模式转换
vi编辑器三种模式的转换例如：$ vi a.txt：使用vi打开a.txt$ vi +number a.txt:使用vi打开a.txt,并将光标定位在第number行
2020-08-11 23:09:50
937
原创 optgroup的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <select&g.
2020-08-10 20:31:27
1000
原创 用表单组件lable实现文字与选项关联
方法1<label for="username">男</label><input type="radio" id="username">方法2<label> 男：<input type="radio"> </label>
2020-08-10 20:24:45
153
原创 a标签的3种用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> </style></he
2020-08-10 19:39:17
223
原创 呼吸灯动画案例
呼吸灯1.外圆1.扩大10px2.缩小10px3.保持不动2.内圆1.外圆扩大的同时，内圆缩小10px2.外圆缩小的同时，内圆扩大10px3.内圆缩小12px4.内圆放大12px**源代码：**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-08-08 21:20:24
275
原创 梦幻西游动画制作
梦幻西游动画：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{
2020-08-08 20:29:51
429
1
原创 4列布局1
源代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{
2020-08-08 15:00:05
192
原创 4列布局实例2
布局代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./
2020-08-08 14:56:23
218
原创 bootstrap的使用案例
<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <!--1.引入viewport meta标签 --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- 2.引入bootstrap.
2020-08-06 19:16:48
122
原创 媒体查询media
媒体查询1.引入meta标签<meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum=scale=1.0,user-scalable=no'>2.使用@media属性设置不同尺寸下的样式<link rel="stylesheet" media='' href=""> media属性方法1<!DOCTYPE html>&l
2020-08-06 19:15:39
86
原创 变形transform
旋转rotaterotateX()单杠运动，改变heightroteateY()钢管舞运动,改变widthrotateZ()旋转盘rotate()eg：transform:rotate(30deg);//deg表示度数倾斜skeweg: transform:akewX(30deg)
2020-08-06 16:03:50
67
原创 过渡属性transition
transition-property过渡属性eg:transition-property:width;只过渡width属性transition-property:width height;过渡width和height属性transition-property:all;过渡所有属性-duration持续时间-dalay延迟时间-timing-function速度lineareaseease-inease-outease-in-outbox-shadow:5px 5px 3px red
2020-08-06 15:47:44
94
原创 html页面选项卡logo的引用
选项卡logo：16px*16px.ico1.获取一个ico格式图标 16px*16px2.在html页面中引入图标<link rel="shortcut icon" type='images/-icon' href="">
2020-08-05 22:38:04
444
原创 css动画制作
1.定义动画轨迹@keyframes 轨迹名称{from{//开始位置的样式}to{//结束位置的样式}}或者：@keyframes 轨迹名称{0%{}50%{}60%{}100%{}}2.元素执行轨迹div{animation-name:轨迹名称}animation-timing-function:easeease-inease-outease-in-outlinearsteps(3)实例：呼吸灯：1.外圆 1.扩大10px 2.缩小10px
2020-08-05 22:36:46
183
原创 水平居中和垂直居中的设置
如何让元素在父元素中水平或垂直居中：行内元素：text-align:center;line-height:height;块级元素：1.给父元素设置display:flex伸缩盒布局;并且设置:align-items:center;justify-content:center;2.给父元素一个定位属性，子元素使用绝对定位，并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置；然后再让子元素使用margin-left:-width/2;margin-top:-h
2020-08-05 00:07:18
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人