WebSocket
摘要：WebSocket 是一种在单个TCP连接上进行全双工通信的协议，使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。WebSocket API 也被 W3C 定为标准。 在WebSocket API 中，通过 HTTP/1.1 协议的 101 状态码进行握手，浏览器和服务
阅读全文
posted @ 2022-02-28 15:46
随笔分类 - 前端-其他
git版本管理1
摘要：GitLab作为仓库管理工具 与svn这种集中式版本控制系统不同，Git 是一个开源的分布式版本控制系统。 分布式版本控制 优点： 1、分支管理 工作模型： Git 项目中的主要区域： Git 目录 也被称为Git仓库，是保存Git项目元数据和对象数据库的地方。是Git最重要的部分，当从其他计算机中
阅读全文
posted @ 2022-02-25 16:01
浏览器渲染页面
摘要：1、浏览器解析HTML源码，然后创建一个DOM树。 在DOM树中，每一个HTML标签都有一个对应的节点，而且每一个文本也都有一个对应的文本节点。DOM树的根节点就是documentElement，对应的是html标签。 2、浏览器解析CSS代码，计算出最终的样式数据。 3、构造出DOM树，计算出样式
阅读全文
posted @ 2021-04-12 10:20
数组去重
摘要：数组去重 /** * sufeng * 另外开辟一个数组，将原数组中的每个不存在的元素存入到新数组中 */ var sourceArray = [1,2,2,2,3,3,3,4,5,6], testArray = []; for(var i=0;i<sourceArray.length;i++){
阅读全文
posted @ 2021-04-08 15:02
get、post请求
摘要：get、post的区别 1、get传参方式是通过地址栏URL传递，把请求数据在URL通过 “?”和“&”进行参数分割。post传参方式参数URL不可见，存放在HTTP的包体内。 2、get传递数据是通过URL进行传递，对传递的数据是受URL大小的限制，URL最大长度是2048个字节，post没有长度
阅读全文
posted @ 2021-04-08 14:52
实现JS数据拷贝
摘要：实现JS数据拷贝 实现一个函数 clone ,可以对JavaScript 中的 5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。 function clone(obj) { var o; switch(typeof obj){ case "u
阅读全文
posted @ 2021-04-08 10:01
charCodeAt() 方法
摘要：charCodeAt() 来获得字符串中某个具体字符的 Unicode 编码 返回字符串中指定位置的字符的 Unicode 编码 let str = "sufeng"; for (let i = 0; i < str.length; i++) { console.log(str.charCodeAt
阅读全文
posted @ 2021-04-08 09:42
indexOf 实例
摘要：indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 value：必需，规定需检索的字符串值。可选的整数参数。 index：规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。 ind
阅读全文
posted @ 2021-04-08 09:21
DOM事件流
摘要：DOM事件流 同时支持两种事件模型，捕获型事件和冒泡型，但是捕获型事件先发生，两种事件流会触及DOM中所有对象，从document对象开始，也在document对象结束。 添加事件 W3C标准的浏览器在添加事件时用addEventListener(event, fn, useCapture)方法，其
阅读全文
posted @ 2021-04-07 14:15
事件代理
摘要：事件委托是指将事件绑定到目标元素的父元素上，利用冒泡机制触发该事件 ulEl.addEventListener('click', function(e){ var target = event.target || event.srcElement; if(!!target&&target.nodeN
阅读全文
posted @ 2021-04-06 17:10
浏览器渲染页面
摘要：浏览器渲染页面的一般过程： 1、浏览器解析HTML源码，然后创建DOM树。 2、浏览器解析CSS代码，计算出最终的样式数据，构建CSSOM树。 3、DOM Tree +CSSOM -->渲染树（rendering tree）。 渲染树和DOM树有点像，只是DOM树完全和html标签一一对应，但是渲染
阅读全文
posted @ 2021-04-06 16:56
HTTP事务
摘要：一次完整的HTTP事务是怎样的一个过程？ 1、基本流程： 域名解析 TCP三次握手 建立TCP连接后发起HTTP请求 服务器端响应HTTP请求 浏览器解析HTML 浏览器对页面重新进行渲染
阅读全文
posted @ 2021-04-06 15:53
Ajax
摘要：Ajax并不是新技术，而是指这样一种方法，使用现有的几种技术--包括CSS样式表，JavaScript,XHTML,XML和可扩展样式语言转换（XSLT）,开发....在传统的JavaScript编程中，如果希望从服务器上的文件或数据库中得到任何信息，或者向服务器发送信息的话，就必须利用一个HTML
阅读全文
posted @ 2020-01-02 16:37
xml
摘要：XML是一种元标记语言，所谓元标记就是开发者可以根据自己的需要定义自己的标记，比如开发者定义<name>,<book>标记，任何满足XML命名规则的名称都可以标记，这就为不同的应用程序打开了大门。XML是Extensible Markup Language的缩写，中文全称是"可扩展标记语言"，它是一
阅读全文
posted @ 2020-01-02 16:26
网页设计
摘要：网页设计：网页设计的理解 设计制作的水平 自身的美感以及对页面的把握。网页： 图像和版面设计、下载速度、在考虑客户端的传输速度的前提下使用三维动画、flash动画等多媒体形式，清晰的导航1 网站的整体风格： 风格（Style）是抽象的，是指站点的整体形象给浏览者的综合感受。这个整体形象包括站点的CI
阅读全文
posted @ 2020-01-02 00:45
网页类型
摘要：网页类型： CGI 一种编程标准，它规定了Web服务器调用其他可执行程序的接口协议标准。 CGI程序通过读取使用者的输入请求从而产生html网页。它可以用任何语言来编写，目前最为流行的是Prel。 ASP是一种应用程序环境，可以利用VBScript和JavaScript语言来设计，主要用于网络数据库
阅读全文
posted @ 2020-01-02 00:35
移动和web
摘要：移动智能设备之所以能够风靡全球，是因为它们具有Apple和Google提供SDK给第三方开发者进行开发， Apple提供的是基于Object-C语言的iOS SDK开发， Google提供的是基于java语言的Android SDK 应用开发。 基于原生SDK的开发存在以下优势： 1 更好的用户体验
阅读全文
posted @ 2020-01-01 12:57
