自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

原创 什么是DOM?如何构建web页面

文档对象模型,或“DOM”,是web页面的接口。它本质上是页面的API,允许程序读取和操作页面的内容、结构和样式。让我们分解一下。如何构建web页面?浏览器如何从一个源HTML文档到在视图中显示一个样式化的交互式页面被称为“关键呈现路径”。虽然这个过程可以分解为几个步骤,但正如我在理解关键呈现路径的文章中所述,这些步骤大致可以分为两个阶段。第一个阶段涉及浏览器解析文档以确定最终在页面上呈现什么...

2019-10-31 21:59:59 913

原创 javascript函数的5个高级技巧

函数对任何一门语言来说都是一个核心的概念,在javascript中更是如此。本文将介绍函数的5个高级技巧作用域安全的构造函数构造函数其实就是一个使用new操作符调用的函数function Person(name,age,job){ this.name=name; this.age=age; this.job=job;}var person=new Person('mat...

2019-10-31 21:59:57 84

原创 新手锦囊:Web前端开发小白的学习建议和路线图

对于新手小白来说学习Web前端开发,可能不知道从哪开始,总感觉无从下手,千锋广州Web老师给Web开发者整理了一份学习建议及路线图,想要学习前端开发的东西可以借鉴学习一下。其实想要学习Web前端开发的门槛还是挺低的, Web前端开发入门门槛低体现在HTML和CSS上,前者只是结构标签,后者是样式配置,入门是非常简单的,对Web前端开发感兴趣的小伙伴可以找一些相关书籍来看,或者也可以找一些相关的视...

2019-10-29 17:36:37 121

原创 7步,让你从零基础成为优秀的Web前端开发人员

你想成为一名Web开发人员,有一个问题,在技术行业还没有经验。你可能上了很多课程并且也写了很多个人项目,但是简历上经验一栏却始终和你没有什么关系。转型到一个新的领域并不是那么容易,你想知道你是否已经准备好了,是否有人会认真的对待你,最重要的是你是否能得到工作。相信我:不要让那些担心阻碍你前进的道路。事实上它没有那么困难,只要你已经确定你已经充分准备好转型了。下面这七个步骤将使你到web开发的转型...

2019-10-29 17:35:43 108

原创 如何才能在Web前端开发学习中,游刃有余?

随着最近几年来互联网的迅猛发展和普及,Web前端工程师已经成为互联网时代软件产品研发中不可缺少的一种专业的研发角色。总是会看到很多人问,我现在想学习Web前端开发该如何下手?学习路线是怎样的?今天这篇文章,来说说我自己对Web前端开发学习的理解,并结合一些面试中会常问到的问题来谈谈,如何才能在Web前端开发坑中,游刃有余?一、基础首先前端的基础,相信大家闭着眼睛都能知道HTML+CSS+Ja...

2019-10-29 17:35:33 168

原创 初学web前端开发,你必要了解的基本概念与工具技术

Web开发是比较费神的,需要掌握很多很多的东西,特别是从事前端开发的朋友,需要通十行才行。今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术。A — AJAXAJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是一种创建交互式网页应用的网页开发技术。根据Ajax提出者Je...

2019-10-29 17:35:12 250

原创 Web前端开发的应用和前景

Web前端开发的应用和前景——web 1.0到web 3.0Web1.0:(只读时代)以静态、单向阅读为主,网站内信息可以直接和其他网站信息进行交互,能通过第三方信息平台同时对多家网站信息进行整合使用。那个时代的web就是静态网页。一个一个静态网页拼接成网站。Web2.0:(交互时代)以分享为特征的实时网络,用户在互联网上拥有自己的数据,并能在不同的网站上使用。php主导的web2.0时...

2019-10-29 17:33:32 586

原创 html是web前端的基础知识,初学者们真的学对了吗?

html概念前端最核心的技术 HTML + CSS + javascriptHTML - 结构 - 骨架CSS - 样式 - 效果JAVASCRIPT - (用户)行为 - 做的事情超文本标记语言超文本文本(txt文件) - 浏览器可以直接打开如果具有中文,可能出现乱码问题标记语法结构 - <标签名>注意 - 浏览器解析标记(规定的标记内容)注意HTML...

2019-10-29 15:32:14 98

原创 优秀的web前端开发程序员,他们都会的这6招

web前端工程师是近几年的新兴职业,也是目前火爆而且高薪的职业。不同的公司也有不同的叫法,比如:网页界面开发,网站设计等,要学好web前端开发,需要掌握什么方法与技巧?一、div和table这个是最简单的,也是最基础的。要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div和table,div用于布局、table也可以用于布局,但...

2019-10-29 15:32:10 146

原创 学习web前端开发打好基础,你缺少的不是耐心,是技巧!

学习web前端开发如何打好前期基础?不管是刚接触这一行业,还是入行已经很久的工程师都希望自己能够有所提升,成为大神。因为一开始学习简单,很多学员没有认真打好根基,在后续工作中想提升自己,才发现知识体系摇摇欲坠,不得不的从最基础的知识开始巩固。有言道:万丈高楼平地起,所以打好前期的基础是最为重要的。1、扎实的基本知识掌握就像我们学习汉字,汉字博大精深,厚厚的《新华字典》和《辞海》有太多的生字生...

2019-10-29 15:32:07 141

原创 掌握这10个技能,成为高效的Web前端开发者,就是这么简单!

要成为高产、高效的Web开发者,这需要我们做很多工作,来提高我们的工作方式,以及改善我们的劳动成果。下面是10个提高效率的技能,虽然不能保证解决你在开发中的所有问题,但至少是非常实用的,可以简化你的Web开发流程,使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间,以便开发更多、更好的项目。1. 使用Web开发框架一个良好的Web开发框架,可以帮助你:解决常见的Web开发问题,如...

2019-10-29 15:32:04 155

原创 前端小白经常出现“四”个错误

错误一转件所谓“应该能行”的代码错误:无论是JavaScript,还是在服务器上运行的代码,开发人员都需要测试并确认它是否可以正常工作,而不是在部署了之后,就认为它应该就能从一而终地运行。影响:不经过适当错误检查的网站就是对最终用户耍流氓。不仅会极大地影响用户体验,而且其错误消息内容的类型可能会给黑客线索来渗透这个站点。如何避免:是人都会犯错,这个哲理同样适用于编码。使用JavaScrip...

2019-10-28 22:00:00 121

原创 高薪的web前端工程师必会的19 个 JavaScript 简写方法

1.三元操作符当想写 if…else 语句时,使用三元操作符来代替。简写:也可以嵌套2.短路求值简写方式当给一个变量分配另一个值时,想确定源始值不是null,undefined或空值。可以写撰写一个多重条件的if语句。或者可以使用短路求值方法:3.声明变量简写方法简写方法:4.if存在条件简写方法简写:只有likeJavaScript是真值时,二者语句才相等...

2019-10-28 21:59:54 132

原创 web前端零基础系统学习路线(写给入门的新手)

web前端这块算是比较简单,也比较有意思的,下面列举一下学前端的几个阶段,大家可以根据自己的情况循序渐进的学习第一阶段:HTML+CSS:HTML、CSS基础、div+css布局JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、...

2019-10-28 16:21:37 237

原创 WEB前端开发新手入门:html语言学习的7个秘诀

WEB前端开发学习过程中,作为一个新手入门级别的菜鸟你,要如何的高效的学习呢?html语言学习的7个秘诀也就是说如何学习HTML语言。新手们有一个常见的错误就是犹豫于判断哪种编程语言是做好的、最该先学的。 我们有很多的选择,但你不能说那种语言“最好”。我们应该理解:说到底,什么语言并不重要。 重要的是理解数据结构、控制逻辑和设计模式。 任何一种语言—甚至一种简单的脚本语言—都会具有所有编程...

2019-10-28 16:18:49 398

原创 前端经典面试题(58道前端面试题包含JS、CSS、React、程序题等)

简答题1、什么是防抖和节流?有什么区别?如何实现?参考答案防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间思路:每次触发事件时都取消之前的延时调用方法function debounce(fn) { let timeout = null; // 创建一个标记用来存放定时器的返回值 return function () { clea...

2019-10-28 16:18:45 217

原创 web前端开发规范:命名规范、html规范、css规范、js规范

一个好的程序员肯定是要能书写可维护的代码,而不是一次性的代码,怎么能让团队当中其他人甚至一段时间时候你再看你某个时候写的代码也能看懂呢,这就需要规范你的代码了。命名驼峰式命名法介绍Pascal Case 大驼峰式命名法:首字母大写。eg:StudentInfo、UserInfo、ProductInfoCamel Case 小驼峰式命名法:首字母小写。eg:studentInfo、...

2019-10-28 16:18:26 719

原创 如何开始编程语言?给初学者的几个小贴士

在如今,计算机科学是一个蓬勃发展的行业,并且它的薪资待遇是极好的。对于顶尖的、有才华的工程师需求从没间断过,这就是为什么学习代码看起来是一个有吸引力的选择。但是和任何新的技术一样,很难知道从何处开始。这里有一些你应该在早期采用的步骤,适合初学编程语言)的人。Python作为入门的语言Python对于初学者而言是一种简单的语言。因为很少强调语法,Python是一种代表简单主义思想的语言。阅读...

2019-10-28 16:18:21 308

原创 web前端基础知识 - JavaScript执行过程

1. 事件循环一个 JavaScript 引擎会常驻于内存中,它等待着我们(宿主:浏览器、Node)把 JavaScript 代码或者函数传递给它执行。我们把宿主发起的任务称为宏观任务,把 JavaScript 引擎发起的任务称为微观任务。既然 JavaScript 是单线程的,那么所有的任务就需要排队执行。JavaScript 中的任务可以被划分为宏任务(Macrotask)或者微任务(...

2019-10-26 15:35:49 325

原创 web前端基础知识 - JavaScript文法

1. 词法1.1 概述词法规定了语言的最小语义单元:token,可以翻译成“标记”或者“词”。从字符到词的整个过程是没有结构的,只要符合词的规则,就构成词,一般来说,词法设计不会包含冲突。词法分析技术上可以使用状态机或者正则表达式来进行,我们的课程主要是学习词法,关于它们实现的细节就不多谈了。我们先来看一看 JavaScript 的词法定义。JavaScript 源代码中的输入可以这样分类...

2019-10-26 15:35:46 444

原创 Web前端基础知识之JavaScript命名空间

在JavaScript中全局变量经常会引起命名冲突,甚至有时侯重写变量不是按照想像中的顺序来。避免全局变量名冲突的最好办法还是创建命名空间,接下来千锋重庆小编就给大家分享在JavaScript中创建命名空间的几种常用方法。JavaScript的执行环境由各种各样的全局变量构成,这些全局变量先于函数执行环境而创建、这些全局变量都挂载于“全局对象”下。当名称有冲突时就会产生一些不可控的问题,比如命名...

2019-10-26 15:35:45 348

原创 web前端基础知识 - CSS语言和功能

1. @ruleCSS 的顶层样式表由两种规则组成的规则列表构成,一种被称为 at-rule,也就是 at 规则,另一种是 qualified rule,也就是普通规则。at-rule 由一个 @ 关键字和后续的一个区块组成,如果没有区块,则以分号结束。@charset@charset 用于提示 CSS 文件使用的字符编码方式,它如果被使用,必须出现在最前面。这个规则只在给出语法解析...

2019-10-26 15:35:42 636

原创 web前端基础知识 - HTML元素和语言

1. 文档元信息元信息,是指描述自身的信息,元信息类标签,就是 HTML 用于描述文档自身的一类标签,它们通常出现在 head 标签中,一般都不会在页面被显示出来(与此相对,其它标签,如语义类标签,描述的是业务)。1.1 headhead 标签本身并不携带任何信息,它主要是作为盛放其它语义类标签的容器使用。head 标签规定了自身必须是 html 标签中的第一个标签,它的内容必须包含一个...

2019-10-26 15:35:39 389

原创 新手学习Web前端的三个高效学习方法,基础要重视

作为新手,出于对风险的担心,不免在学习一项新技能或者转投一个新行业的时候,有所犹豫与徘徊。毕竟,在这场类似冒险的选择中,我们需要投入时间、精力以及承受相关的经济损失。但是,只有勇敢迈出第一步,才能为生活注入新活力,面对机遇,我们要及时抓住。就像现在IT行业火热,其中Web前端无论是发展前景还是就业形势都十分可观。那么作为一名新手怎么才能高效学习这门编程语言呢?3个高效学习方法,不容错过!** ...

2019-10-26 13:39:47 655

原创 HTML5之web前端开发面试技巧

根据当前形式来看,前端工程师就业市场广阔,前端工程师如何在就业大军中杀出重围脱颖而出呢?本文带你了解一下关于HTML5大前端的面试技巧。在HTML5大前端面试中,主要考察的理论知识包括:DOM结构、DOM操作等知识点,这时你只要将自己知道的知识尽可能的说出来即可。此外,最有可能对应聘者进行具体实操项目经验方面考察。例如,面试官给你一个正显示着股票价格的页面,页面上有一个按钮,你可以单击它来刷新...

2019-10-26 13:39:43 760

原创 论如何写一份好的前端面试简历

简历的本质在写简历之前,我们必须清楚的了解一件事情,那就是简历是什么?它不是人生履历,不是项目清单,也不是技能大放送。简历的存在只有一个目的 —— 帮你约到面试。只要能达到这个目的,简历可以是一段视频,一个开源项目,一张照片,甚至是一行字,比如:I wrote javascript当然,绝大部分简历的形式,就是我们所熟知的,是一篇文章。即使你通过其他方式获得了面试,当你入职的时候,还是...

2019-10-26 13:39:40 2006

原创 实习程序员拿下9家大厂的前端校招offer,分享月薪破万的成功秘诀

我就读于北京理工大学软件工程专业,是一名大四学生。从大一开始投入以前端为主的全栈开发,独立开发过多个中型和小型项目在学校里读书的时候,我就是一个闲不住的人。最近因为一个偶然的契机,接触到了校招季,最后定下了本科毕业就工作的规划目标。于是我在一个月的时间里参加了9家国内大厂校招,收获了如下结果(截至2019年9月5日):腾讯(WXG):等待二面阿里巴巴(淘宝FED):三面等结果字节跳动...

2019-10-26 13:39:34 1536

原创 大厂前端校招 - 系统知识体系总结

大厂前端校招 - 系统知识体系梳理*代表非必须编程语言HTML盒模型HTML5语义化标签canvas & svg响应式 metaCSS选择器优先级策略伪类 / 伪元素样式表继承CSS3Flex & Gridfilter媒体查询 & remTransform & AnimationBFC...

2019-10-26 13:39:31 336

原创 科普web前端开发,图文全面解析

前端是什么?在回答这个问题之前,我想到了一道面试题:当我们在浏览器中输入网址并按回车之后,接下来会发生什么?我们来简单地看一看 “网页展现” 的整个过程。比如这里有一个用户,它需要访问 abc.com 这个网址。一般来说,当用户输入一个域名时,是在请求一个 HTML 资源。当他完成域名解析之后,他的浏览器会向 abc.com 这个域名所指向的 Web 服务器发出请求。有时候 W...

2019-10-25 15:30:41 679

原创 一线城市中小公司的月薪10k前端工程师应该会什么?

前些日子,在某论坛看到一帖,问「一线城市中小公司的前端10k应该会什么?」,下面有很多回答,大多数回答的是一些会前端三大基础啊,html,css,JavaScript这些,然后一两个框架。实在是太笼统了,这回做一个总结,写下来,也让更多对编程,对前端感兴趣,并想以此为饭碗的朋友们多了解一下!以下是匿名用户的回答:毕业一年,工资9.5k,加上补贴奖励, 税后10.5k左右 。1. html、...

2019-10-25 15:30:37 1914 2

原创 web前端和后端有哪些区别?哪个更好就业

web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责。网页美工只针对UI这块儿的东西,比如网站是否做的漂亮。web前端开发工程师是负责交互设计的,需要和程序猿进行交互设计的配合。web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术,ajax和jquery以及简单的后端程序等。 后端的话...

2019-10-25 15:30:33 6532 2

原创 HTML/HTML5 知识点思维导图,零基础学习前端

HTML1 - 浏览器 | 浏览器页面构成2 - 浏览器 | 浏览器内核相关知识点3 - W3C | 对WEB标准以及W3C的理解与认识?4 - 标签 | Doctype相关知识点5 - 标签 | meta相关知识点6 - 标签 | label相关知识点7 - 标签 | link 与 @import8 - 属性 | 全局属性一览9 - 属性 | target属性...

2019-10-25 15:30:27 732

原创 前端开发十大顶级企业级学习网站

1.淘宝前端团队(FED)网址:https://fed.taobao.org/阿里巴巴淘宝前端团队网站,一群崇尚极客精神的人正在用技术为体验提供无限可能。在这里,可以涉及“无线”、“全栈”、“工程”、“安全”、“架构”等多方面的技术。2.FEX 百度前端研发部网址:http://fex.baidu.com/FEX 是百度「Web 前端研发部」的内部名称,其中 FE 是 Front End...

2019-10-25 15:30:25 1315

原创 互联网公司的“敲门砖”,会让前端开发程序员无路可走吗?

首先,我们先了解一下一般情况下学历的作用是什么,对于我们大多数人来讲,在进行面试的时候,学历最重要的一个作用就是“敲门砖”,现在任何公司招聘,都会写上大专学历以上或者是本科学历以上,但是对于真正有能力的人,学历并不能约束到你,往往都是既没有学历又没有能力的这种人,那就没有办法了。web前端的工作性质是什么?了解完了学历的作用,我们就在了解一下web前端的工作主要是做什么,我们简单来说,就是做...

2019-10-25 14:19:28 213

原创 web前端的未来真的像那些大咖说的:无可限量?

从15年开始web前端就突然火了起来,web前端现在已经到了我们不能想象的境界,一切的步伐都要跟着大公司走,腾讯这样级别的公司都这样重视web前端技术,可见web前端的发展前景是多么的可观,虽然现在竞争大,但是中国未来五年,web前端人才的需求量也是在不断上升的,而目前北京和上海这样的城市,平均工资是12000左右。但是我现在看到的问题是,大家看到web前端这个职业发展非常好,未来前景也是非常...

2019-10-25 14:19:24 124

原创 HTML、CSS 和 JavaScript-----网页三剑客

曾经的我怎么也想不到,web前端开领域能发展到今天的样子,但是对于很多想转行学习的初学者,你首先需要先掌握必备的基础知识,以及独立学习及解决问题的技能。下面我们来详谈一下!坐下来详谈地基-基础:HTML、CSS 和 JavaScript-----网页三剑客在一开始一个初学者都是蒙圈的状态,不知道自己该学什么是正常的,首先你需要先了解 HTML、CSS 以及 JavaScript 的基本语法,...

2019-10-25 14:19:20 374

原创 6年前端之路,学好并不是那么简单

我做web前端开发将近6年的时间了,现在月薪可以接近30000已经算知足了,但是距离我年薪百万的目标还有很长的路要走,而以后靠的不能仅仅是技术,更是一些管理和带人方面的知识和头脑。因为曾经自己自学web前端的时候走了不少的弯路,今天想做下总结:弯路一:盲目的去学当初我在对于web前端这个行业什么都不了解的情况下,比如:不知道未来发展趋势,不知道学习web前端应该注意哪些初始问题,不知道具体的...

2019-10-25 14:19:17 260

原创 想要学好前端,需要吃透的前端书籍有哪些?

随着互联网时代的发展,web进入2.0时代,前端开发的岗位逐渐独立出来,大量的前端程序员工资和技术水平飙升。前端框架层出不穷,新技术不断更新,作为前端的程序员也是倍感吃力。但为了高薪,每一个前端开发者,都在不断的学习新技术,啃底层。今天小编为大家推荐一个前端程序员必须要吃透的书籍!《JavaScript DOM 编程艺术》超级前端畅销书,作为前端程序员必读两遍以上的书籍,这本书籍特别适合初学前...

2019-10-25 14:19:13 269 1

原创 新的开发场景,带来大量的前端开发需求和挑战

5G时代已经成为了大家讨论的热点话题,除此之外5G还能带动自动驾驶、物联网、车联网、工业互联网、人工智能、智能家居、智慧城市等行业的将会飞速发展。5G对IT行业的影响是首当其冲的,那么对于Web前端开发而言,5G时代的到来会有什么影响呢?下面,就给大家分享5G时代下对Web前端学习会有哪些影响。第一:新的开发场景,带来大量的前端开发需求和挑战。随着5G标准的落地应用,在移动互联网领域将会出现...

2019-10-24 15:02:45 470

原创 资深web前端工程师总结出一套正确的学习思路

对于零基础的学员来说:初接触一门技术,想要去了解他,并掌握它,是不是觉得有点无从下手,不知道该学习什么?该先学哪个后学哪个?今天一位资深web前端工程师,用他多年从事web前端工作的个人经验总结出一套正确的学习思路,分享给你们!具体来说,前端方面的知识从重要程度来排,应该先后学这些:第一步学习基础知识api学习,系统地学,可以看看这个方面的书,不要只零散地看网上文章,这个书钱要舍得花。前...

2019-10-24 15:01:49 187

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除