自定义博客皮肤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 1029 2

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

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

2021-05-15 16:40:02 1255 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 404 1

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

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

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

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

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

2020-11-05 21:19:00 189

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

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

2020-11-04 21:00:08 1054

原创 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 650

原创 java script 最基本认识

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

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

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

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

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

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

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

2020-10-27 14:01:54 259

原创 前端基本语法的扩展

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

2020-10-25 20:25:47 206

原创 前端对图片的处理

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

2020-10-25 20:18:59 478

原创 前端语法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、right y : top、center、bot

2020-10-25 20:01:07 309

原创 前端的基本语法1

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

2020-10-18 22:40:13 943

原创 前端基本认知

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

2020-10-18 22:23:41 264

空空如也

空空如也

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

TA关注的人

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