- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue对象的变化侦测
js中的Object.prototype方法可以让我们知道数据在什么时候发生了变化let car = {}let val = 3000Object.defineProperty(car, 'price', { enumerable: true, configurable: true, get(){ console.log('price属性被读取了') return val }, set(newVal){ console.log('price属性被修改了'
2022-01-26 18:10:18
1063
原创 http请求头和响应头
Accept：表示客户端可以接受的内容类型Accept-Language：表示客户端可以接受的语言User-Agent：浏览器信息Accept-Encoding：支持的压缩格式Host：访问地址
2022-01-26 17:32:07
1151
原创 【无标题】
get和post的区别是什么？get和post是请求的两种方式，都可以实现将数据从浏览器向服务器发送带参数的请求，请求底层协议都是http协议，所以两者本质上没有什么区别。get方法通过键值对形式把参数存放在url中，参数是英文原样显示，参数是中文或者其他语言，会有长度限制。由于参数都显示在浏览器地址栏里面，所以不安全。主要区别位置 回退 长度 书签 缓存 自负1.提交的数据存放的位置不同，这是最大的区别。2.get方法回退，浏览器会在缓存中拿取结果，post回退，浏览器需要创建新资源3.ge
2022-01-26 17:05:14
376
原创 【无标题】
set功能：数组去重// 去除数组的重复成员法1 [...new Set(array)]法2 Array.from(new Set(array));将类数组转换为数组const set = new Set(document.querySelectorAll('div'));set.size // 56去除字符串里面的重复字符。[...new Set('ababbc')].join('')// "abc"2、类似于数组，但是成员的值都是唯一的，没有重复的值。//本身
2022-01-26 15:34:49
757
原创 【无标题】
js代码执行过程1、语法分析，浏览器先通栏浏览一下整体的代码有没有少写分号、单词拼错等语法的错误。2、 JS预编译，本质是创建AO对象或GO对象，对其属性的操作。3、 解释性执行，就是一行一行的读取代码执行代码。JS预编译AO对象：Activation Object，指活动性对象，也叫执行期上下文，就是我们通常所说的作用域。这里指函数的局部作用域。1.先创建AO对象 AO{}2.形参赋值 && 变量提升（function var）3.代码自上而下执行...
2022-01-25 10:18:05
32
原创 http的常用方法
什么是HTTP？HTTP，即超文本传输协议，是一种实现客户端和服务器之间通信的响应协议，它是用作客户端和服务器之间的请求。客户端（浏览器）会向服务器提交HTTP请求；然后服务器向客户端返回响应；其中响应包含有关请求的状态信息，还可能包含请求的内容。1、GET方法GET方法用于使用给定的URI从给定服务器中检索信息，即从指定资源中请求数据。使用GET方法的请求应该只是检索数据，并且不应对数据产生其他影响。2、POST方法POST方法用于将数据发送到服务器以创建或更新资源，它要求服务器确认请求中包含
2022-01-19 10:22:00
3295
原创 前端面试总结
一面 8/21实习项目介绍从输入url到展示页面过程cssom树生成过程position，float会相互影响么css层叠和继承如何向别人通俗易懂的介绍css，js，html的功能(就是说一下三层的概念)js语言的特点（ 面向对象 函数一等公民 弱类型 展开问）trycatch如何替代async await 特点 ，使用方法，如何实现浮动有什么特点float最开始用来做什么（用来做导航？）addEventListener绑定多个事件怎么执行内联onclick和jsonclick是否冲突什么是原型链vue，
2022-01-19 10:09:05
53
原创 双飞翼布局 圣杯布局
css经典布局——双飞翼布局双飞翼布局要求header和footer各自占领屏幕所有宽度，高度固定。中间的container是一个三栏布局。三栏布局两侧宽度固定不变，中间部分自动填充整个区域。中间部分的高度是三栏中最高的区域的高度。实现left、center、right三种都设置左浮动设置center宽度为100%设置负边距，left设置负边距为100%，right设置负边距为自身宽度设置content的margin值为左右两个侧栏留出空间，margin值大小为left和right宽
2021-12-27 19:02:26
46
原创 前端校招面试-题库
一、话术类自我介绍结合自身学习介绍项目介绍一下你最难的项目用 node.js 做过什么东西？websocket 怎么做的聊天服务器有什么想问的吗？如何看待 Vue 和 React 这些框架带来的好处？模块开发的好处？如果让你封装自己的组件应该怎么做？10.面对新的框架和技术你怎么学习？11.你怎么规划未来的前端学习？12.为什么打算来这？13.你的期望薪资？14.你在学校做了哪些对自己有意义的事？二、JS1、基础知识JS数据类型（必问）判断数据类型的方法（必问）作
2021-12-27 18:24:25
412
转载 offset client scroll三剑客
offset、client、scroll这几个概念很难记忆，所以打算存个档。。。一、offset在英文中 offset的意思是抵消1、offsetX、offsetY获取鼠标指针位置相对于触发事件的对象的 x 坐标和y坐标。offsetX （offsetY）规定了事件对象与目标节点的内填充边（padding edge）在 X （Y）轴方向上的偏移量。比如我给div元素注册了点击事件，在div内容区域点击，获取的就是相对于div内容区域的坐标，但一定要注意，如果点击区域是border区域那么就是相
2021-12-27 17:14:16
84
原创 前端面试题（一）
(一)腾讯区域研发前端一面自我介绍介绍一下你最难的项目1.谈谈对 vue 和 react 的理解，以及他们的区别响应式的区别react和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流。即数据变化会影响视图变化，视图变化不会影响数据变化。vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立
2021-12-27 14:11:52
2172
原创 前端校招经验
本人大四，现在在某大厂实习，因为之前打算考研，周围的人都考研，想了想自己是考不上了，所以决定开始找工作，因为准备工作时间比较短，最开始面试的就是大厂，记得第一个是百度，是一个小姐姐面的，小姐姐问的问题都很简单，我也都知道答案，但是我说不出来！！！第一次有这种感觉，印象深刻的是它问我webpack用到了哪些loader，但是明明清楚会用到解析css，html，js，热更新的。。。。但是就是没有记住名字，因为那个webpack不就是打包工具吗，配置贼复杂，我每次都直接复制官网的配置，根本没留意叫什么名字，这就.
2021-12-24 17:34:49
572
原创 git学习
工作有一段时间了，存在的问题很多，不知从何说起，大概这就是最大的问题，但是还是有一个很想说的就是git在工作中几乎必须用到，在工作开发中，难免（不是难免，是必然！）会遇到很多时候需要并行开发多个需求，这个时候就需要我们对分支理解透彻，对于技术真的要知其然并知其所以然。。。如果只是按部就班地学习几个常用命令，那中间会遇到各种各样奇奇怪怪的坑，所以我现在打算写一个关于git的博客，打个预防针，很多资料都是搬过来的（我只是一个搬运工，但是会搜罗全网的资料 并且以更加通俗易懂的方式来记录学习过程，使得git学者可.
2021-12-13 17:04:31
172
转载 webview详解
一、基础知识1、webview入门知识1.我们通常是用浏览器来浏览网页，你很清楚的知道你正在使用浏览器，要么是PC客户端，要么是手机上的app。但是webview是一个嵌入式的浏览器，是嵌入在原生应用中的，你可能都意识不到你在用浏览器。2.传统浏览器分为两个部分，UI(地址栏、导航栏)和浏览器引擎。webview就是原生应用中的浏览器引擎。3.webview只是一个可视化的组件，是作为原生APP的视觉部分。4.用webview展示的内容是不需要存储在本地的，可以直接从服务器获取。5.这种灵活性打
2021-12-08 11:30:06
8041
1
转载 HTTP 1.0 1.1 2.0 3.0详解
HTTP 1.0 1.1 2.0 3.0详解1、HTTP 1.0是一种无状态，无连接的应用层协议规定浏览器和服务器保持短暂的链接。浏览器每次请求都需要与服务器建立一个TCP连接，服务器处理完成以后立即断开TCP连接（无连接），服务器不跟踪也每个客户单，也不记录过去的请求（无状态）。这种无状态性可以借助cookie/session机制来做身份认证和状态记录。存在的问题无法复用连接：每次发送请求，都需要进行一次TCP连接，而TCP的连接释放过程又是比较费事的。这种无连接的特性会使得网
2021-12-06 15:37:51
774
原创 前端实习经历
一、前端实习工作总结（第一月）遇到了很多问题，希望大家能引以为鉴，因为是个人博客，所以废话比较多，不喜欢的绕过去哈情绪篇第一份工作很难控制自己的情绪，经常会很崩溃，和在学校不一样，做任何事情都不能带上情绪，工作是工作，生活是生活，555，我大概是一个不会控制自己情绪的人，心里面已经不舒服了机会表现出来，受到委屈了眼泪就会忍不住地往下流，一定要控制自己的情绪，以为不可能事事如意，遇到不满意的事情也不要立马表现出来，要随机应变，如果你和我一样不是属于很机灵的人，那就在遇到问题的时候，在心里面暗示自己
2021-11-25 11:44:05
3383
原创 浏览器内核和控制台
一、常用浏览器webkit内核（v8引擎）谷歌ChromeSafariOpera国产浏览器手机浏览器Gecko火狐PrestoOperaTridentIEIE EDGE开始采用双内核（其中包括chromemini）二、google浏览器的控制台Elements：查看结构样式，可以修改这些内容Console：查看输出结果和报错信息，是js调试的利器Network：查看当前网站资源的请求信息（包括和服务器传输的http报文信息）、加载时间等（根据加载
2021-09-05 11:33:02
182
原创 开发服务器的完整流程-01实现返回固定页面
# 开发服务器的完整流程01-编写第一个服务器（实现返回固定页面）预备知识首先我们要清楚，当浏览器向服务器请求数据时，会发生以下两个动作浏览器向服务器发送请求，请求的格式如代码片段1服务器向浏览器返回响应数据（如代码片段2），这些数据渲染在浏览器上形成网页这也就意味着我们编写一个服务器时，需要向浏览器返回如代码片段2的数据，而并不是所有内容都要返回，我们刚开始写一个服务器，可以只返回一些必须的数据，如下所示HTTP/1.1 200 OKbody部分分为两个部分：heade
2021-05-01 17:12:49
150
原创 tcp三次握手，四次挥手
tcp三次握手，四次挥手1.三次握手（双方一起准备资源的过程）四次握手过程：客户端发送数字1服务器返回数字1加一，则服务器准备好资源向客户端发送服务器发送一个数字2客户端返回数字2加一，则客户端资源也已经准备好，即同意建立连接经历四次握手后，tcp连接建立成功，可以开始发送数据。三次握手过程：客户端发送一个数字1服务器返回数字1加一和一个新的数字2，客户端返回新的数字2加一经历三次握手后，则tcp连接建立成功，可以开始发送数据。两者区别：三次握
2021-04-28 16:42:34
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人