阿颛的前端
个人对于前端学习的一些笔记与认识
司_尘
前端 ing...
展开
-
b站前端校招面试题分享
前言题库来自于牛客上B站的2020前端校招笔试,刷完感觉考核得比较细致也比较全面,所以小编这边将题目都列举出来然后解析过程也都写上。整体还是有些多的要是想直接看题的话这边放个链接吧题目地址,目录上可以看到题目考点这样方便大家也可以对应查看题目,放松一下眼镜要开始看题了。题目及解析第一题:同源策略正解: A考察同源策略以及url结构的了解,初见此概念还是非常陌生的,详细介绍这边就不提了,直接解析题目,同源就是(主机名+协议+端口号【若存在】)三者相同。B项协议与题干不相同、C项端口号不相同、原创 2020-08-14 16:49:48 · 2592 阅读 · 1 评论 -
浅谈Vue-router的两种模式
前言虽然在已经写过了Vue实战篇,但还是觉得要单独的说一下Vue路由,所以就有了今天这篇深夜篇。路由原理路由实现了单页应用的更新视图但不重新请求页面,好处可想而知加载速度快、用户体验更好。先从两种路由模式说起。路由的两种模式hash模式一般,我们将url中#和它之后的字符一起称为hash,通过window.location.hash来读取,他有两个特点。hash虽然出现在url中,但是不会被包括在HTTP请求中。它是用来指导浏览器动作的,对服务端没有影响。所以,改变hash不会重新加载页原创 2020-08-14 16:46:26 · 1204 阅读 · 0 评论 -
「最详细」输入url浏览器干了啥?
前言这是前端一个老生常谈的一个问题了,看到这个标题可能觉得司尘要说,面试你咋回答这个问题巴拉巴拉的,但just知道怎么回答这种问题意义在哪呢?最近在看偏浏览器的一些底层知识,相信看完这篇分享必有收获,通过浏览器展开分享,做一次标题党。预备tip浏览器进程我们所有运行的程序在都是通过进程去跑动该任务,我们来看一下打开网页有哪些进程。由上到下他们分别是:浏览器进程负责界面展示、用户交互、子进程之间的通信,是一个核心进程块,他就来指挥其他进程进行操作。GPU进程chrome的UI原创 2020-07-21 20:32:02 · 821 阅读 · 0 评论 -
「大话webpack」从零搭建
前言最近应脚手架搭建,工程打包是基于webpack来操作,以前在学习Vue的时候也是用到的他虽然大致明白工作流程以及原理,但是这种东西实操一遍收获那是杠杠的呀,比起看文章啥的那理解一下就上来了,小编就在此分享一下从零搭建一个webpack项目。开始大话何为webpack?概念JavaScript 应用程序的静态模块打包器,应官网的一句话而言打包所有资源、脚本、样式、图片,将我们复杂的工程目录文件打包成一个轻量级的几个简略文件。webpack核心入口文件配置 (enpty)出口原创 2020-07-17 10:22:38 · 226 阅读 · 0 评论 -
「面面俱到」原型继承篇
前言今天的备战篇小编总结一下原型以及继承关系原型、原型链一提及到原型,那么我们首先要说明白的就是有关原型的几个参数所代表的是什么。我们先写出来一个简单的构造函数,后续就围绕这个构造函数来讲解原型就比较明了function Person() {}var person = new Person();person.name = 'sichen';console.log(person.name) prototype每个函数都会有prototype这样的一个隐式属性,总有人就直接把他定义为原创 2020-07-16 11:16:11 · 180 阅读 · 0 评论 -
JS字符串与数组相互转换
前言之前在面试碰到过这样类似的一个问题,这边就稍微记录一下,数组与字符串的相互转换。数组到字符串这一步的话我们就是借助join方法或者是Array.toString()方法 let arr = new Array(1, 2, 3); let string1 = arr.toString(); // "1, 2, 3" let string2 = arr.join(','); // "1, 2, 3"字符串到数组主要还是借助于split()方法 let str1 = 'a,b,原创 2020-07-15 11:54:28 · 210 阅读 · 0 评论 -
「面面俱到」Vue篇
前言小编所分享整理的备战系列文章里面不会是一个完全完整且系统的一个内容,主要是针对所描述的相关知识自己觉得的重点,所以有时候可能整体文章逻辑上会不是很好,55555最近要备战面试了,文章整理就压缩了一下,但还是会用心滴。以下很多东西涉及到Vue源码,小编还是简单描述一下,整理源码到文章太麻烦也不方便查看。MVC、MVVM架构模式说到Vue那么最开始我想说到的一个点就是他俩,用了这么久的Vue那么应该要知道他是MVVM软件架构设计模式。MVC从前端到后端交互,前端请求通过路由找到对应控制器拿到数原创 2020-07-15 09:20:41 · 286 阅读 · 0 评论 -
「面面俱到」webpack篇
前言小编之前有总结过两篇关于webpack相关配置的文章,但究其细节没有提及到webpack的一些实现原理。所以这边在补上一篇备战篇,想看webpack搭建的可以点击这里。webpack工作流程核心webpack核心组成就是下面这四个点 入口文件配置 (enpty) 出口文件配置 (output) 模块转换器 (loader) 插件 (plugins) 工作流程 初始化参数 从配置文件和 Shell 语句中读取与合并参数,得出最终的参数。原创 2020-07-14 17:32:50 · 227 阅读 · 0 评论 -
「面面俱到」前端须知网络知识
前言今天整理复习一下前端必修——网络主要包括http(s)、TCP/IP四层模型、DNS、CDN这几个模块内容,后面就是附上几个常见问题。HTTP概念HTTP叫做超文本传输协议,web通过该协议完成客户端到服务器端的一系列流程。HTTP是不保存状态的协议,既无状态协议,协议本身对于请求或响应之间的通信状态不进行保存,因此连接双方不能知晓对方当前的身份和状态。TCP/IP 协议族http是他的的一个子集在了解之前我们要知道基础的五层模型(如果不算实体层的话也可以说是4层),小编之前总结过一篇相关的原创 2020-07-14 15:33:10 · 374 阅读 · 0 评论 -
「面面俱到」CSS篇
前言迁移面面俱到整理一下关于样式部分的一些点包括我们常用的一些实现样式方法,然后就是回流重绘的一些认识。BFC什么是BFC它是由CSS2.1规范定义的,全称为Block Formatting Context。通俗来理解就是当元素被定义为块格式上下文的话,自身就形成了一个独立的盒子,让处于BFC内部的元素与外部的元素相互隔离。提及到CSS首先我们就要弄清楚BFC这个点。小编之前有结合实例介绍过,就不浪费时间再写一次了BFC介绍,这边就简单说一下。怎样创建BFC浮动绝对定位行内块级元原创 2020-07-14 14:52:00 · 166 阅读 · 0 评论 -
「面面俱到」JS(包含es6)基础篇
前言这段时间整理一下《面面俱到系列》,主要还是根据前端面试里面自己总结的一些问题,从基础部分起比较全面。内容非常基础但同样也非常重要,后面也有一些常见问题。当然这一部分并不是全部,后续还有需要补充的可以评论一下加上去就好了。数据类型JavaScript 共六种数据类型,分别是:undefined、null、boolean、number、string、object基本类型常见的有:string、number、boolean、null、undefined,symbol 我们就暂时不列入进去。基本原创 2020-07-14 09:53:44 · 280 阅读 · 0 评论 -
你想到的这都有-JS数组归总
前言芜湖~ 司尘回来了,原本转战掘金的,后来觉得其实两边都可以进行分享学习,所以还是回到了这边,文章两边都会同步的然后大家喜欢的话也可以关注一下我的掘金点击康康我,好了废话不多说了开始今天的分享。在工作之中我们所遇到最多的无非就是数组以及对象,对象很多情况下就是对他进行一个解构取到我们想要的值,那么相比起来,我们操作数组就有非常多的方法去得到自己想要的结果,司尘呆呆今天就来分享一个汇总,分三大块:存储方式、修改、遍历。文章篇幅可能有点长,但是毕竟是总结就想写详细一点,有些方法这边就一笔带过了。JS原创 2020-07-13 11:38:07 · 221 阅读 · 1 评论