- 博客(59)
- 收藏
- 关注
RSS订阅原创 零基础开始学 Web 前端开发，有什么建议吗？
掌握到应用开发层面，熟悉其中关键规则原理，能够进行开发实践，找一份10-15K的工作是非常简单的，在工作中用几年去消化吸收这些知识点，更进一步的掌握，年薪拿个三十万是没有任何问题的。......
2022-06-20 16:31:35
502
原创 自学WEB前端到什么程度可以去找工作？
我个人是很讨厌网上这些说学完前端三件套就能上手框架的言论的，在我看来说这些话的人很不负责任，在学框架之前，是要先把node、npm、webpack给学好的，模块化、组件化、模板化、工程化，这些都是学框架的前置知识，基础不扎实，学框架就是学个语法，学的都是表面的东西，实际到做项目会错误百出。............
2022-06-14 17:13:10
2680
原创 学习Web前端，是应该自学，还是参加培训班？
先说观点，我强烈建议每个人都要自学，不要参加培训班。我干web前端工程师这个职位已经有6年多的时间，之前在蚂蚁金服做过2年，后来离开是因为加班实在熬不住才走的，像这些已经上市的互联网公司几乎没有不加班的，基本上都是996，虽然工资给的是很高，但谁也顶不住总加班没有生活的状态。由于自己在这行业已经有6年的工作经验，所以对这个行业的情况还是比较了解的，像在蚂蚁金服、腾讯、百度、美团、饿了么这样的大厂中......
2022-05-20 16:58:35
405
原创 即将毕业的学生该如何学习WEB前端技术准备校招？
不知不觉一年又过去一大半，很快秋招就要开始了，最近有不少同学私信我问秋招相关的问题，今天通过这篇文章给大家讲解一下，校招走前端方向，应该怎么做准备。众所周知，校招分为秋招和春招，秋招会有更多的优质就业机会，好的公司会在秋招招一半以上的岗位空缺。只有大概30%左右的岗位会在春招和社招的时候补充。并且有很多同学会因为考研或者考公等因素放弃秋招，随着考研和公考的结束，这些考试失利的人也会流入春招。所以，......
2022-02-21 16:54:05
360
原创 2022年自学WEB前端系统学习路线，学完必拿15K以上offer
很多零基础的初学者，不知道从事前端开发需要学习哪些东西，今天给大家整理一份完整的前端学习路线，能够把这些知识点大致掌握，找一份15K以上的工作很简单。能够全部掌握，就可以准备大厂的面试了。首先就是HTML/CSS3 以及工具部分：vscode开发工具使用、markdown文档工具使用、浏览器平台环境、标签基础、DTD与META语义化、选择器、权重与优先级、匹配规则、浮动与清除、BFC、类名组合规则......
2021-08-06 10:45:59
293
原创 ES2019 中 8 个非常有用的功能
ES2019 规范是对 JavaScript的小规模扩展，但仍带来了一些有趣的功能。本文向你展示八个 ES2019 的功能，这些功能可以使你的开发变得更轻松。String.prototype.trimStart() 和 String.prototype.trimEnd()有时我们在处理字符串时需要处理多余的空格。ES2020 增加了两个功能：.trimStart() 和 trimEnd() 方法可...
2021-03-25 18:03:09
118
原创 这 7 道关于闭包的面试题，你能答对几个？
每个 JavaScript 程序员都必须知道闭包是什么。在 JavaScript 面试中，你很可能会被问到闭包的概念。以下是 7 个有关 JavaScript 闭包的面试题，比较有挑战性。不要查看答案或运行代码，看看自己的水平到底如何。做完这些题大约需要半小时左右。1. 热身有以下函数 clickHandler，immediate和delayedReload：let countClicks = 0...
2021-03-20 18:07:50
1014
1
原创 JavaScript 函数作用域（面试常考，还不来看）
一、作用域用来教你怎么写代码作用：生效，有用域：范围，区域作用域：变量（变量名，函数名）生效的范围1. 全局作用域全局作用域是最大的作用域，包含了局部作用域。在全局作用域中定义的变量可以在如何地方使用页面打开的时候，浏览器会自动给我们生成一个全局作用域 window这个作用域会一直存在，直到页面关闭才会销毁//下面两个变量都是存在全局作用域下面的，都是可以在任意地方使用的var num1 = 1...
2021-03-19 17:03:43
82
原创 15 个优秀的响应式 CSS 框架
响应式 Web 设计旨在为各种设备（从台式机显示器到手机）提供最佳的浏览体验。本文汇总了一些优秀的响应式 Web 设计 HTML 和 CSS 框架。这些框架都是开源的并免费的。对响应式 Web 框架进行比较并不那么容易。有的框架适合设计更快、更精简网站的某些功能，而有些可能提供了大量功能、插件和附加组件，但是可能体积会比较庞大并且上手较难。1. BootstrapBootstrap 是最流行的 H...
2021-03-18 18:12:30
302
原创 给你一份完整的Web前端学习路线图
随着Web2.0思想的日益普及，让企业都慢慢认识到前端的重要性。前端开发人员的地位也日益提高，相应的技术要求要是越来越高，那么现在想成为一名合格的Web前端工程师应该怎样学习呢Web前端学习路线图，希望对初学者有帮助。1.Javascript 语言全栈开发中，用的编程语言就是 javascript2.HTML5 标签和 DOM这是前端最核心技术，为之后学习各种开发框架，打下坚实基础。3.CSS3学...
2021-03-15 20:14:07
176
原创 静态页面布局方法分享
在初级web前端工程师的工作中，经常需要写一些静态/H5/花里胡哨的页面，这里分享我多年做这些页面总结的经验，希望对大家有点帮助。页面初始化及手机端viewport配置直接上代码：html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,...
2021-01-26 17:15:00
126
原创 HTML+CSS实现炫酷的登录界面
HTML+CSS实现炫酷的登录界面上效果图！鼠标点击用户名或密码，字体会向上滑动，调节大小并高亮。鼠标放到登录按钮上，按钮可以高亮！下面是HTML的代码：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="viewport" c...
2021-01-18 11:20:39
279
1
原创 img标签到底是行内元素还是块级元素
面试官问你<img>是什么元素时你怎么回答写这篇文章源自我之前的一次面试，题目便是问img标签属于块级元素还是行内元素，当时想都没想就说了是行内(inline)元素，面试官追问为什么能够设置 <img /> 标签的宽和高，当时脑子突然一懵，发现这是自己技术上的一个空白，所以有了这篇文章。阅读本文您将收获<img />标签的基本使用MDN关于元素的定义特殊的可替换...
2021-01-15 11:20:05
609
原创 前端HTML5面试官和应试者一问一答
哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。把你的前端拿捏得死死的，每天学习得爽爽的，如果你所学的东西 处于喜欢 才会有强大的动力支撑。感谢不负每一份热爱前端的程序员。前言希望可以通过这篇文章，能够给你得到帮助。(感谢一键三连)1.HTML5表单增加的输入类型url类型：专门为输入url地址定义的文本库，在验证输入文本的格式时，如果文本框中的的内容不符合url地址的格式，会提示...
2021-01-14 10:27:03
135
原创 如何不使用 overflow: hidden 实现 overflow: hidden
一个很有意思的题目。如何不使用 overflow: hidden 实现 overflow: hidden？CSS 中 overflow 定义当一个元素的内容太大而无法适应块级格式化上下文时候该做什么。而 overflow: hidden 则会将超出容器范围内的内容剪裁。控制 overflow: hidden 的方向这源自一个实际的需求，在某个需求当中，要求容器内的内容，在竖直方向上超出容器会被裁剪...
2021-01-13 16:58:27
165
原创 前端越学越迷茫？怎么跳出学习前端的误区？
大家好，今天给大家分享一下我从事WEB前端行业的一些学习经验，也希望通过这篇文章，可以帮助到更多正在学习但是又不知道从哪里开始学习的小伙伴，还有一些想要去转行的，但是不知道如何去学习，希望这篇文章对你有所帮助！首先，学习前端开发是一个漫长的过程，我觉得学习最重要就是坚持和多练。不要假装很努力，结果是不会陪你演戏的。学习前端，重要的是正确的学习方法和学习方向，如果你一开始学习方向不对，学习肯定就走了...
2021-01-08 17:32:14
146
原创 web前端零基础该怎么学习呢？
由于前端开发的火热和一些IT巨头公司对 web前端开发人员的需求旺盛，让越来越多的人转入前端。前端开发领域是IT技术语言领域唯一一个男女老少都可以快速入门并快速提升兴趣的领域，今天就来聊聊前端到底该怎么学~话不多说，让我们直接进入今天的主题。web前端的基本工作职责和基础技能(要清楚)web前端的分类和门派(简要概述，武林实在是太大啦)。前端开发必看的书籍资料(干货重点)。如果你已经了解清楚以上前...
2021-01-08 11:11:39
142
原创 你应该了解的25个JS技巧
写代码的时候总有一些东西是会重复出现的，次数多了你就会想找找捷径了。这类问题中有很大一部分解决起来甚至连库都不用装。下面就是我多年来收集的前 25 个捷径和小技巧。1. 类型检查小工具JavaScript 不是强类型语言，对此我推荐的最佳解决方案是 TypeScript。但有时你只是想要一个简单的类型检查，这种时候 JavaScript 允许你使用“typeof”关键字。“typeof”的问题在于...
2021-01-05 17:15:26
69
原创 前端工程师的自我修养：React Fiber 是如何实现更新过程可控的
前言从 React 16 开始，React 采用了 Fiber 机制替代了原先基于原生执行栈递归遍历 VDOM 的方案，提高了页面渲染性能和用户体验。乍一听 Fiber 好像挺神秘，在原生执行栈都还没搞懂的情况下，又整出个 Fiber，还能不能愉快的写代码了。别慌，老铁！下面就来唠唠关于 Fiber 那点事儿。什么是 FiberFiber 的英文含义是“纤维”，它是比线程（Thread）更细的线，...
2021-01-04 16:30:28
154
原创 推荐 12 个学习前端必备的神仙级工具类项目与网站
今天给大家推荐的是平时学习前端时，经常用到的一些辅助工具类网站。前言大家好，我是你们的 猫哥，一个不喜欢吃鱼、又不喜欢喵 的超级猫 ~猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目、常用技巧，在此分享给大家。已经推荐了 面试项目、css 奇技淫巧项目、代码规范项目、数据结构与算法项目、JavaScript 奇技淫巧项目、前端必备在线工具 等专题的近 100 个优秀项...
2020-12-30 17:58:12
165
原创 前端面试出场率奇高的18个手写代码
1. 防抖function debounce(func, ms = 1000) { let timer; return function (...args) { if (timer) { clearTimeout(timer) } timer = setTimeout(() => { func.apply(this, args) ...
2020-12-29 16:34:14
135
原创 前端辅助开发工具
阿里矢量图库传送门包含非常丰富的图标Orion矢量图库传送门carbon传送门非常优美的代码编辑模块，可以辅助我们在写PPT等文档截取代码块的时候不再是模糊的截图，可直接使用这个公共copy代码块，非常清晰。如下图：codepen传送门CodePen 则是前端开发者们约“码”的天堂。它不仅提供给你了一个 Showcase 的平台，而且能够开拓你的视野 —— 你能够及时的了解最新前端技术的应用，同时...
2020-12-28 17:31:14
1510
原创 2021年最热门的5种编程语言
介绍截至2020年，大约有700种编程语言可用[1]。其中一些倾向于仅适用于特定领域，而其他一些则因其能够在各种应用中工作的能力而广受赞赏。在过去的十年中，软件的应用几乎稳定增长，并且为了满足需求而开发了新的语言。在本文中，我们将探讨数据科学和云开发领域中一些最常用的编程语言和潜在的新星。决定在业余时间学习一种相对较新的编程语言有时可能是对我们时间的冒险投资，因为我们不确定未来几年就业市场将如何看...
2020-12-24 11:12:17
61
原创 50个好用的前端框架，千万收好以留备用!
今天向你推荐目前比较热门新鲜度靠前的50款前端工具，希望在新的一年里，对你有所帮助。一、构建工具1、 Parcelhttps://parceljs.org/Parcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用。相比webpack，Parcel对于新手来说未尝不是一个很好的选择。2、 Crittershttp://github.com一款webpack的插件，它可...
2020-12-23 13:52:35
163
原创 十分钟学会正则表达式
(一)限定符1、?:它前面的字符需要出现0次或1次例如：used?可以匹配到use和used2、*:它会匹配0个或多个字符例如：ab*c可以匹配到ac,abc,abbbbbbc3、+:它会匹配一次及以上的字符例如：ab+c可以匹配abc,abbbc,而不会匹配ac4、{}:可以限定匹配的数量例如：ab{6}c,则匹配到abbbbbbc,而要限定b的数量在2到6之间，则是ab{2,6}c，如果只是两...
2020-12-18 11:04:54
46
原创 2020 前端学习路线总结
2020 前端学习路线总结在 GitHub 看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读。图下面是我翻译的一个文字版，可以先看图再看文字。✔︎ 表示个人推荐学习✔︎ 表示可选择学习✔︎ 表示不需要严格按照路线的先后顺序，可在任何时间补充这一块的知识✘ 表示个人不再推荐计算机网络掌握计算机网络的基础是一名前端工程师的基本素养，建议...
2020-12-16 17:14:46
102
原创 JavaScript 练手小案例：基于SVG的图片切换效果
最近太忙了，自动来到rjxy后，不晓得怎么回事，忙的都没时间更博了。昨天还有个同学跟我说，你好久没更新博客了。。甚为惭愧~~正好12月来了，今天开一篇。最近上课讲到了 SVG，不晓得同学们理解到没。 -_-!!!图片轮播见的太多，今天就用 SVG 写了一个图片轮播，效果如下。效果要求点击控制块，图片切换。切换的时候使用圆形做遮罩，由小到大变化。每次切换的时候，圆的位置随机产生。主要知识点1. SV...
2020-12-15 16:14:15
127
原创 推荐10个复古CSS套件
是否想发现可在下一个项目中使用的非典型CSS设计？下面是我最喜欢的一些。NES.cssNES-style（8bit-like）的CSS框架，非常适合您的复古浏览器游戏。RPG UIWeb中用于老式RPG GUI的轻量级纯CSS框架；包括按钮，复选框，图标，滑块，光标和许多其他有趣的东西。98.css & XP.css98.css是Windows 98风格，不附带任何JavaScript，因...
2020-12-11 16:05:56
58
原创 零基础学习WEB前端，为什么建议不要直接参加培训
这篇帖子主要给大家分析一下目前WEB前端的整个就业环境，虽然现在WEB前端的工资非常高，但是并没有那么容易做。很多人被高薪蒙蔽双眼，盲目的培训，最后导致花钱培训打水漂，还背负贷款，非常难受。我从事WEB前端工作有几年的时间，自认为对于这个行业还比较了解，希望大家可以理智的了解我们这个行业的形势。目前机构的数量非常庞大，很多机构打着“招聘”的名义让学生去培训，在面试的时候说学生水平不行，然后让他来参...
2020-12-07 12:01:48
297
原创 正则表达式是如何让你的网页卡住的
概述正则表达式在我们日程的工作项目中，应该是一个经常用到的技能。在做一些字符的匹配和处理的过程中，发挥了很大的作用。我们这篇文章主要是通过一个我在工作中遇到的性能问题，来探究下正则表达式是如何影响我们的代码性能的。在我们遇到了正则表达式有性能平静的时候，我们应该如何的来对它进行优化？如果对正则表达式还没有什么概念，或者说不了解的同学，可以先参考我之前写过的博客：正则表达式语法入门正则表达式高级进阶...
2020-12-03 11:24:16
32
原创 使用CSS计数器花式玩转列表编号
在网页设计中，以有组织的方式表示数据非常重要，这样用户可以轻松地了解网站或内容的结构。最简单的方法是使用有序列表。如果你需要对数字的外观进行更多的控制，你可能会认为你需要通过HTML或JavaScript在DOM中添加更多的元素，并对其进行样式化。幸运的是，CSS计数器为你省去了很多麻烦。在本教程中，我们将演示如何开始使用CSS计数器并介绍一些用例。相关阅读：使用CSS ::marker的自定义项...
2020-11-30 11:37:34
96
原创 前端装逼技巧 108 式（一）—— 打工人
你在拼多多到处找人砍价，他在滴滴打车求人助力，我在电子厂拧螺丝拧到凌晨，我们都有光明的未来！早安，打工人！楔子 作为一名拥有钢铁般意志的前端打工人，装逼是不可能的，这辈子都不可能装逼。如果真要装逼，那就大家一起装逼，毕竟前端要讲武德嘛，要耗子尾汁。遂决定写下前端装逼技巧108式，供诸君茶余饭后一乐，时不时秀个骚操作，为打工的生活增添一抹亮色。 因作为打工人，时间、精力有限，目前大纲只有约50式...
2020-11-23 11:30:03
327
原创 一个无名前端的10年前端路
也许是自己的关注点变了，也许是跟自己年纪相仿的同行都成了行业大牛，最近时常看到一些前端大佬的总结分享，例如《工作10年谈谈XXX》、《在阿里做了五年技术主管，XXX》、《在阿里云做前端》、《XXX，前端专业方向的尽头》等等。此类文章，我都一一拜读了，果真受益匪浅，大佬就是大佬。转念一想，好像哪里不对，我特么也这么老了，怎么还这个鬼样子？本来不想写什么文章的，既没有改变人类的命运，又没有什么轰动行业...
2020-11-19 11:25:34
203
原创 javaScript 这些常用的代码块你知道多少？
前言本文主要写的是自己常用的一些javaScript 代码块。记录常用代码，方便查阅。如发现错误，欢迎留言改正。正文1. 将Url参数转换成对象，没有参数时返回空对象function formatParamsToObject() { let search = window.location.search, // 获取url的参数部分 obj = {}; if (!s...
2020-11-16 16:19:50
185
原创 打造自适应网站只用一个CSS属性就够了
用一个CSS属性创建一个响应式网站，让我们来看看它是如何做到的。 以这个模板为例，没有应用css属性。 使用 clamp() CSS函数，我们可以创建仅具有一个属性的响应式网站。现在添加魔术CSSclamp(minimum, preferred, maximum);在这里！你已经完成了✌说明clamp() 的工作原理是“夹紧”或限制一个灵活的值，使其处于最小和最大范围之间。使用方法如下：mini...
2020-11-13 16:38:31
36
原创 浅析script 标签的 async 和 defer 属性
前端当然要从 HTML 开始，我们来聊聊在 script 标签中加上 async/defer 时的功能及差异。都明白的道理我们都知道，浏览器解析 HTML 是一行一行按照顺序向后读取的，在传统的写法中，当浏览器读到 <script> 时，便会暂停解析 DOM，同时立即开始下载 <script> 中定义的资源，并在下载完成后立刻执行。由于这样的特性，可能会造成 DOM 树在还...
2020-11-10 17:04:31
157
原创 两年前端拿下大厂offer，面试经验分享
背景：本科毕业于宇宙工业大学计算机专业，2年前端开发经验，分别就职于广州、深圳的两家小厂各一年。今年 7 月底裸辞回家准备 2 个月，中间大大小小面了十几二十家公司，最终收获了不错的 offer。 前言 7 月底因为我在深圳租的房子刚好到期了，再加上中间有一些工作上以及非工作上不顺心的事情，所以打算直接裸辞回家准备。 同时，在我的职业规划中，我是比较希望能够在职业生涯前期能够进入大厂（不管是不是...
2020-11-03 17:59:47
146
原创 TypeScript是什么，为什么要使用它？
从历史上看，JavaScript已经成为了在Internet上编写网页和应用程序脚本语言的主要语言。但是否能通过JavaScript创建大型复杂Web应用系统呢？可能那么容易。不过值得庆幸的是，我们还有一个解决方案TypeScript。在过去的几年中，TypeScript的受欢迎程度一直在增长。在2020年最有前途的五种语言中，它也是其中之一。目前最大的前端框架之一的Angular正在使用Type...
2020-10-22 15:19:37
187
原创 js变量与简单数据类型
js有三种书写位置，分别为行内、内嵌和外部。实际开发中大多使用外部。<script src="helloWorld.js"></script>注：使用外部js文件有利于HTML页面代码结构化，方便文件级别的复用引用外部js文件的script标签中间不可以写代码使用外部js文件适合于js代码量比较大的情况1. js输入输出语句浏览器弹出警示框：浏览器控制台打印输出信息浏览器...
2020-10-16 18:02:52
41
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人