![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 81
菜鸟郭郭
非常菜的菜鸟
展开
-
充电计划 -- 浏览器工作流程、渲染流程
浏览器工作流程(渲染流程)前提HTTP与TCP/IP区别HTTP的三大风险浏览器工作原理参考博客:前端面试题必考(一)- 浏览器(HTTP与HTTPS)工作流程/渲染过程前提HTTP与TCP/IP区别TPC/IP协议是传输层协议,主要解决数据如何在网络中传输。HTTP是应用层协议,主要解决如何包装数据。WEB使用HTTP协议作应用层协议,以封装HTTP 文本信息,然后使用TCP/IP做传输层协议将它发到网络上。IP协议的作用是把TCP分割好的各种数据包封装到IP包里面传送给接收方。HTTP的三原创 2021-04-14 17:35:18 · 134 阅读 · 0 评论 -
充电计划 -- node.js(简介与安装)
node.js简介安装查看版本创建应用组成部分步骤简介Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。安装参考教程:Node.js安装配置查看版本node -v创建应用使用 Node.js 时,实现了一个应用,同时还实现了整个 HTTP 服务器。转载 2021-06-01 11:37:50 · 285 阅读 · 0 评论 -
web学习 -- jsp
Java Server Pages: java服务器端页面,一个特殊的页面,其中既可以指定定义html标签,又可以定义java代码原创 2020-04-06 22:09:03 · 187 阅读 · 0 评论 -
web学习 -- bootstrap
一个前端开发的框架,Bootstrap,来自 Twitter,是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的,它简洁灵活,使得 Web 开发更加快捷原创 2020-04-02 21:32:19 · 125 阅读 · 0 评论 -
充电计划 -- http协议
文章目录HTTP概念请求消息数据格式响应消息数据格式HTTP概念Hyper Text Transfer Protocol 超文本传输协议传输协议:定义了,客户端和服务器端通信时,发送数据的格式特点:1. 基于TCP/IP的高级协议2. 默认端口号:803. 基于请求/响应模型的:一次请求对应一次响应4. 无状态的:每次请求之间相互独立,不能交互数据历史版本:* 1...原创 2020-04-05 18:18:29 · 137 阅读 · 0 评论 -
web学习 -- 错误代码
文章目录305-使用代理400-请求无效403-禁止访问404-文件缺失405 -资源禁止408-请求超时305-使用代理不能直接访问网站,要通过某个代理才能进去。比如:访问一些外网,要使用VPN访问400-请求无效服务器无法理解用户的请求,除非进行修改比如:小心输入错误,导致服务器无法处理403-禁止访问服务器拒绝地址请求比如:无访问网站的权限404-文件缺失找不到查询的页...原创 2020-03-16 23:41:50 · 119 阅读 · 0 评论 -
web学习 --JavaScript Promise对象
ECMAscript 6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件,用来传递异步操作的消息。原创 2020-08-18 16:57:18 · 227 阅读 · 0 评论 -
web学习 -- JavaScript async
async 是 ES7 才有的与异步操作有关的关键字原创 2020-08-18 16:28:50 · 113 阅读 · 0 评论 -
web学习 -- CMD标准(Common Module Definition)
CMD (同步执行)是 SeaJS 在推广过程中对模块定义的规范化产出。原创 2020-08-18 16:04:54 · 334 阅读 · 0 评论 -
web学习 -- ESM规范(ECMA Script Modules)
ESM原理原理模块开发时,其实是构建依赖关系图的过程,模块之间的依赖通过import导入语句找到其所依赖的其他代码文件,依赖关系会指定一个入口文件但是浏览器并不能直接使用这些代码,需要进行解析所有文件,并把它们变成一种模块记录(Module Record)的数据结构,解析后再变成模块实例,模块实例会包含代码+状态,其实就是指令+变量值的结合。对于模块而言,真正需要的是模块实例。模块加载从入口文件开始,最终生成完整的模块实例关系图。过程包含:构建:查找,下载,然后把所有文件解析成module原创 2020-08-18 15:55:46 · 1803 阅读 · 0 评论 -
web学习 -- AMD 规范
define和require这两个定义模块、调用模块的方法,合称为AMD模式。它的模块定义的方法非常清晰,不会污染全局环境,能够清楚地显示依赖关系。AMD模式可以用于浏览器环境,并且允许非同步加载模块,也可以根据需要动态加载模块。原创 2020-08-17 10:52:10 · 341 阅读 · 0 评论 -
web学习 -- less (CSS 预处理语言)
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。转载 2020-08-14 09:10:52 · 219 阅读 · 0 评论 -
web学习 -- JavaScript Fetch
fetch是一种HTTP数据请求的方式,是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装,而是原生js。Fetch函数就是原生js,没有使用XMLHttpRequest对象。原创 2020-08-12 16:14:28 · 804 阅读 · 0 评论 -
web学习 -- JavaScript 链接 API
JavaScript 链接 API概述APIwebAPI实操创建index.html设置层叠样式 cssJavaScript 链接API获取API断点使用HTTP请求检索数据使用json响应处理状态码代码显示数据获取HTML的dom元素并绑定数据将json数据绑定到dom元素中概述API应用程序接口,定义为各种软件组件之间的一组通信方法即,API允许软件与另一软件进行通讯webAPICRUD应用程序:create创建,read读取,update更新,delete删除(增删改查)实操创建in转载 2020-08-12 14:31:06 · 504 阅读 · 0 评论 -
web学习 -- AJAX
Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术原创 2020-08-11 13:56:42 · 81 阅读 · 0 评论 -
web学习 -- JavaScript XHR对象
1999年,微软公司发布IE5,第一次引入新功能:允许javascript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意,直到2004年Gmail发布和2005年Google Map发布,才引起广泛重视。2005年2月,ajax这个词第一次正式提出,指围绕这个功能进行开发的一整套做法。从此,ajax成为脚本发起HTTP通信的代名词,W3C也在2006年发布了它的国际标准。转载 2020-08-11 11:20:07 · 885 阅读 · 0 评论 -
web学习 -- JavaScript Prototype(原型)
Prototype 原型引入创建对象函数实例化(Functional Instantiation)共享方法的函数实例化(Functional Instantiation with Shared Methods )Object.create使用共享方法和Object.create进行函数实例化(Functional Instantiation with Shared Methods and Object.create)原型原型实例化(Prototypal Instantiation)new 关键字创建对象伪类原创 2020-08-11 09:17:43 · 185 阅读 · 0 评论 -
web学习 -- ES6标准
ES6新标准的知识点零散,本贴是ES6知识的汇总贴。主要讲ES6的新命令的具体用法,以及与之前用法的区别。转载 2020-08-10 11:16:26 · 158 阅读 · 0 评论 -
web学习 -- JavaScript匿名自执行函数(IIFE)
JS自执行函数又称为IIFE,在开发过程中会使用到大量的自执行函数转载 2020-08-10 09:30:17 · 194 阅读 · 0 评论 -
web学习 -- JavaScript 严格模式
概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:“严格模式”(strict mode)。即这种模式使得Javascript在更严格的条件下运行。目的消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新版本的Javascript做好铺垫。进入标志进入严格模式,需要在JavaScript中添加"use strict";注:老版本浏览器会将该标志当做一行普通字转载 2020-08-10 09:11:19 · 85 阅读 · 0 评论 -
web学习 -- JavaScript设计模式
JavaScript 常用设计模式设计模式模块模式暴露模块模式(Revealing Module Pattern)优点ES6 模块(ES6 Modules)导出模块导入模块单例模式(Singleton Pattern)工厂模式装饰者模式(Decorator Pattern)设计模式在软件工程中,设计模式是软件设计中常见问题可重用的解决方案。设计模式代表着经验丰富的软件开发人员使用的最佳实践。设计模式可以被认为是编程模板。模块模式模块是一段独立的代码,因此我们可以在不影响其他代码的情况下单独更转载 2020-08-07 10:20:31 · 139 阅读 · 0 评论 -
web学习 -- JavaScript Hoisting(变量提升和函数声明提升)
HoistingHoisting(提升) 这个词是用来解释 变量 和 函数声明 是如何被提升到 函数或全局 作用域顶部即JavaScript中,变量可以在使用后声明也可以先使用再声明注:JavaScript是解释性语言,JavaScript代码是逐行执行的存在示例:console.log(notyetdeclared);// 打印 'undefined' 已声明但未赋值的独享 var notyetdeclared = 'now it is declared'; hoisting();转载 2020-08-07 08:56:22 · 157 阅读 · 0 评论 -
web学习 -- HTML meta标签
meta标签介绍示例属性必选可选属性详解contenthttp-equivnamescheme介绍<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。注:<meta> 标签永远位于 head 元素内部;元数据总是以名称/值的形式被成对传递的。示例<meta http-eq原创 2020-08-06 15:02:52 · 124 阅读 · 0 评论 -
web学习 -- css 响应式web设计 Viewport
ViewportViewport1、语法2、网格视图2.1 创建3、媒体查询 @media3.1、定义3.2、语法示例3.3、媒体类型3.4、媒体功能3.5、示例4、图片4.1、width4.2、max-width4.3、背景图片contain100% 100%cover5、视频5.1、width5.2、max-width6、框架 -- BootStrapViewportviewport 是用户网页的可视区域。1、语法针对移动网页优化过的页面的viewport meta标签大致如下<meta原创 2020-08-06 14:42:29 · 353 阅读 · 0 评论 -
web学习 -- css Flexbox 弹性盒子布局
Flex 布局的主要思想是使父容器能够调节子元素的宽度/高度(和排列顺序),从而能够最好填充可用空间(主要是为了适应所有类型的显示设备和屏幕尺寸)。flex布容器能够放大子元素使之尽可能填充可用空间,也可以收缩子元素使之不溢出。转载 2020-08-05 11:40:37 · 510 阅读 · 0 评论 -
web学习 -- css grid 网格布局和项目属性
网格布局将网页划分为一个个网格,任意组成不同风格,做出各种各样的布局。容器内部采用网格定位的子元素,被称为“项目”原创 2020-08-05 09:18:18 · 330 阅读 · 0 评论 -
web学习 -- css Grid 网格布局一基本概念与容器属性
将网页划分为一个个网格,可以任意组合不同的网格,做出各种各样的布局。采用网格布局的区域,称为"容器"(container)。原创 2020-08-04 20:48:24 · 456 阅读 · 0 评论 -
web学习 -- HTML DOM
HTML DOM 定义了访问和操作HTML文档的标准方法DOM 将HTML文档表示为树结构原创 2020-08-04 14:29:47 · 142 阅读 · 0 评论 -
web学习 -- JavaScript 闭包
闭包概念闭包函数特点创建应用场景函数作为返回值闭包作为参数传递参考博客–csdn参考博客–csdn概念闭包就是能够读取其他函数内部变量的函数在本质上,闭包是将函数内部和函数外部连接起来的桥梁定义:内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后闭包函数声明在一个函数中的函数,叫做闭包函数特点1、让外部访问函数内部变量称为可能,避免使用全局变量,防止全局变量污染2、局部变量会常驻在内存中吗,但由于有一块内存空间被长期占用而不释放造成内存泄漏原创 2020-07-30 19:58:15 · 109 阅读 · 0 评论 -
web学习-- JavaScript 数学对象和随机数
文章目录MathMath.round()Math.pow()Math.sqrt()Math.abs()Math.ceil()Math.floor()Math.sin()Math.cos()Math.min() 和 Math.max()Math.random()Math 属性(常量)Math构造器随机Math.random()随机整数MathMath对象允许对数字执行数学任务Math.round()Math.round(x) 的返回值是 x 四舍五入为最接近的整数Math.round(6.8);原创 2020-07-29 13:47:20 · 303 阅读 · 0 评论 -
web学习 -- JavaScript 日期
文章目录日期创建new Date()new Date(year, month, ...)new Date(dateString)new Date(milliseconds)日期方法toUTCString()toDateString()日期格式化输入格式ISOUTC时区短日期长日期完整日期输出格式获取日期部分UTC日期方法getTime() 方法设置日期部分setSeconds()比较日期日期var d = new Date();输出:Tue Apr 02 2019 09:01:19 GMT+0800原创 2020-07-28 15:08:17 · 439 阅读 · 0 评论 -
web学习 -- JavaScript 数字和数组
文章目录数字64 位浮点数NAN 非数值Infinity十六进制前导零 和 tostring进制转化数值方法toString()toExponential() 方法toFixed() 方法toPrecision() 方法valueOf() 方法Number() 方法parseInt() 方法parseFloat() 方法数值属性数组创建数组new 创建访问遍历属性 和 方法length 属性isArray()toString()join()Popping 和 Pushingpop()push()shift(原创 2020-07-27 11:40:15 · 408 阅读 · 0 评论 -
web学习--JavaScript 字符串 事件
文章目录字符串长度特殊字符字符串方法查找字符串提取部分字符串替换字符串内容大小写转化连接字符串删除空白符提取字符串字符转化为数组事件HTML事件常见事件字符串JavaScript字符串是引号中的零个或者多个字符长度内建属性 length 可返回字符串长度特殊字符字符串必须被引号包围,JavaScript会误处理这段字符var y = "中国是瓷器的故乡,因此 china 与"China(中国)"同名。"采用 \ 转义字符进行转换示例:var x = "中国是瓷器的故乡,因此 chi原创 2020-07-24 11:05:05 · 176 阅读 · 0 评论 -
web学习--JavaScript 函数 对象
文章目录函数语法函数调用函数返回对象对象属性对象方法this关键字对象定义访问对象属性访问对象方法函数JavaScript函数被设计为执行特定任务的代码块JavaScript函数会在某函数调用时被执行语法通过function关键字进行定义,其后是函数名和括号()函数名命名规则与变量名相同(包括字母、数字、下划线和美元符号)函数参数是在函数定义中所列的名称,是当调用函数时由函数接收的真实的值注:在函数中,参数是局部变量function name(参数 1, 参数 2, 参数 3) {原创 2020-07-24 09:57:58 · 123 阅读 · 0 评论 -
web学习--JavaScript 变量 运算符
文章目录变量标识符数据类型数值字符串值布尔值数组对象null 与undefined原始数据复杂数据创建运算符算数运算符赋值运算符字符串运算符比较运算符逻辑运算符类型运算符位运算符变量在JavaScript中存储数据值的容器var x = 7;var y = 8;var z = x + y; 标识符JavaScript变量必须以唯一的名称标识;这些唯一名称被称为标识符通用规则:名称可包含字母、数字、下划线和美元符号名称必须以字母开头名称也可以 $ 和 _ 开头(但是在本教程中我们不原创 2020-07-24 09:29:46 · 244 阅读 · 0 评论 -
web学习--JavaScript dom及bom
文章目录webW3C DOM 标准核心 DOM - 针对任何结构化文档的标准模型Document:文档对象Element:元素对象Node:节点对象,其他5个的父对象XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型dom概念事件功能绑定事件常见事件bom1. 概念2. 组成:3. Window:窗口对象4. Location:地址栏对象5. Hi...原创 2020-04-02 18:51:41 · 139 阅读 · 0 评论 -
web学习 -- w3c dom标准
定义了访问html和xml文档的标准原创 2020-07-23 18:40:20 · 411 阅读 · 0 评论 -
web学习--JavaScript 基本语法与对象
文章目录webJavaScript概念: 客户端脚本语言功能:ECMAScript:客户端脚本语言的标准基本语法:1. 与html结合方式2. 注释3. 数据类型:4. 变量5. 运算符JS特殊语法基本对象1. Function:函数(方法)对象webJavaScript概念: 客户端脚本语言运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎* 脚本语言:不需要编译,...原创 2020-04-01 22:35:24 · 222 阅读 · 0 评论 -
web学习 -- css
文章目录webcss概念好处CSS的使用:CSS与html结合方式css 语法选择器1. 基础选择器2. 扩展选择器:属性1. 字体、文本2. 背景3. 边框4. 尺寸5. 盒子模型:控制布局webcss概念Cascading Style Sheets 层叠样式表层叠:多个样式可以作用在同一个html的元素上,同时生效好处功能强大将内容展示和样式控制分离* 降低耦合度...原创 2020-04-01 17:07:51 · 112 阅读 · 0 评论 -
web学习 -- html
文章目录web概念Javaweb软件架构静态资源:动态资源html语法标签1. 文件标签:构成html最基本的标签2. 文本标签:和文本有关的标签3. 图片标签:展示图片4. 列表标签5. 链接标签:6. div和span:7. 语义化标签8. 表格标签:9.表单标签web概念Javaweb使用Java语言开发基于互联网的项目软件架构1.C/S架构在用户本地有一个客户端程序,在远...原创 2020-04-01 15:34:29 · 211 阅读 · 1 评论