前端
Branlen
大三本科生、前端爱好者
展开
-
搜索引擎优化(SEO)之 前端性能优化技巧
什么是SEO先让我们了解搜索引擎SEO,这个视频 How Search Works 解释了搜索引擎是如何工作的。在让我们摘一下百度百科SEO(Search Engine Optimization):汉译为搜索引擎优化。搜索引擎优化是一种利用搜索引擎的搜索规则来提高目前网站在有关搜索引擎内的自然排名的方式。SEO是指为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,使网站更适合搜索引擎的索引原则的行为。what to do其实搜索引擎做的工作是相原创 2020-09-23 20:38:41 · 1570 阅读 · 0 评论 -
全面讲解TCP中的“三次握手”和“四次挥手”
TCP报文格式简介其中比较重要的字段有:(1)序号(sequence number):Seq序号,占32位,用来标识从TCP源端向目的端发送的字节流,发起方发送数据时对此进行标记。(2)确认号(acknowledgement number):Ack序号,占32位,只有ACK标志位为1时,确认序号字段才有效,Ack=Seq+1。(3)标志位(Flags):共6个,即URG、ACK、PSH、R...转载 2020-04-04 21:47:21 · 260 阅读 · 0 评论 -
ES2017--async和await的用法及注意点
1.定义2.用法注意附上vue使用async简单解决axios请求原创 2020-04-01 16:33:10 · 283 阅读 · 0 评论 -
前端面试题---对BFC规范的理解
BFC有点晦涩难懂,建议通过例子进行理解,理解他有什么具体的作用定义BFC 全称为 块格式化上下文 (Block Formatting Context) 。官方定义:一个块格式化上下文(block formatting context) 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。元素变为BFC的条件根元素或其它包含它的元素浮...原创 2020-03-28 21:31:44 · 578 阅读 · 0 评论 -
阿里前端一面面试经历
偶然的机会,得到内推的资格,后面我便立刻递交我的简历,过了不久,我就收到了的阿里的电话,并跟我讨论一面时间,后面我就跟大家分享一面的经过个人建议:面试的时间可以不用很紧凑,可以过一两天时间都行,自己做好面试的准备。放松自己心态。面试一开始:个人介绍(这一part大家可以提前做好准备,准备好自己想要说的内容,把自己优势都说出来)项目介绍(大家可以遵守star原则,提前做好准备)接下来...原创 2020-03-22 00:06:58 · 731 阅读 · 1 评论 -
小白的前端学习路线
前端学习路线首先是来自黑马程序员的前端路线图下面这一张是来自于某个知乎平台上博主总结的一个学习路线,也可以作为参考下面是我的一些理解,前端路线的功能但这些资料可以尝试一个接一个的去学习,前端路线主要的功能是要了解前端所要学习的知识与内容,并且对前端路线中的学习内容有个大致的把握。当后面学到差不多的时候就回来再看一下这张图,可能会发现你有相关知识还没有学过,或者有些知识已经忘记的差不...原创 2019-07-11 12:18:44 · 387 阅读 · 1 评论 -
面试常见题--原生类型和对象类型判断的几种方法
1.typeof功能:只能检测 基本数据类型,包括boolean、undefined、string、number、symbol,而null,Array、Object ,使用typeof出来都是Objec。无法检测具体是哪种引用类型(function除外)let a = function(){ console.log('OK')}let b = ()=>{ co...原创 2020-03-17 22:36:28 · 238 阅读 · 0 评论 -
【性能优化篇】-----如何优化js缓存
性能优化有很多的内容,其中一个方法是如何优化js缓存,能够减少执行时间和资源,下面先让我们了解什么事缓存,如何进行缓存。什么是缓存缓存是一种优化技术,通过存储开销大的函数执行的结果,并在相同的输入再次出现时返回已缓存的结果,从而加快应用程序的速度。在这一点上,我们很清楚,缓存的目的是减少执行“昂贵的函数调用”所花费的时间和资源。什么是昂贵的函数调用?别搞混了,我们不是在这里花钱。在计算...原创 2020-03-15 17:17:50 · 463 阅读 · 0 评论 -
VSCode中Flow报错解决
前言最近在学习RN的使用,实在受不了webstorm的性能,IDE换成了VS Code,对于我这种渣渣电脑,至少用起来不卡了,还有很多插件,非常方便,好评!问题在用到带参数的指定类型的方法时,比如_onPressItem = (id: string) =>,VSCode会报错[js] 'types' can only be used in a .ts file。虽然不影响程序的运行,...转载 2020-03-14 23:09:30 · 2241 阅读 · 0 评论 -
【性能优化篇】【通俗版】:SEO(搜索引擎优化)背后的价值是什么-
在了解SEO技术之前,我们要先知道服务端渲染(SSR)和客户端渲染(CSR)服务端渲染(SSR)服务端渲染的模式下,当用户第一次请求页面时,由服务器把需要的组件或页面渲染成 HTML 字符串,然后把它返回给客户端。客户端拿到手的,是可以直接渲染然后呈现给用户的 HTML 内容,不需要为了生成 DOM 内容自己再去跑一遍 JS 代码。使用服务端渲染的网站,可以说是“所见即所得”,页面上呈现的...原创 2020-03-11 14:20:42 · 266 阅读 · 0 评论 -
简单封装一个自己的AJAX
我们先说一下使用AJAX发起一个请求的过程创建一个XMLHttpRequest对象的实例, var xmlHttpRequest = new XmlHttpRequest(); //完整的过程 var xhttp; if (window.XMLHttpRequest) { //现代主流浏览器 xhttp = new XMLHttpR...原创 2020-03-10 22:27:14 · 653 阅读 · 0 评论 -
简单实现事件注册事件(各个 浏览器上兼容)
我们都可以知道:IE8是一个分水岭,除了IE8及其以下的浏览器意外,chrome、Firefox都基本支持以addEventListener方法来注册事件,以removeEventListener来解除事件。解决办法如下;var AddEventListener = { addHandler:function(element,type,handler){ //绑定事件 ...原创 2020-03-10 18:17:28 · 248 阅读 · 0 评论 -
面试题基础题(1)
一、事件注册兼容各个浏览器的都能够事件进行兼容我们都可以知道:IE8是一个分水岭,除了IE8及其以下的浏览器意外,chrome、Firefox都基本支持以addEventListener方法来注册事件,以removeEventListener来解除事件。解决办法如下;var AddEventListener = { addHandler:function(element,typ...原创 2020-03-10 18:01:59 · 85 阅读 · 0 评论 -
js的worker线程,实现多线程
JavaScript 是单线程、异步、非阻塞、解释型脚本语言。JavaScript 的设计就是为了处理浏览器网页的交互(DOM操作的处理、UI动画等),决定了它是一门单线程语言。如果有多个线程,它们同时在操作 DOM,那网页将会一团糟。但为了迎合复杂环境下的发展,前端界面渲染和执行的复杂度越来越大,这时需要其他线程来执行这些复杂耗时的操作问题诞生1如果我们要执行一些耗时的操作,比如加载...原创 2020-02-12 16:53:00 · 1610 阅读 · 0 评论 -
正则表达式常用语法规则参考
正则表达式内容很多,如果不是经常使用,很多特殊符号根本记不下来。本博客可获得:1. 正则表达式符号总结2. 常用的正则表达式的例子原创 2019-12-28 15:50:55 · 294 阅读 · 0 评论 -
某校专业认证系统开发总结(基于vue开发)
解决的问题:1.vue添加新的属性视图不会更新2.不统一的表格动态添加列3.对象赋值只是统一指针指向4.数组的内容重复判断5.对输入表单的内容...原创 2019-12-27 21:05:33 · 629 阅读 · 2 评论 -
JavaScript专题之如何判断两个对象相等--转载
虽然标题写的是如何判断两个对象相等,但本篇我们不仅仅判断两个对象相等,实际上,我们要做到的是如何判断两个参数相等,而这必然会涉及到多种类型的判断。文章是我从网上找到解答最详细的博客,是对Underscore的eq函数的解析,感谢博主!转载 2019-11-26 14:53:40 · 476 阅读 · 0 评论 -
轻松学习Git 的相关操作(轻松玩转GIt三剑客)
提交到暂存区 git add .或者文件git statusgit status查看当前的状态git branch -avgit loggit log --graph怎么修改最近的commit的messagegit commit--amend//对弹出的页面进行修改再保存怎么修改老旧的commit的messagegit loggit rebase -i...原创 2019-11-26 14:34:05 · 166 阅读 · 0 评论 -
2019前端面试大厂面试题
后面题目是我从各大厂面试题总结的一些经验为什么使用v-for时需要使用key,且key值不能为index需要key的原因是;使用v-for更新已经渲染的元素列表时,默认采用“就地复用“策略,列表中数据发生改变时,此时的key就开始工作,根据key值去判断某个值是否被修改,如果修改了的话,则重新渲染这一项,否则复用之前的元素根据这个原因,我们可以知道,key值如果为index时,再如果添加...原创 2019-10-20 19:01:20 · 1626 阅读 · 0 评论 -
ES6让我们聊一下Promise
回调说起promise,我们一般都会从回调或者回调地狱说起,那么回调到底会导致那些不好的地方呢1、回调嵌套使用回调 ,,我们很可能会将业务代码写成如下 这种形式doA( function(){ doB() doC( function(){ doD(); } ) doE();} )doF();当然这是一种简化的形式,经过一番简单的思考,...转载 2019-07-21 09:41:35 · 208 阅读 · 0 评论 -
ES6 Generator 的自动执行
单个异步任务var fetch = require('node-fetch');function* gen(){ var url = 'https://api.github.com/users/github'; var result = yield fetch(url); console.log(result.bio);}为了获得最终的执行结果,你需要这样做:...转载 2019-07-22 09:25:04 · 190 阅读 · 0 评论 -
javascript之偏函数
定义维基百科中对偏函数(Partial application)的定义为In computer science, partial application (or partial function application) refers to the process of fixing a number of arguments to a function, producing another...转载 2019-07-22 12:27:10 · 267 阅读 · 0 评论 -
javascript之深入闭包
MDN对闭包的定义为闭包是指那些能够访问自由变量的函数那什么是自由变量呢自由变量是指在函数中使用的,但既不是函数参数也不是函数的局部变量的变量,由此,我们可以看出闭包共有两部分组成闭包= 函数+函数能够访问的的自由变量举个例子var a = 1;function foo() { console.log(a);}foo();foo函数可以访问变量a ,...转载 2019-07-22 16:16:33 · 160 阅读 · 0 评论 -
JavaScript 专题之惰性函数
需求我们现在需要写一个 foo 函数 ,这个函数返回首次调用时的Date对象,注意是首次解决一:普通方法var t;function foo() { if (t) return t; t = new Date() return t;}问题有两个,一是污染了全局变量,二是每次调用foo的时候都需要进行一次判断解决二:闭包我们很容易想到用闭包避免污染全局变量...转载 2019-07-23 10:26:55 · 178 阅读 · 0 评论 -
JavaScript之函数组合
需求我们要写一个函数,输入“kevin” ,返回"HELLO KEVIN"尝试var toUpperCase = function(x) { return x.toUpperCase(); };var hello = function(x) { return 'HELLO, ' + x; };var greet = function(x){ return hello(toUpp...转载 2019-07-23 14:32:54 · 658 阅读 · 0 评论 -
多个异步请求之后统一处理数据(结合promise)
之前由于后台给的数据给的系统化,需要多次调用才能获取所需要的全部信息。但这时,想要获得所有数据进行逻辑处理,变得十分麻烦,不好处理后面为了解决这个问题。查找许多资料,现在将资料分享整理,大家也可以提点意见,有没有更好的解决办法先说一下promise与axios的结合使用check: () => {// 返回一个promise对象 return new Promise((r...原创 2019-08-30 13:32:14 · 1169 阅读 · 0 评论 -
Vue项目性能优化--最全最有效
前言Vue框架通过数据双向绑定和虚拟的Dom技术,帮我们处理了前端开发中最脏最累的DOM操作部分。我们不在需要去考虑如何操作Dom。以及如何最高效的操作DOM;但Vue项目仍然存在项目首屏优化,Webpack编译配置优化等问题,所以我们仍然需要去关注Vue项目性能方面的优化,使项目具有更高效的性能,更好的用户体验一、代码层面的优化1.1、v-if ## 标题和 v-show 区分使用场景...转载 2019-09-09 20:54:04 · 2881 阅读 · 0 评论 -
ES6我们来聊聊Async
asyncES2017标准引入了async函数。使得异步操作变简单。在异步处理中,async函数就是generator函数的语法糖、举个例子// 使用 generatorvar fetch = require('node-fetch');var co = require('co');function* gen() { var r1 = yield fetch('https:...转载 2019-07-20 15:08:57 · 506 阅读 · 0 评论