![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 86
李不要熬夜
这个作者很懒,什么都没留下…
展开
-
12~18k的前端面试会问什么?
不论是跳槽还是涨薪,工资肯定是要网上走的,那么在这个12~18k这区间需要掌握那些可以拿到这工资呢?和在不同公司的小伙伴及些老大聊了下,总结了一下前端这个区间内的要求。可能会有小伙伴说这些全掌握了都不止18k了吧,我想说的是,根据已掌握的技术来查漏补缺,要高工资也得有实力拿。名词解释精通了解背后的原理和规范动手重写过实现代码可以以为此为基础做二次开发能读懂源码并做出修改掌握曾在项目中大量使用过此技术可以自如的使用这项技术进行开发参与技术论坛区讨论或者写过相关文章了解未在开发原创 2021-08-02 20:16:55 · 811 阅读 · 9 评论 -
前端 Vue路由返回恢复页面状态的实现方案
需求场景首页搜索内容,点击跳转至详情页,页面后退返回主页,保留搜索结果。方案:路由参数;路由守卫需求描述在使用 vue 开发前端的时候遇到一个场景:在首页进行一些数据搜索,点击搜索结果进入详情页面,浏览详情页后返回主页。但这时候之前的搜索记录和翻页就消失了,用户体验不好。所以需要在返回后恢复跳转前的页面参数状态。当然如果条件允许,最简单的办法是点击搜索结果使用新页面打开(例如百度那样)。但当前需求是一个完整的vue开发的项目,并不是打开站外地址,而且详情的内容也不多,使用新页面不太合适(性能较原创 2021-07-22 20:54:19 · 1347 阅读 · 10 评论 -
前端面试高频React题及详解,另附有React面试题集合
之前小编发过一篇类似的文章,前端面试Vue 高频原理篇+详细解答,还有105道vue面试题集合,整合了Vue面试题,这次整合了React面试题,两份面试题集合都可以点击这获取哦为什么选择使用框架而不是原生?框架的好处:1.组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。2.天然分层: JQuery`时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM 模式都能帮助我们进行分层,代码解耦原创 2021-07-20 20:39:32 · 994 阅读 · 21 评论 -
一个前端对七个后端?别说难,你可能连工作都找不到
前言打卡成功,下班辛苦了不辛苦,命苦放平心态,慢慢厉害一个前端对七个都还算好了,群里有的小伙伴还有一个对八个后端、一个对十个的(有两个前端离职了一位),这看似前端人员可以增加的,可相反的是,前端工作也是不好找,内卷都要卷不动了。在知乎上看到个问题:为什么 211/985 毕业的前端工程师那么难招?下面有个评论很有意思:工程师A说我是211的,工程师B说我是985的,工程师C说我996的,玩笑中又带有点心酸。在这内卷又压力的环境下,还是得夯实技术,提升个人竞争力,找出突破口。稳扎稳打稳输出知原创 2021-06-25 19:23:39 · 14828 阅读 · 67 评论 -
前端基础需要学什么?这篇文章帮你梳理清楚,另附有前端面试551道题
前言之前小编写了一篇前端面试套餐:Vue面试题总结+JavaScript前端经典面试题+100道 CSS 面试题文章,有讲到打算后面单独写一篇详讲前端基础学什么,拖了这么久终于出来了哈哈哈哈。至于前端怎么学,小伙伴们可以看看这篇文章,有详细讲了3个学习方法,点击这直接跳转到文章。让我们一起看看,前端基础都要学些什么?抛开面试,系统学习在一切之前,应该系统地去学习前端的基础知识。 对前端而言,这些基础包括 HTML,CSS,JavaScript,浏览器原理,网络协议,MVVM 框架和一些必要的计算机基础原创 2021-06-16 19:48:42 · 1596 阅读 · 59 评论 -
CSS布局----flex弹性布局(移动端完美解决方案)
Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性。我们说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另外一个二维布局网格布局,以后会和大家讲到目录1,如何使用2, Flexbox的两根轴线3, Flex 容器4,API以及用例1,- 如何使用-因为css用法过于简单,所以先给大家原创 2021-04-01 17:38:41 · 812 阅读 · 0 评论 -
今天聊:2~3年前端处于离职困境与舒适区能做些什么
前言工作2~3年的前端群体容易出心理问题,很大一部分原因就在于还没有建立更成熟的自我认知,也没有完成从学生到社会人身份的转变,加上前端行业的快速迭代,中小型公司技术管理的混乱,和身边同行带来的竞争压力,包括完全脱离父母且要照顾他们的压力,这个期间会让不少小伙伴感到迷茫,让他们对于前端行业产生怀疑,失去编程的乐趣,稀释奋斗的激情,产生对抗和「丧」的情绪,甚至不经意间陷入或多或少的抑郁,进而职业路越走越急,跳槽失去方寸,整个牌局赢面越来越小,非常可惜。篇幅较长,大约需要3-5分钟,请耐心阅读正文如下我和原创 2021-03-30 17:30:50 · 1828 阅读 · 7 评论 -
10分钟理解CSS3 Grid布局
基本介绍Grid做前端的同学应该都很熟悉了,翻译成中文为“栅格”,用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout(删格布局),以往css框架中的grid布局一般是通过float和百分比的宽度实现的,这种实现有几种缺点:html不够简洁;需要清除浮动以避免高度塌陷;列的个数是固定的,不能灵活定义。比如bootstrap是12列,semantic ui是16列,ant design 24列。当然grid也可以用flex实现,但是并不会比.原创 2021-03-29 17:28:42 · 913 阅读 · 0 评论 -
为了圆大厂梦,一年半前端人的求职路
个人经历2018.9开始实习,2019.7毕业于某二本。老东家前端团队100人左右,社招基本不算实习经验,算是一年半经验出去战斗。从2018.9年实习 -> 2019.7转正 -> 2021.3离职,在这一年半时间里,写了很久的相似业务,感觉对自己的成长来说,帮助很小。一直是vue,一直是toB,一直都是his系统。近一年以来,基本也是自己在负责两个项目,很想和别人一起做项目,学习大佬的姿势。也很想做做其他的产品,或者toC等等,想让自己能接触更多的东西。打听了有赞技术挺强,用的也是大厂偏爱原创 2021-03-24 21:31:28 · 2441 阅读 · 13 评论 -
HTML5-本地存储浅谈
Web Storage是HTML5里面引入的一个类似于cookie的本地存储功能,可以用于客户端的本地存储sessionStorage && localStoragesessionStorage - 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据,会话级别的存储。localStorage - 用于持久化的本地存储,除非主动删除数据,否则数据会一直存在不同于cookie的4kb数据存储量localStorage和sessionStorage均可.原创 2021-03-23 20:21:22 · 629 阅读 · 0 评论 -
HTML5获取地理位置定位信息
使用HTML5获取地理位置定位信息如何使用HTML5地理位置定位功能定位功能(Geolocation)是HTML5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然选择允许即可。function getLocation(){ if (navigator原创 2021-03-23 20:12:59 · 579 阅读 · 0 评论 -
Node.js 包管理器 NPM 讲解
包管理器又称软件包管理系统,它是在电脑中自动安装、配制、卸载和升级软件包的工具组合,在各种系统软件和应用软件的安装管理中均有广泛应用。对于我们业务开发也很受益,相同的东西不必重复去造轮子。每个工具或者开发语言都有相应的包管理器,好比 Ubuntu 的 apt-get、Centos 的 yum、Java 的 Maven 仓库等等。Node.js 中目前最出名的包管理器为 NPM 也是生态最好的。什么是 NPM?NPM 是 Node.js 中的包管理器。允许我们为 Node.js 安装各种模块,这个包管理原创 2021-03-20 21:18:26 · 432 阅读 · 0 评论 -
ECharts地理坐标系属性介绍
在 ECharts 地理坐标系的属性设置中,如果您要将地理坐标系组件显示出来,那么,请使用 geo 组件的 show 属性。在 geo 组件中提供了两种类型的地图数据:javascript 文件与 JSON 文件。通过 geo 组件,您可以自定义地区的名称映射。更多关于地理坐标系组件的属性设置,我们将在下文中详细介绍。geo.show | boolean[ default: true ]是否显示 ECharts 地理坐标系组件。geo.map &nb原创 2021-03-19 16:33:31 · 2545 阅读 · 0 评论 -
8个顶级React.js免费模板
前言您可能知道,React.js是用于构建用户界面的Javascript库。在过去的几年中,UI和UX套件大受欢迎,并且初创公司开始创建许多免费和付费版本的模板,仪表板和套件。React.js由Facebook和少数个人和公司维护。当您要确保目标网页,Web或移动应用程序完美像素化,从上至下进行抛光时,可以使用Bootstrap React.js模板。这是我们最喜欢的React.js免费模板:Now UI Kit React演示:https://demos.creative-tim.com/no原创 2021-03-18 21:26:19 · 1219 阅读 · 0 评论 -
ECharts绘制折线图
首先看实现好的页面实现首先引入echarts工具// vue文件中引入echarts工具let echarts = require('echarts/lib/echarts')require('echarts/lib/chart/line')// 以下的组件按需引入require('echarts/lib/component/tooltip') // tooltip组件require('echarts/lib/component/title') // title组件req.原创 2021-03-18 21:23:15 · 33678 阅读 · 0 评论 -
25个不可错过的实用前端工具「干货满满」
▍CSS 相关● 1CSS Battle - 在线比拼 CSShttps://cssbattle.dev在线比拼 CSS ,一个挺有趣的竞争性游戏,一共有12个级别,需要你用 HTML和 CSS 100%还原它给出的页面,然后再尽量减少代码,你也可以查看全球的排行榜,看解决方案。● 2Learn CSS layout - 学习 CSS 布局http://learnlayout.com在线CSS布局学习,它会一步一步引导初学者学习 CSS 基础知识,在实践中帮助初学者掌握好 CSS原创 2021-03-17 21:57:47 · 887 阅读 · 0 评论 -
ECharts使用指南
第一步,引入ECharts:echars的引入十分简单,只需要在html中嵌入即可:<!DOCTYPE html><html><head> <script src="echarts.min.js"></script></head></html>echarts.min.js从官网下载此时echarts.min.js保存在html文件同目录下如果不想在本地保存echart.js文件,可以采用cdn引原创 2021-03-17 21:37:20 · 572 阅读 · 0 评论 -
JQuery的属性
1. attr(name|properties|key,value|fn) : 设置或返回被选元素的属性值①获取属性<pre style="margin: 0px; padding: 0px; overflow: auto; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><img src="" alt="jQ原创 2021-03-16 16:11:03 · 126 阅读 · 0 评论 -
为什么要放弃 JSP?他们终于给出了答案
前言以前的项目大多数都是Java程序猿又当爹又当妈,既搞前,又搞后端。随着时代的发展,渐渐的许多大中小公司开始把前后端的界限分的越来越明确,前端工程师只负责前端的事情,后端工程师只管后端的事情。正所谓术业有专攻,一个人如果什么都会,那么每一样都很难达到精通。大中型公司需要专业人才,小公司需要全才,但是对于个人职业发展来说,我建议是分开。你要是这辈子就吃 Java 这碗饭,就不要去研究什么 css,js 等等。把你的精力专注在 Java,JVM 原理,Spring原理,mysql锁,事务,多线程,大并原创 2021-03-15 19:53:44 · 213 阅读 · 0 评论 -
看完这10点,带你AJAX入门
一、什么是AjaxAjax(Asynchronous JavaScript and XML) 异步JavaScript和XMLAjax实际上是下面这几种技术的融合:(1)XHTML和CSS的基于标准的表示技术(2)DOM进行动态显示和交互(3)XML和XSLT进行数据交换和处理(4)XMLHttpRequest进行异步数据检索(5)Javascript将以上技术融合在一起客户端与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯的技术二、为什么我们需要Ajax?在我们原创 2021-03-14 21:19:14 · 255 阅读 · 0 评论 -
前端真的不需要架构能力吗?看完这篇文章你就懂了
前言不知道各位前端开发者是否面临过这样的苦恼 :接盘了一大坨演示类项目,域名20+ 个,每个项目的本身复杂度不高,但是项目数量惊人,项目之间充满了重复性逻辑代码…突然有一天产品说 在某个项目改下样式,并且相关的都要进行同步… 想必作为前端人都想口吐芬芳了正文为了方便理解,下面以图代文,正如所看到的那样,各种各样的域名对应大同小异的 repo, 维护起来简直要命, 作为一位强迫症开发者,对于这种现象是绝对是无法容忍的。 因此把每个项目的 repo 都过了一遍, 发现之间有很多相似的逻辑,包括前端页面原创 2021-03-12 15:10:33 · 220 阅读 · 1 评论