前端
文章平均质量分 78
badboy__biubiubiu
寻梦少年
展开
-
前端面试之 options 请求详解
options 请求就是预检请求,可用于检测服务器允许的 http 方法。当发起跨域请求时,由于安全原因,触发一定条件时浏览器会在正式请求之前自动先发起 OPTIONS 请求,即 CORS 预检请求,服务器若接受该跨域请求,浏览器才继续发起正式请求。HTTP 的 OPTIONS 方法 用于获取目的资源所支持的通信选项。客户端可以对特定的 URL 使用 OPTIONS 方法,也可以对整站(通过将 URL 设置为"*")使用该方法。(简而言之,就是可以用 options 请求去嗅探某个请求在对应的服务器中都支持原创 2022-06-15 15:40:05 · 3582 阅读 · 2 评论 -
什么是回流,什么是重绘,有什么区别?
什么是回流,什么是重绘,有什么区别?html 加载时发生了什么在页面加载时,浏览器把获取到的HTML代码解析成1个DOM树,DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体DOM Tree 和样式结构体组合后构建render tree, render tree类似于DOM tree,但区别很大,因为render tree能识别样式,render tree中每个NODE都有自己的style,而转载 2021-02-23 16:43:38 · 228 阅读 · 0 评论 -
Vue项目Webpack优化实践,构建效率提高50%
Vue项目Webpack优化实践,构建效率提高50%vue.jswebpack发布于 2018-12-24公司的前端项目使用Vue框架,Vue框架使用Webpack进行构建,随着项目不断迭代,项目逐渐变得庞大,然而项目的构建速度随之变得缓慢,于是对Webpack构建进行优化变得刻不容缓。经过不断的摸索和实践,通过以下方法优化后,项目的构建速度提高了50%。现将相关优化方法进行总结分享。1、缩小文件的搜索范围1.1、优化Loader配置由于Loader对文件的转换操作很耗时,所以需要让尽可能少的文转载 2020-11-27 15:56:51 · 447 阅读 · 0 评论 -
前端安全编码规范
前端安全编码规范来源:待你如初https://segmentfault.com/a/1190000037657222前言随着互联网高速的发展,信息安全已经成为企业重点关注焦点之一,而前端又是引发安全问题的高危据点,所以,作为一个前端开发人员,需要了解前端的安全问题,以及如何去预防、修复安全漏洞。下面就以前端可能受到的攻击方式为起点,讲解web中可能存在的安全漏洞以及如何去检测这些安全漏洞,如何去防范潜在的恶意攻击。1. 跨站脚本攻击(Cross Sites Script)跨站脚本攻击,Cross转载 2020-11-16 18:02:51 · 788 阅读 · 0 评论 -
解读完这些Vue面试题,拿到了20k的offer
解读完这些Vue面试题,拿到了20k的offer作者:微信公众号前端学苑2020年注定是不平凡的一年,互联网行业的低迷、疫情的发生,对经济影响挺大的。作为有6年前端开发的老司机表示压力山大,“找工作”成了首要任务,最近面试了很多公司,都在问“原理”、“源码”,不能只知道怎么用了,而是更关注深层的技术点。深度、广度是很重要的。本篇文章主要是 “ 从源码角度 - 解读Vue常考面试题 ”。回答面试题的套路1、先说这个点的明确定义,或者是特性;2、再说具体的应用场景;3、说说自己的看法、观点;4原创 2020-11-16 17:57:38 · 356 阅读 · 0 评论 -
CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memoryvue后台管理系统启动编译阶段 报内存溢出的错误解决办法全局安装increase-memory-limit 增加node服务器内存限制npm install -g increase-memory-limit进入工程目录,执行:increase-memory-limit完美解决...原创 2020-11-10 14:27:38 · 321 阅读 · 2 评论 -
小前端进腾讯啦!
小前端进腾讯啦!如果大家有看到我上一篇文章,就知道从2020年的年头到年中,我一直在面试者阿里的各种岗位,但是结果都是很无奈,下面的链接,有兴趣的可以看看。https://zhuanlan.zhihu.com/p/223459952zhuanlan.zhihu.com图标从我开始做前端的时候,我就发誓我必须要进BAT,作为一个只是普通大专毕业的我,也没有大厂的工作背景,其实对于30岁甚至35岁之后的发展,个人感觉是很受限制的,所以进入BAT是我一开始的目标,可能这就是曲线救国吧。那么本篇文章转载 2020-11-03 10:06:50 · 1160 阅读 · 1 评论 -
HTTP和HTTPS协议,看一篇就够了
一、前言:先来观察这两张图,第一张访问域名http://www.12306.cn,谷歌浏览器提示不安全链接,第二张是https://kyfw.12306.cn/otn/regist/init,浏览器显示安全,为什么会这样子呢?2017年1月发布的Chrome 56浏览器开始把收集密码或信用卡数据的HTTP页面标记为“不安全”,若用户使用2017年10月推出的Chrome 62,带有输入数据的HTTP页面和所有以无痕模式浏览的HTTP页面都会被标记为“不安全”,此外,苹果公司强制所有iOS App在20转载 2020-10-21 09:51:08 · 337 阅读 · 0 评论 -
深入理解浏览器的缓存机制
深入理解浏览器的缓存机制一、前言缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求,或者发起了请求但后端存储的数据和前端一致,那么就没有必要再将数据回传回来,这样就减少了响应数据。接下来的内容中我们将通过缓存位置、缓存策略以及实际场景应转载 2020-07-15 19:02:05 · 232 阅读 · 0 评论 -
浅谈vue-router原理
浅谈vue-router原理…, 下面这种路由表的写法比较优雅,我把路由单独写在一个文件routes.js .router/routes.js 文件代码```goconst routes = [ { path: '/', redirect: '/recommend' }, { path: '/recommend', component: () => import('../components/recommend/view.vue') },转载 2020-07-14 19:31:51 · 389 阅读 · 0 评论 -
vue核心之虚拟DOM(vdom)
一、真实DOM和其解析流程?浏览器渲染引擎工作流程都差不多,大致分为5步,创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步,用HTML分析器,分析HTML元素,构建一颗DOM树(标记化和树构建)。第二步,用CSS分析器,分析CSS文件和元素上的inline样式,生成页面的样式表。第三步,将DOM树和样式表,关联起来,构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有attach方法,接受样式信息,返回转载 2020-07-09 19:00:20 · 250 阅读 · 0 评论 -
写给初中级前端的高级进阶指南(万字路线)
前言以下文章来源于公众号前端从进阶到入院 ,作者ssh前端由于公众号文章不允许外链,需要跳转文中链接的同学可以在脚注里找到各个的资源链接,也可以通过点击阅读原文更加方便的跳转链接。我曾经一度很迷茫,在学了 Vue、React 的实战开发和应用以后,好像遇到了一些瓶颈,不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题,这篇文章,笔者想结合自己的一些成长经历整理出一些路线,帮助各位初中级前端工程师少走一些弯路。这篇文章会提到非常非常多的学习路线和链接,如果你还在初中级的阶段,转载 2020-07-07 09:44:34 · 824 阅读 · 0 评论 -
2020三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 | 掘金技术征文
原博客地址 https://juejin.im/post/5e7d4e8b6fb9a03c6422f112本人今年 211 本科大三下,掘金六级博主,最近投实习,一共投了三家,阿里的淘系和阿里云,字节跳动的抖音,当然都是找人内推的,结果简述如下:淘系二面通过,但入系统只能选择一个,后来选择了阿里云;阿里云走完了五轮面试,现在等 offer ;字节跳动抖音三轮技术面+一轮HR,现在已经收到了前端架构组的 offer。首先把面经分享给大家,由于技术水平和经历的不同,我不敢保证我的面经问题对你有任何的参转载 2020-07-03 18:33:27 · 4489 阅读 · 0 评论 -
超级实用的 ES6 特性
这篇文章介绍了一些特性,在我看来,一个严肃的 JavaScript 开发者每天都多多少少会用到这些特性。1、展开操作符顾名思义,用于对象或数组之前的展开操作符(…),将一个结构展开为列表。演示一下:let firstHalf = [ one , two ];let secondHalf = [ three , four , ...firstHalf];这种写法够优雅,够简洁吧?如果不用展开操作符我们得这么写:let firstHalf = [ one , two ];let原创 2020-07-02 18:15:56 · 196 阅读 · 0 评论 -
最全Web前端面试题汇总 笔试题汇总 JavaScript HTML css
最全Web前端面试题汇总 笔试题汇总 JavaScript HTML css前言本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,只求面试过关是错误的!面试有几点需注意:1.面试题目: 根据你的等级和职位变化,入门级到专家级:范围↑、深度↑、方 向↑。2.题目类型: 技术视野、项目细节、理论知识题,算法题,开放性题,案例题。3.进行追问: 可以确保问到你开始不懂或面试官开始不懂为止,这样可以转载 2020-06-23 19:38:43 · 7705 阅读 · 0 评论 -
尤雨溪:重头来过的 Vue 3 带来了什么?
尤雨溪:重头来过的 Vue 3 带来了什么? 尤雨溪 高级前端进阶 今天作者:尤雨溪,翻译:CSDN在过去的一年里,Vue团队一直在开发Vue.js的下一个主要版本Vue 3,我们希望能在2020年上半年将其发布(在撰写本文时,这项开发工作正在进行中)。重写Vue新的主要版本的构想是在2018年底形成的,当时Vue 2的代码库大约已有两年半的运行历史。这看起来不像是通用软件生命周期中的一段很长的时间,但在这段时间里,前端环境发生了巨大的变化。两个关键的因素导致了我们考虑重写Vue新的主要版本:主流原创 2020-06-11 18:50:37 · 228 阅读 · 0 评论 -
一位前端 P7 大佬的面试经验分享
个人近期面试情况 一位前端 P7 大佬的面试经验分享今年二月以来,我的面试除了一个用友的,基本其他都被毙了,可以说是非常残酷的。其中有很多自己觉得还面的不错的岗位,比如百度、跟谁学、好未来等公司。说实话,打击比较大。情况基本上是从三月开始好起来的,这个时间点,可能疫情快过去了,国家也开启了接近40万亿的基础建设计划,在这个时间断,面试的几个代表性的公司,包括腾讯、饿了么、宝宝树、旷世科技等等,基本都成了。最终,就在三月9号,饿了么刚给我确认了p7的职位。也算自己到了另一个奋斗的阶段了。对自己的经历,做转载 2020-06-05 17:25:19 · 605 阅读 · 0 评论 -
asiox 请求中的delete请求传参问题 VUE—axios自定义请求配置、transformRequest在向服务器发送前,修改请求数据
asiox 请求中的delete请求传参问题asiox一共请求方式有get.post,put,put,deleteget.post,put,put有三个参数,url,data和config,所以在使用时,可以写成axios.method (‘url’,data,config),但是delete只有两个参数:url和config,data在config中,所以需要写成 axios.delete(‘url’,{data:{id:1}})这个默认的传给后端的格式是application/json格式就是这样原创 2020-05-28 18:18:46 · 2036 阅读 · 0 评论 -
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent
[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated这个意思是父组件传值到子组件里面的,然后子组件修改了这个父组件的值,比如一个组件然后在co原创 2020-05-13 14:59:28 · 402 阅读 · 0 评论 -
vue项目,严格模式下报警告[Vue warn]: Property or method "tableData" is not defined on the instance
[Vue warn]: Property or method “tableData” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property最近我用的vue项目启用了严格模式,下面记录下原创 2020-05-13 14:25:40 · 7956 阅读 · 0 评论 -
TypeError: Right-hand side of 'instanceof' is not an object
vue.js:1897 TypeError: Right-hand side of ‘instanceof’ is not an objectvue项目严格模式显示的错误检查了许久才发现是父子组件传值写错了告诫自己要认真对待代码,在非严格模式下没报错的,启用了严格模式就报错了,要多注意规范,做一个合格的程序员...原创 2020-05-13 14:02:09 · 2240 阅读 · 0 评论 -
浅谈vue生命周期和vue实例的钩子函数前端vue面试
vue用了好几年了,对生命周期也算是入门了吧,下面来整理下思绪吧,很多人做项目刚接触一个框架或者其他的都是不求所以然的上手就干,虽然事是完成了,但是性能是比较差的,然后也不知道为什么要这么用。1.首先每个东西都有自己的成长周期,vue也不例外,那vue的生命周期是什么呢?vue每个组件都是独立的,每个组件都有一个属于它的生命周期,每个组件的生成,挂载,数据渲染,数据更新,和销毁就是整一个的v...原创 2020-04-26 18:46:03 · 298 阅读 · 0 评论 -
前端vue面试经常问到的css scope属性和v-for为什么要用key并且不能用index作为key
1.vue里面css scope属性在vue组件中,为了使样式私有化(模块化),不对全局造成污染,可以在style标签上添加scoped属性以表示它的只属于当下的模块,这是一个非常好的举措,但是为什么要慎用呢?因为在我们需要修改公共组件(三方库或者项目定制的组件)的样式的时候,scoped往往会造成更多的困难,需要增加额外的复杂度。简单来说就是专一性呗,就是设置了scope属性后就只对当前的组...原创 2020-04-22 18:05:23 · 629 阅读 · 2 评论 -
javascript中==和===的真正区别
js中==和===的区别 误区纠正js中==和===的区别你真的懂吗js中和=的区别你真的懂吗应该有很多的开发者都会和我这样认为,和=的区别无非就是只是比较值,而=是比较值和类型,然而这真的是这么简单一回事吗?今天偶然浏览到一篇博客讲明了和=的真正区别,收益匪浅,所以分享下,上面的理解是错的,[]false和[1]=[1]返回就可以推翻。[]==false,他们的值并不相等,但是返回tru...转载 2019-12-18 11:31:35 · 143 阅读 · 1 评论 -
前端(vue 或者原生js)限制只能输入最多两位小数的正数(支付功能,类似微信支付宝转账的输入金额控制)
前端(vue 或者原生js)限制只能输入最多两位小数的正数(支付功能,类似微信支付宝转账的输入金额控制)前言限制输入最多两位小数的正数前言从做前端开始就一直有需求是要对输入框的值做限制的,这真是个令人头疼的事情,又是限制长度又限制正整数又限制小数。。。反正一大堆。下面来说说限制转账那样的限制吧,一直找了网上好多博客试过都是没效果,然后就自己来了,限制输入最多两位小数的正数直接代码吧//...原创 2019-11-06 16:06:58 · 1895 阅读 · 0 评论