- 博客(274)
- 收藏
- 关注
RSS订阅
原创 现在加入Web前端学习还有市场吗？自己是否适合学习前端
现在市场上对于初级前端并不友好，直接可以这么说，一个实习前端，初级前端，你去面试，竞争力是非常非常大的！不要以为你学好了三剑客，你就可以拿个什么5.6千，甚至7.8千，尤其是即将毕竟的计算机学生，千万不要抱着这种侥幸的心里，多去逛逛，外面的世界很大，也很残酷！市场是非常需要前端工程师的，但是，是中高级的前端工程师，所以就算入了前端的门，也需要不断的提升自己，无论你是学院派，还是培训派，还是自学派...
2019-12-18 19:29:08
1095
原创 web前端都是自学成才吗？入行前端工程师的3种方式
对于前端入行现在大概有这么几种:1.大学里修前端课程，2.查资料看视频自学前端，3.参加前端培训。对于这三种学习方式，自学前端是属于最难的一种，咱们先简单的说一下另外两种方式，然后我再着重说下自学前端。除了自学前端外，另外两种学习方式称为被动学习。大家可以看到，不管是大学里前端课程还是培训学习，都有老师去引领，有合理的课程安排，有难度适宜的训练题，还有阶段性项目。这些对于初学者都是很重要的。...
2019-12-18 19:28:53
1005
2
原创 学习Web开发，就业方向你知道几个 ？
结合Web开发发展现状，WEB前端开发工程师已成为当下炙手可热的岗位之一，大中型企业对前端开发人才的需求量与日俱增，开始学习Web开发技术的学生也开始明显增多。从WEB业务开发层面出发，将WEB前端与后端融合总结，Web开发就业方向你知道几个1。WEB开发，前端、后端是web开发的两个端，其实统称web开发，在很多国外公司没前后端这个说法，都叫做『软件工程师』或者web developer。其...
2019-12-14 21:02:09
547
原创 学web前端的朋友一定要知道的一些高效学习方法
如何高效的学习web前端一定是困扰着很多初学前端的朋友，IT行业的变化快是众人皆知的，这就需要大家需要持续去学习新的知识内容。但是，往往我们工作之后，经常发现学习的东西很少了，学习效率非常低，感觉自己到了一个瓶颈期，久而久之，就演变成『一年工作经验，重复去用十年』的怪圈。不管你是已经工作了，还是正在学习中的初学者，如果你想在web前端行业中有更高更远的发展，下面这些方法会让你的学习之路变得更加...
2019-12-09 15:02:38
546
2
原创 同样是做前端，凭什么能年入50万，付出的努力跟收获是成正比的！
大家经常跟我要一些 web前端的学习路线和一些vue、angular、react教程，我自己很懒，自己没整理过系统的教程，因为网上也多的是，有时间我会普及一些入门和提升建议，思想提升了，路线明确了自然就好了，于是就整理了下这篇学习路线文章。对于很多人来说，问题的关键在于没有找到正确的发展方向，他不知道自己该学什么？前端更是体系庞杂，很难从一而终，于是特意抽出一部分时间来总结一下路线，帮助大家。...
2020-01-20 15:13:28
700
原创 IT时代，不懂编程，到底能不能学前端 ，自己做网站
首先我们学前端肯定是学习一个技能，那么学习一个技能肯定有一些最基本的要求，学前端的话，我觉得最基本的话对于自身要求包括这几方面1.英语单词能力代码目前基本上都是英语单词，认识几个英语单词对于你只会的学习或者提升都会有很大提升和帮助，如果你没有英语基础，那就先去补补英语基础在来吧。2.逻辑思维能力代码是个比较严谨的东西，不是你随便打打就能出来的，他得按照正确的语法去写，不然出来的都是bug...
2020-01-20 15:12:54
785
原创 这五类人最适合转Web前端，有你吗？
互联网的高速发展促使互联网企业对于网站等页面的用户体验要求也越来越高，导致网站开发难度越来越大，于是一个新兴职业应运而生——web前端工程师。因为互联网时代的高速发展，公司企业的迫切需求web前端工程师，web人才成为各大公司名企争抢的“香饽饽”。根据对100家互联网名企对Web开发工程师的招聘要求分析，企业要求主要有两部分，一个是核心要求，一个是辅助要求。核心要求包括：语言技术：J...
2020-01-20 15:12:27
901
原创 在公司里，web前端开发工程师主要是做什么的？需要掌握什么
随着5G技术的逐渐发展和成熟，未来大量的应用场景都需要前端进行呈现，所以未来前端开发将得到更多的重视。想要不被时代所淘汰，我们就需要不断学习，不断完善自己。未来相信所有的网站都会升级成HTML5网站，我们再也不用为了浏览网站去安装各种各样的插件了，并且它的效果会更加的炫酷。之前界限分明的前端开发和后端开发，未来开始模糊。从趋势上来看，开发团队的人员配备都在向前端倾斜，包括Android开发、i...
2020-01-20 13:48:42
1898
原创 IT小白们进击前端工程师的学习路线：编辑器，基础进阶学习要点，框架
一、HTML、CSS基础、JavaScript语法基础。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。相信我，JS语法，永远是面试中最重要的部分。三、jQuery、Ajax等。jQuery没有过时，它仍然是前端基础的一部分。四、ES6语法。这部分属于JS新增的语法，面试必问。其中，关于promise、...
2020-01-20 13:48:18
397
原创 CSS实现开关按钮三例
我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签，一个checkbox，并在提交表单后获取checkbox值，以查看用户是否已经选中或取消选中该checkbox。我们都知道默认的的checkbox长啥样，而且还不能通过纯CSS的方式来设置checkbox的样式。这种元素...
2020-01-19 14:11:41
1332
原创 纯CSS实现两个球相交的粘粘效果
这是一个纯粹利用CSS所做出来的效果，这个效果说穿了就是一个图像处理的原理，做法跟Photoshop里头的几乎一模一样，只是一个用图层和色版来制作，一个则是用CSS（把div当成图层思考就好了）。从PhotoShop开始一开始我们来玩Photoshop，会比直接写CSS来得容易理解（没有Photoshop的人也没关系，看完说明也就懂了），首先我们新增两个图层，一个里头放上红色的小球，另外一个里...
2020-01-19 14:11:38
805
原创 详细解读 CSS 优先级，你与成熟前端的差距！
CSS 优先级注意事项1、优先级就是分配给指定的 CSS 声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。2、而当优先级与多个 CSS 声明中任意一个声明的优先级相等的时候，CSS 中最后的那个声明将会被应用到元素上。3、当同一个元素有多个声明的时候，优先级才会有意义。因为每一个直接作用于元素的 CSS 规则总是会接管/覆盖（take over）该元素从祖先元素继承而来的规则...
2020-01-19 14:11:35
517
原创 CSS实现具有方面感知的幽灵按钮
本文中，我们将构建一个幽灵按钮，实现按钮很简单，但有趣而棘手的部分是使按钮背景色从鼠标进入的方向开始填充。我们可以先看看最终实现的效果：接下来，我们把实现步骤分解开来。基础我们先创建一个按钮，很简单！<button>Boo!</button>我们使用 CSS 自定义属性完成样式，这样更易于维护。web前端开发学习Q-q-u-n： 731771211，分享...
2020-01-19 14:11:23
387
原创 css3 loading （缓冲，等待效果实现）
效果一HTML<div class="zh-loading"><ul><li></li><li></li><li></li><li></li></ul></div>CSSweb前端开发学习Q-q-u-n： 731771211，分享学习...
2020-01-19 14:11:19
4119
原创 自学前端不用慌张！零基础学习前端必备手册 ，学成月薪12K
随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！那么对于零基础的一个学员该怎么学习前端呢？...
2020-01-18 16:11:58
467
原创 想从事前端工程师，却担心年龄？这些职场规则，我告诉你！
互联网行业的告诉发展也带动了前端的高速发展，那么对于高度发展的前端来说，很多人想从事前端，但是在互联网中，一直谣传，程序员就是吃青春饭！那么到底，web前端多少岁不能做了，这是一个让人比较关心的问题。据统计：学习Web前端的人群年龄集中在20-30年龄阶段，20-29年龄占据50%之多，大量的年轻人加入到web前端开发行业中来，web前端开发在中国正处于快速发张阶段，如果你是刚毕业，或处于工作迷...
2020-01-18 16:11:53
995
原创 面临毕业的计算机专业学生，怎样去学习web前端，哪些是面试要点
现在已经进入了互联网时代，同时各种网站的前端也在发生着很大的变化，网页的展现形式已经不仅仅局限在单一的文字和图片上面，丰富的媒体活动也让网站变得更加的生动，这也就是为什么如今前端工程师这么吃香！对于即将毕业的计算机学生，怎么样去学习web前端，哪些是面试要点？本文结合我的工作经验，以及面试总结，给大家介绍一下，解决大家的困扰！首先说，进入web前端光懂得HTML、CSS和JavaScript...
2020-01-18 16:11:46
357
原创 6年架构师针对web前端小白，作出的职业规划建议
本人从事前端6年了，目前在广州从事架构师。业余总结了很多学习资料，在不断总结的过程中提升自己的技术水平，跟进时代的发展，也想帮助更多想从事前端工作的朋友。本文我会普及一些入门和提升建议，思想提升了，路线明确了自然就可以展开高效学习。确定方向做职业规划的目的是避免迷茫，而避免迷茫最有效的方式就是确定明确的方向和目标。对于任何一个技术岗位，都有固定的两个方向：技术专家（架构师）和 开发经理。前...
2020-01-18 16:11:35
594
原创 全能前端时代，让我们全方面了解Web前端是怎么来的
前端到底是个啥前端其实是个很大的范畴。我这里只针对 web 开发的前端而言（下文统称前端）。简单点说，针对浏览器的开发，浏览器呈现出来的页面就是前端。它的实质是前端代码在浏览器端被编译、运行、渲染。前端代码主要由三个部分构成：HTML（超文本标记语言）、CSS（级联样式表）、JavaScript。如图：前端发展历程前端也算是经历了一个比较漫长的发展过程，大致历程可以分为以下几个阶段：上古...
2020-01-18 16:11:22
502
原创 H5-canvas实现粒子时钟
我们先看看粒子时钟的效果，如下：下面我们将通过canvas和js实现，首先要创建一个html文件并添加一个canvas画布，如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...
2020-01-17 14:42:03
334
原创 30行前端代码实现任意文字转粒子
w和h分别指窗口的宽和高 componentDidMount(){ var c=document.getElementById("canvas"); var ctx=c.getContext("2d"); ctx.fillStyle = "#fff"; ctx.fillRect(0, 0, 100,50); ctx.font="50px Arial...
2020-01-17 14:42:02
340
原创 css鼠标经过弹出子菜单特效
<!DOCTYPE html><html><head><meta charset="UTF-8" /><meta name=viewport content='width=device-width, initial-scale=1, maximum-scale=1'><title>Hello React!</t...
2020-01-17 14:41:57
641
原创 前端开发中62条不可忽视的知识点总结
1.css禁用鼠标事件2.get/post的理解和他们之间的区别3.实现条纹网格的方式4.js求平面两点之间的距离5.css禁止用户选择6.数组去重7.什么是CDN和CDN的好处8.圣杯布局和双飞翼布局9.正则表达式匹配手机号10.如何提高首频加载速度11.浏览器内核(渲染引擎)12.浏览器渲染过程及优化建议页面导入样式时，使用link和@import有什么区别？简述...
2020-01-17 14:41:44
340
原创 原生js判断某个元素是否有指定的class名的几种方法
结构部分：<div> <p>1</p> <p class="test">2</p> <p>3</p></div>js部分：web前端开发学习Q-q-u-n： 731771211，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频，...
2020-01-17 14:41:37
1627
原创 HTML元素嵌套问题
HTML元素嵌套问题元素嵌套块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，只能包含其他的内联元素。P元素嵌套问题<p> <div></div></p>在P元素中嵌套div等块级元素，在浏览器中解析如下：可以看到在元素最后会多出一个空的<p></p>。通过查询，发现原来p元素内无法包裹块...
2020-01-16 20:46:36
296
原创 html元素有多个类名时，样式覆盖问题
<div class="carousel-item carousel-item-active"> </div>有这样的代码段.carousel-item-active { width: 39.722vw; height: 21.667vw; border-radius: 2.083vw; border:...
2020-01-16 20:46:31
1127
原创 CSS 层叠上下文（Stacking Context）
在网页制作的过程中，元素与元素之间的位置关系，在坐标轴上一般可体现为 X 轴、Y 轴和 Z 轴。对于 X 轴和 Y 轴的定位大多数开发都能比较直观的搞清楚，而 Z 轴 则相对较为模糊，或者说不能全面的理解Z轴的显示逻辑。大多数人都知道可以使用 position 属性配合 z-index 属性解决元素的 Z 轴显示问题，对于更深层次的原理却不太了解。本文主要介...
2020-01-16 20:46:25
413
原创 你真的了解CSS继承吗？看完必跪
也许你瞧不起以前的 css ，但是你不该再轻视眼下的 css 。近年来 css 的变量系统已逐步得到各大浏览器厂商支持，自定义选择器等强势袭来，嵌套系统/模块系统也在路上…为了更好的掌握 css 这门语言，很有必要把之前零零散散的 css 知识回炉重造下。css 作为一门语言而，也有其继承原理，虽然简单，你却未必掌握。属性的是否默认继承初始值是指当属性没有指定值时的默认值，如这些语句的值都是...
2020-01-16 20:46:19
228
原创 26个CSS小技巧，开发各种炫酷网页效果必备！
本文总结日常开发中26个CSS实现方法，如有遗漏或补充，还请指正！解决inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移.wrap { display: inline-block; overflow: hidden vertical-align: bottom}超出部分显示省略号// 单行文本.wrap { overflo...
2020-01-16 20:45:46
7338
原创 让小白不走弯路：开始学习web前端之前你需要做到以下5点
学习web前端编程技术肯定是以就业拿到高薪工作为主要目的的，可是高薪不会那么轻易拿到，这是一个最简单的道理。没有付出就没有回报，在整个学习web前端编程技术的过程中，你需要付出时间、精力、金钱。废话不多说直接上干货。在开始学习之前你需要做到以下5点：第一：需要达到什么样的技术水平才能就业？既然是为了就业，你就要知道学习web前端编程技术需要达到什么样的技术水平，才能获得一份web前端开发的...
2020-01-16 13:34:31
382
原创 转行学习web前端开发应该具备的4个条件
5G时代来临，各行各业对产品的用户体验需求空前大增。人们在享受互联网带来的便捷也给互联网产品提出了新的需求，这意味着前端开发人员也有了更多的机会和挑战。无论是大小公司，对前端开发工程师的需求都是在快速上涨，薪资待遇也随之上升很快。前端开发工程师就业机会多，创业机会多，且就业范围广，几乎各行各业都有需要，互联网公司、金融，贸易等等都能进。并且对从事开发的就业者的专业经历不设门槛，学习门槛低，几乎...
2020-01-16 13:34:18
243
原创 Web前端工程师职业方向定位
一、职业方向定位首先，只有确定好自己的职业方向，才能做好职业规划。在我看来，做Web前端技术能够找到的职业方向有以下几种：（1）资深Web前端工程师这个方向算是一个Web前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域；外因是国外的环境很好，能够良好的支撑...
2020-01-16 13:34:01
1791
原创 为什么现在互联网大厂如此重视web前端？
为什么新浪、搜狐、网易、腾讯、阿里巴巴等在内的各种规模的IT企业，都对web前端越来越重视了呢？1、web前端的由来以前会Photoshop和Dreamweaver就可以制作网页。随着时代web前端设计的发展，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中...
2020-01-16 13:33:32
517
原创 年薪30W前端工程师，需要吃透的书籍有哪些？
前端框架层出不穷，新技术不断更新，作为前端的程序员也是倍感吃力。但为了高薪，每一个前端开发者，都在不断的学习新技术，啃底层。今天小编为大家推荐一个前端程序员必须要吃透的书籍！《JavaScript DOM 编程艺术》超级前端畅销书，作为前端程序员必读两遍以上的书籍，这本书籍特别适合初学前端的新人，前端的核心技术就是JavaScript，同时也是前端的难点。而这本书非常适合入门，通俗易懂，生动的...
2020-01-15 14:13:49
270
原创 2020年，哪些技术在前端开发的地位会越来越高？
当我们走向2020，过去的这段时间里，不论是互联网巨头还是初创企业，都纷纷进行了一波优化。渐趋理智的资本淘汰了一批不能适应市场的业务，而业务的紧缩也淘汰了一批不能适应市场的程序员。有人都不清楚自己为什么会被优化，但也有人薪资水涨船高，**这背后说到底就是每个人的竞争力强弱。**Oracle前脚宣布裁员消息，后脚就有专场招聘会等着，这是市场对他们的肯定。专场招聘会部分名单，图来自网络所谓人无...
2020-01-15 14:13:43
412
原创 从入门到进阶，web前端技术不断迭代，我们如何突破？
整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的 RN、Flutter，服务端 GraphQL、Serverless，前端和客户端的融合越来越紧密，前端在 Node 和 Electron 的加持下，也扩展了自己的版图到服务端和桌面。同时，随着前端开发越来越复杂，整个前端研发也经历了人工化 ->工具化 ->工程化 ->智能化的演变。目前各个大厂在工程化实践不断...
2020-01-15 14:13:35
757
原创 学会网页制作，web开发，你需要掌握这3个编程语言
做软件开发，是从事编程开发工作，必须先从语法基础开始学习，通过语法组成产品效果。前端开发的基础语法，由HTML+CSS+JavaScript组成，这是前端开发最基本的3个语言。网页布局基础：HTML+CSSHTML就是超文本标记语言，组成网页内容的最基本语言。你可以直接说他是网页的骨架，网页的图片、文字、视频、音频、程序都需要他引入到网页中体现。光是HTML做网页，只是有了内容，当然是远...
2020-01-14 19:02:24
3360
1
原创 Javascript 中的「上下文」你只需要看这一篇
正文上下文 是Javascript 中的一个比较重要的概念， 可能很多朋友对这个概念并不是很熟悉， 那换成「作用域」 和 「闭包」呢？是不是就很亲切了。「作用域」和「闭包」 都是和「执行上下文」密切相关的两个概念。在解释「执行上下文」是什么之前， 我们还是先回顾下「作用域」 和 「闭包」。作用域首先， 什么是作用域呢？域， 即是范围。作用域，其实就是某个变量或者...
2020-01-14 18:59:20
273
原创 盒子的大小和数据的高度自适应
需求：当数据内容不够，那么盒子的高度就是屏幕的剩余部分如果数据超出屏幕就出现滚动条步骤：1-在请求数据列表的父盒子加上:style="[{'min-height':wrapperHeight},{height:'inherit'}]"项目代码:<div class="item-box" ref="wrap" :style="[{'min-height':wrapperHeight...
2020-01-14 18:59:08
397
原创 css让一个盒子的高度自适应屏幕剩余的部分
项目中，移动端要自适应，由于有时候数据不够，所以导致了有的区域空白要求：没有数据的时候能够充满屏幕，数据超出屏幕就出现滚动条做法1-让容器高度充满这个屏幕在容器内容很少的情况下，要想让这个容器充满整个屏幕：`.container{min-height:100vh;display:flex}`2-让容器高度充满剩余屏幕高度要让容器充满屏幕的剩余高度，用 vh 结合 flex...
2020-01-14 18:58:49
1812
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人