weixin_36215102的博客

原创 浏览器工作原理与事件（学习笔记1,宏观视角下浏览器）

浏览器工作原理与事件（学习笔记1）前言：本文为学习笔记，不用做它用，禁止未经同意的转载，大部分内容来自网课内容，如果侵权请联系本人删除开篇浏览器三大进化路线：应用程序web化；web应用移动化；web操作系统化；Chrome 朝着 SOA 的方向演化，未来很多模块都会以服务的形式提供给上层应用使用；在浏览器中引入多种编程语言的支持，比如新支持的 WebAssembly；简化渲染流程，使得渲染过程更加直接高效；加大对系统设备特性的支持；提供对复杂 Web 项目开发的支持。Chrome

原创 http学习笔记

转载 前端之跨域

前言：跨域很重要，重要到每次面试都要问，，，我又没咋用过，今天就好好梳理一下吧。先指路一篇超级全的，https://segmentfault.com/a/1190000011145364?utm_source=tag-newest什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：包括资源跳转（A连接，重定向，表单提交）；资源嵌入（link，...

原创 模块化编程

前言：一直想写模块化编程相关的，一直搁置着，因为我也搞不是很明白。今天好好的把它梳理一下。主要包括es6，CommonJS，AMD。1. js模块化为了建立一个模块化的规范制度、模块加载方式。在JavaScript中出现了一些非传统模块开发方式的规范 CommonJS的模块规范，AMD（Asynchronous Module Definition）、CMD（Common Module De...

原创 es6相关

前言：之前写了promise，generator，async，现在写一下es6的其他比较常用的地方。1 es6变量1.1 es5声明变量声明变量的方式var是js的一个关键字，用来声明变量的，在es5中，声明变量有两种方式：第一种：var num=1。如果在方法中声明，则为局部变量；如果在全局中声明，则为全局变量；第二种：num=1。事实上这是对属性进行赋值操作，首先它会首先尝试在当...

原创 前端之http

前言：一个不懂http的前端不是一个合格的前端 ，一个没有计算机网络知识前端不是不是一个好的研发，接下来我就要来复习一些计算机网络的知识，尤其是http，tcp/udp这些。1 互联网协议分层网络协议通常分为不同的层次进行，每一层分别负责不同的通信功能。如下图所示。每一层都有其各自的功能：1、物理层physical layer，把电脑连接起来的物理手段，主要规定了网络的一些电气特性，作...

原创 前端路由管理--history和hash

前言：休息了一周，重新再捡起我的知识们，不知道他们有没有想我。先来写一下之前遇到过几次的一个问题，就是前端历史状态管理和前端路由跳转的问题...

原创 前端面筋-牛客网

1、HTML1.1 浏览器页面有哪三层构成，分别是什么，作用是什么?结构层、表示层、行为层html, css, javaScriptHTML实现页面结构，css完成页面表现与风格，js实现一些客户端的功能与业务1.2 HTML5的优点与缺点？优点：（1）新增语义化标签，有利于SEO，提高代码可读性（2）新增多媒体标签，canvas等标签，为页面带来丰富的媒体元素等（3）web s...

原创 c++面向对象

前言：C++并不是一个纯粹的面向对象的语言，而是一种基于过程和面向对象的混合型语言。今天就来回顾一下C++面向对象中的几个注意的问题。（距离我上一次写c++已经过去了一个世纪）1、概述面向对象程序设计有4个主要特点：抽象、封装、继承、多态C++的类对象体现了抽象性和封装的特点，在此基础上再利用继承和多态性，就称为真正的面向对象程序设计。（1）封装封装（encapsulate）指两方面含义...

原创 C++指针

前言：今天来梳理一下c++的指针吧，哎，我还是更喜欢c#多一点，奈何用c#的太少了，哎。本文的内容均摘自 primer c++第五版，如果有错的地方那就是我抄错了。指针1、基本概念指针是指向另外一种类型的符合类型。指针本身是一个对象，允许对指针赋值和拷贝；指针无需在定义的时候赋值。除了两种特殊情况，其他的所有指针的类型都要和他指向的对象匹配int *p1, *p2; //定义两个指向...

原创 原型链、继承等

前言：写一下原型链吧，真的太爱问了。继承和构造函数也写一下。之前看过很多遍。再来整理一下~

原创 前端之手撕代码

