自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 代码运行机制(简述)

输入url到页面渲染过程:1 ip协议=>dns解析 (找到你要找的服务器),三次握手 ,建立连接开始交互2 页面渲染3垃圾回收(1).UDP协议:面向无连接,面向无对象,不需要正式传递数据之前就连接双方,udp 只负责数据包的搬运,不保证数据包的有序和丢失。面向无对象:不需要三次握手.应用场景:纪实微信视频通话–用tcp会有延迟,不合适。#tcp协议(有拥塞控制,不会拥塞)要建立连接传输,传输过程有各种算法,保证数据的可靠性,没有udp高效三次握手:1客户端向服务端发送连

2021-06-01 12:50:38 828 2

原创 js在浏览器中运行机制

js在浏览器中运行机制浏览器工作原理:浏览器的网络流程,页面渲染的流程,js执行流程,web安全浏览器的多进程架构进程和线程并行处理 能大大提升性能多线程可以并行处理任务,但是线程不能单独存在的,它是由进程来启动和管理的。 一个进程就是一个程序运行实例,操作系统为一个程序创建一个内存,用来存放代码,运行数据和执行主线程,这样的运行环境叫进程。线程依附于进程1进程中任意一个线程执行出错,都会导致怎个进程崩溃2线程之间可以共享数据3当一个进程关闭后,操作系统会回收操作系统占用的内存4

2021-05-15 16:40:02 1083 6

原创 java Script (BOM DOM)

****BOM: Browse Object Model,提供与浏览器交互的方法和接口DOM: Document Object Model,提供访问和操作网页内容的方法和接口BOM 思维图:BOM的概念和定义Bom 就是浏览器的对象【模型】 提起BOM就不得不提起JavaScript的构成。ECMAScript为JavaScript的核心,但是要是在浏览器中使用JavaScript,那么JavaScript需要听从BOM的调遣。BOM的规则如下:1 系统对话框浏览器可以通过alert()、c

2020-11-08 10:35:11 326 1

原创 java Script (math对象和日期对象)

什么是对象?编程发展历史有关:对象创建Object 类型创建 Object 类型有两种。一种是使用 new 运算符,一种是字面量表示法。<1>使用 new 运算符创建 Objectvar box=new Object(); //new 方式box.name=‘田雨飞’; //创建属性字段box.age= 18; //创建属性字段<2>new 关键字可以省略var box=Object(); //省略了 new 关键字&l

2020-11-07 21:39:31 230 1

原创 java script ( 三 ECMA5新增知识点 字符串方法)

严格模式除了正常运行模式,ECMAscript 5 添加了第二种运行模式:“严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。严格模式的目的:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新版本的Javascript做好铺垫。【注】"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向,包括IE 10在内的主流浏览器

2020-11-05 21:19:00 128

原创 java script (二 函数 数组 用法)

函数的概念和作用概念:函数就是把完成特定功能的一段代码[抽象出来],使之成为程序中的一个[独立实体],起个名字(函数名)。可以在同一个程序或其他程序中多次重复使用(通过函数名调用)作用:使程序变得简短而清晰有利于程序维护可以提高程序开发效率提高了代码的重用性(复用性)函数的分类1.内置函数(系统函数、官方函数)是官方提供好的函数,直接使用,例如:alert()document.write()console.log()parseInt() parseFloat()…2.自定义函数

2020-11-04 21:00:08 952

原创 java script(一 基础 流程控制语句)

数据类型Number:数字(整数,浮点数float)Array:数组Object:对象布尔类型:Boolean a==b特殊类型:Null、Undefined、NaN如果alert(abc)一个不存在的变量,会直接报错,而不是undefined,可见undefined和真正的未定义还是有些区别的。因为它是一种特殊类型。【注】null也是一种值,但逻辑含义是没有值,它是对象Object类型。【注】typeof关键字JS是弱引用语言js是弱数据类型的语言,容错性较高。定义时不需.

2020-11-04 20:35:11 544

原创 java script 最基本认识

