- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 21秋招，我放弃了前端
不知不觉已经参加工作差不多一年了，现在每天赶公交、上班干活、赶公交，已经不是之前熟悉的敲代码了，现在时不时从QQ邮箱那边传来之前写的文章被阅读的信息，这些信息时刻告诉我曾仰望过前端世界的大门，在21年的秋招我却止步于这大门外。
2022-10-07 15:30:11
691
1
原创 浮动与清除浮动
清除浮动前：清除浮动后：1. 父元素设置足够的高度<!-- html 内容 --><div class="out"> <div class="big"> 大盒子 </div> <div class="small"> 小盒子 </div></div><div class="footer"> 底部</div><!-- css 内容 -->.out{
2021-06-21 20:09:19
58
原创 流体布局、圣杯布局和双飞翼布局
流体布局：<!-- html 内容 --><div class="container"> <div class="left">left</div> <div class="right">right</div> <div class="middle">middle</div></div><!-- css 内容 -->.left{ width: 300px; .
2021-06-20 20:19:11
153
原创 水平居中、垂直居中、水平垂直居中总结
水平居中margin方案text-align方案相对定位绝对定位table-cell方案flex方案grid方案transform方案垂直居中margin方案相对定位绝对定位table-cell方案flex方案grid方案transform方案水平垂直居中margin方案相对定位绝对定位table-cell方案flex方案grid方案transform方案通用html代码<div class="father"> <div c
2021-06-19 09:54:15
70
原创 前端HTML小结
web标准和w3c标准行内元素、块级元素和空元素< !DOCTYPE>语义化SEOiframecookie、sessionStorage和localStorage的区别离线缓存渐进增强和优降级1.1web标准和w3c标准：标签闭合、标签小写、不乱嵌套、从外部引入css和js、结构行为表现分离2.行内元素、块级元素和空元素2.1.1 行内元素行内元素不可以设置宽高，不独占一行2.1.2 常用实例a、b、span、img、input、select、strong2..
2021-06-16 13:21:53
55
原创 前端计算机网络知识小结
1.HTTP协议的特点2.报文的组成部分3.HTTP常用方法4.GET和POST的区别5.HTTP状态码6.HTTP与HTTPS7.TCP与UDP8.三次挥手与四次握手9.持续连接10.管线化HTTP的特点简单快速、灵活、无连接、无状态报文的组成部分2.1 请求报文请求行：包含请求方法、请求url、协议版本、CRLF请求头：包含general-header、request-header等等空行：请求头和消息实体之间有一个CRLF分隔请求体：请求的消息实体2.2 响
2021-06-15 20:17:21
144
2
原创 下拉框简约计算器
sumf 求和运算，使用for语句实现，计算从左操作数（整数）到右操作数（整 数）之间各自然数之和sumw 求和运算，使用while语句实现，计算从左操作数（整数）到右操作数（整 数）之间各自然数之和2.1 css代码：.container{ width: 650px; height: 80px; border: 5px solid blue; list-style: none; margin-left: 438px; ma.
2021-05-17 07:47:21
316
原创 代码：移动端登陆页面
效果图：css代码：* { margin: 0; padding: 0; font-family: 微软雅黑; font-size: 12px; } html{ background-image: linear-gradient(to right, #43c6ac 0%, #191654 100%) } #header{ height: 44px; background-colo
2021-05-01 14:23:50
940
原创 在Hbuilder X 创建基于 mui 的移动端APP
MUI：最接近原生APP体验的高性能前端框架第一步：打开 Hbuilder X。第二步：在主页面点击“新建项目”，或者左上角的“文件>> 新建>> 项目”。第三步:选择 5+APP（A），填写项目名称，选择mui项目，点击创建。第四步：创建成功后，下图为文件结构。...
2021-05-01 09:22:11
566
1
原创 HTTP与HTTPS
1.1 协议：网络协议是通信计算机双方必须共同遵从的一组约定。如怎么样建立连接、怎么样互相识别等。2.1 HTTP协议：是互联网应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准，用于从www服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。2.2 优点：1.简单、灵活和易于拓展2.应用广泛，跨平台性强3.无状态，减轻服务器负担2.3 缺点：1.过于简单且明文传输，内容易被窃取2.无状态，无法做出多个步骤动作3.请求-应答 模式易导致请求阻
2021-03-07 13:35:41
64
原创 display常用属性值
display：display 属性设置元素如何显示.1.inline:默认值，行内元素。不能设置高度，宽度由内容宽度撑开.#inline{ display: inline; border: 1px solid pink;}<body> <div id="inline"> 楼头残梦五更钟 花低离愁三月雨 楼头残梦五更钟 花低离愁三月雨 楼头残梦五更钟 花低离愁三月雨 楼头残梦五更钟 花低离愁三月雨 </div>
2021-01-25 10:30:06
599
原创 position常用属性值
1.1 在CSS中可以通过position属性定义元素定位显示，其常用语法如下：position：static | relative | absolute | fixed2.1 static: HTML元素的默认值，表示没有定位，静态定位的元素不会受到 top, bottom, left, right影响。/* 清除浏览器默认样式 */*{ margin: 0; padding: 0;}#static{ height: 100px; width: 100px; border: sol
2021-01-17 20:56:04
1065
原创 CSS常用选择器优先级
1.单个选择器优先级：1.1 !importantdiv{ color:gray !important;}<body><div>明月几时有 把酒问青天</div></body>1.2 内联样式 style<body> <div style="color: gray;"> 三十功名尘与土，八千里路云和月 </div></body>1.3 ID选择器 #id{ }#
2021-01-15 21:36:12
251
原创 简单认识箭头函数
1.函数声明式function playerA(num1,num2){ console.log(num1+num2);}playerA(6,23);函数表达式let playerB = function(num1,num2){console.log(num1+num2);}playerB(8,24);3.箭头函数 箭头函数：（ ）=> {} 前面的小括号放置一个或多个参数 后面的大括号放置一条或多条函数体的内容3.1 当箭头函数没有形参的时候，（）不能省略
2020-12-06 19:57:00
108
原创 var、let和const
1. var关键字1.1 var声明作用域在函数内，使用var定义的变量会成为函数内的局部变量在函数内，没有使用var定义的变量会变成全局变量function playerA(){var lbj = 23; //使用var定义console.log(lbj); //23}playerA();console.log(lbj); //Uncaught ReferenceError: lbj is not defined function playerB(){kb = 24;
2020-11-29 13:27:44
72
原创 闭包简单理解
什么是闭包：引用外部函数作用域中的变量或函数的函数，在嵌套函数中实现产生闭包的条件函数嵌套内部函数引用了外部函数的数据（变量/函数）执行函数定义就会产生闭包闭包的作用1.在函数执行完后，局部变量会自动释放，释放过后不能再次访问。而在闭包中，函数内部的变量在函数执行过后仍然存活在内存中（延长局部变量的生命周期）2.函数的作用：隔离变量局部变量是封闭的，外部对内部数据不可以直接访问，内部队外部数据可以通过作用域链进行访问而在闭包中，让函数外部可以操作（读/写）函数内部的数据（变量/函数
2020-11-22 22:48:30
68
原创 使用CSS和HTML实现3D旋转魔方效果
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> html{ /* 设置3D元素距视图的距离 */ perspective: 1800px; } .cube{ width: 1080px; height: 1080px; .
2020-11-15 15:15:10
857
原创 作用域与作用域链
1.1变量作用域：全局作用域：如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量函数作用域：变量在函数内声明，变量为局部作用域。var lbj = 23;function player(){var kb = 24;console.log(kb); //24}player();console.log(lbj); //23效果图解释：1.2作用域作用：隔离变量，不同的作用域之下同名的变量不会有冲突var best = '詹姆斯';funct
2020-11-07 14:59:37
55
原创 执行上下文
1. 全局执行上下文：*在执行全局代码前将window确定为全局执行上下文*对数据进行预处理var定义的全局变量为undefined,添加为window的属性function声明的全局函数赋值为（fun）,添加为window的方法this 赋值为（window）*开始执行全局代码//全局执行上下文console.log(a1,window.a1); //undefined undefinedconsole.log(a2); //ƒ a2(){console.log('a2')}
2020-10-31 14:21:50
58
原创 变量提升和函数提升
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-10-24 13:35:57
71
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人