前言：博主在最近面试的过程当中，发现自己不仅前端很多东西没学好，就连本科学过的数据结构什么都忘惹，但是其实很多数据结构的算法对于一个研发人员来说都是基础，因此今天就来总结一下面试中比较爱问的几个算法相关和前端ss的问题吧。题外话：北京忽冷忽热的我都感冒了我的天。1、前端ss1.1 如何实现一个bind函数Function.prototype.mybind = function () { ...

原创 js之数据操作问题

前言：js中的数据类型我一开始以为挺简单的，后来发现好多坑。。我已经载到上面很多次了。今天就吐血整理一下关于数据方面的。比如说隐式类型转换、==的问题以及数据劫持的问题。话不多说，正式开始吧。js之数据1、基本数据类型和引用数据类型首先数据类型有基本数据类型和引用数据类型之分，前者有Number、String、Undefined、布尔、Null还有es6中的Symbol。引用数据类型也就是...

原创 CSS相关问题

前言：在这个月黑风高的夜晚，我来总结一下面试的时候非常爱问的CSS相关的问题，比如居中、布局、动画、清除浮动、定位以及BFC之类的。话不多说，上正文。CSS相关问题1、css居中分为水平居中和垂直居中，比如水平居中，文本级的标签就是text-align:center;容器级别的标签就是margin：auto；垂直方向的居中比较麻烦，当然垂直方向的手段同时也适用于水平方向，比如定位和弹性盒...

原创 浏览器相关

前言：作为一个前端不可避免的要和浏览器打交道，那么今天在这个阳光明媚的日子，我就来梳理一下和浏览器有关的知识。每个知识点都要好好的去梳理，梳理完浏览器相关的话，我就来写一下关于CSS的布局、居中、动画等一些问题，然后有时间的话今天在整理一些遇到的数据劫持相关的问题，话不多说，直接切入正文浏览器相关1、浏览器基础1.1 浏览器组成用户界面（UI）-包括地址栏、前进/后退、书签目录也就是...

原创 前端优化

前言：前端有很多优化的手段，虽然我都没用过，但是面试真的很爱问，而且以后肯定会用的上，假如我还从事这个行业的话，今天我就来总结一下吧。前端性能优化首先祭出一张图1、减少HTTP请求次数和资源大小（1）尽量压缩css和js文件尽量将css和js文件合并、压缩，减少请求次数和资源的大小，采用打包工具并合理使用压缩插件等（2）采用图片懒加载图片懒加载技术可以减少页面第一次加载过程中请求资...

原创 JS之事件循环

前言：最近找工作发现面试官非常喜欢问事件循环，前几天做题也遇到了什么宏任务和微任务，感觉没听过，当然也喜欢问事件委托（事件代理），事件委托的原理比较简单，我这里就不赘述了，主要来整理一下事件循环的一些知识。事件循环1 js的单线程我们都知道，javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。单线程意味着，javascript代码在执...

原创 前端缓存相关

前沿：一直想梳理一下关于缓存相关的几个问题，比如http中控制缓存的几个属性和与缓存相关的http状态码，以及强缓存协商缓存之类以及cookie、session、webStorage以及离线应用缓存等等等。总是云里雾里没有搞得很清楚，今天就来好好的梳理一下。...

原创 vue几个常见的问题

前沿：这篇博客主要是写来梳理vue几个常见的问题和难点的。是我自己在学习阶段的的笔记。首先就是vue和jquery的比较，以及vue和react等其他框架的比较。然后就是vue全家桶的简单复习，以及在webpack中vue的打包过程。以上两点都是从vue的宏观来说的。后面将针对vue的重难点，比如vue的生命周期，双向数据绑定原理，watch和computed原理，以及vue的插槽，父子组...

原创 在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？

【这是一道百分之一百会问到的题目】一般是以下几个过程，越详细越好DNS解析TCP连接发送HTTP请求服务器处理HTTP请求并返回报文浏览器解析渲染页面连接结束具体过程输入url之后，首先需要找到这个url域名的服务器的ip，使用DNS地址解析协议。寻找的路径依次是：浏览器缓存—本地系统缓存–网络服务提供商服务器–根DNS服务器获取到ip地址后，浏览器根据ip以及端口号等，...

原创 webpack相关问题

webpack是什么？和Gulp相比有什么区别？webpack可以看做是模块打包机，是一个前端资源打包工具，它将根据模块的依赖关系进行分析，然后按照指定的规则生成对应的静态资源。为什么要使用webpack?前端模块化css预处理器…与Gulp的区别Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpa...

转载 web前端安全之XSS和CSRF

前言：昨天我终于弄明白了（一点点）Generator和async，但是还是对如何自己写一个promise云里雾里的，决定先记一下思路，手撕一个简单版的就行。有时间多看几个博客和规范。今天的主要写博客任务就是搞明白XSS、CRSF攻击及其防御手段XSS概念XSSXSS攻击全称是跨站脚本攻击（Cross Site Scripting）跨站脚本攻击是一钟常见的web应用计算机安全漏洞，攻击者...

原创 Promise的用法

终于意识到要写博客的第一天我终于意识到写博客的重要性，哎，现在开始也不太晚吧，总比不开始强今天主要弄明白以下几个问题吧1、关于promise、aysnc/await、Generator/yield的使用以及原理2、关于vue的生命周期、插槽、computed/watch原理、数据绑定原理、vue打包过程等几个常见的vue问题3、web前端安全，XSS、CRSF攻击及其防御手段1 p...