1、什么是javascript?JavaScript ———— 一个面向对象的跨平台脚本语言。(高级编程语言)什么是脚本?HTML文件必须在浏览器里执行。JS文件必须嵌入到HTML文件里才能执行。凡是不能独立执行需要依赖其他程序的,通常都叫做脚本。JS和HTML、CSS的关系如果将我们建设一个网站比作是建设一栋大楼的话。html 相当于这栋楼的骨架Css 相当于这栋楼的装修JavaScript 相当于管理这栋楼的物业,让我们住在这个小区,有

2020-11-02 21:16:59 492 1

原创 前端浏览器不同的bug以及文字阴影效果

text-shadow:文字的阴影x y blur color注:阴影的默认颜色是跟文字样色相同注:通过逗号的方式进行分割,可以设置多阴影box-shadow:xyblurspreadcolorinset多阴影注:盒子阴影的默认样色是黑色。注:默认就是外阴影,如果设置outset不起作用,可选的值只有inset表示内阴影。mask 遮罩urlrepeatxywh多遮罩注:mask目前还没有标准化,所以需要添加浏览器前缀。注:默认是x、y都平铺。..

2020-10-27 14:04:38 220 2

原创 前端的过渡与3d语法

浏览器前缀?CSS3去兼容不同的浏览器,针对旧的浏览器做兼容,新浏览器基本不需要添加前缀。transition 过渡?transition-property : 规定设置过渡效果的CSS属性的名称。transition-duration : 规定完成过渡效果需要多少秒或毫秒。transition-delay : 定义过渡效果何时开始。 ( 延迟(数值为正数),也可以提前(数值为负数) )transition-timing-function : 规定速度效果的速度曲线。..

2020-10-27 14:01:54 189

原创 前端基本语法的扩展

strong与b、em与i?表现形态都是 文本加粗 和 文本斜体区别:是否具备语义化引用标签?blockquote : 引用大段的段落解释q : 引用小段的短语解释abbr : 缩写或首字母缩略词address : 引用文档地址信息cite : 引用著作的标题iframe标签?可以引入其他的html到当前html中显示。主要是利用iframe的属性进行样式的调节。br 与 wbr ?br 就是换行、 wbr 就是软换行(在指定时机进行换行)

2020-10-25 20:25:47 149

原创 前端对图片的处理

photoShop使用?组成:菜单项工具栏辅助面板快捷键:ctrl + r : 显示隐藏标尺在标尺上可以拖拽参考线可以通过移动工具拖拽回去,也可以在视图菜单中选择清除所有的参考线图层中的小眼睛可以对当前图层进行显示隐藏alt + 滚轮:可以对图片进行放大缩小png等图片的切图流程:1. 通过矩形选框工具,选择指定的区域微调:alt 减少区域 shift 增加区域 上下左右键进行微调利用参考线记录量取的位置,以便以后测量其他的值2. ctrl + c : 复制图层3. c

2020-10-25 20:18:59 388

原创 前端语法2

background-color 背景色background-image 背景图url(背景地址)默认:会水平垂直都铺满背景图background-repeat 平铺方式repeat-x x轴平铺repeat-y y轴平铺repeat ( x , y 都进行平铺,默认值 )no-repeat 都不平铺background-position : 背景位置x y : number(px、%) | 单词x : left、center、righty : top、center、bot

2020-10-25 20:01:07 183

原创 前端的基本语法1

前端的最基本语法内容h1标题标签i属性为斜体hr分隔符 单换行br 单段落pb标签字体变粗空格nbsptitle网页标题图片添加 img src=图片地址 单ul. li 无序 ol li 有序超链接 a href=跳转地址

2020-10-18 22:40:13 793

原创 前端基本认知

前端基本认知w3c万维网 用于规则,维护网页编程语言维护opens 网络通信提供加密工具保障信息安全代码编程工具 Hbuildrx vs code sublime textwebStorm Atom最简单Hbuildrx 初级入门写作规范缩进二个空格...

2020-10-18 22:23:41 192

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除