自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript 基本语法及面试注意点

1、 表达式和语句表达式一般都有值,语句可能有值也可能没有,语句一般会改变环境(声明、赋值),但这些都不是绝对的。1 + 2 表达式值为 3console.log 表达式的值为函数本身add(1, 2) 表达式的值为函数的返回值console.log(3) 表达式的值为 undefined,打印3var a = 1 是一个语句,值为 undefined2、标识符的规则第一个字符可以是 Unicode字母、$、下划线(_)或中文后面的字符,除了上述字符,还可以有数字变量名是标识符Java

2020-06-30 13:49:15 140

原创 2020年,我们该如何学习WEB 前端开发

我们可以把学习路线比作游戏中的段位上分,在不同的分段都有自己的定位和要锻炼的事情:青铜—从零开始小学生:怀着满腔的热血,看到了这一个行业的希望和未来,准备开始学习 Web 开发知识。先通过 w3cschool 等免费学习资源把 HTML、CSS 和 JavaScript 的基本操作学会了写一个简单的表白页面送给你的女/男朋友,展示一下自己努力的成果,如果没有就当我没说白银 —懵懵懂懂初学者:懂得如何使用 HTML、CSS 和 JavaScript 三大件来实现基本页面开发功能选择一个可以覆盖多种场

2020-06-29 13:45:38 294

原创 12 个实用的前端开发技巧总结

1,利用 CSS 穿透覆盖默认样式常见发生场景:假如我们需要通过 input,type="file"来上传文件,而这个 input 的默认样式,可以说是非常地丑。所以我们希望通过一张图片,与这个 input 大小一样,位置一致地盖在上面。这个时候,显然,这个时候点击图片,input 是不会起作用的。就是因为 img 隔绝了 click 的穿透,而我们希望的是,这个 img 只是视觉上遮挡了 input 的样式,但是点击的时候还是点击到 input。所以,只要让 img 可穿透即可。css 代码如下:i

2020-06-28 15:45:54 910

原创 零基础开始学前端有什么建议?

如今,随着物联网时代的到来和网络营销的日益发展,前端技术比以往更加火热。我们可以看到Web应用与新技术趋势紧密相连,而这直接导致了前端行业广阔的就业前景。正因如此,学习前端的朋友越来越多了。为了帮助大家可以更高效地学习,本文为大家总结了一些零基础开始学前端的建议,希望大家可以少走一些不必要的弯路。1、前端行业现状和发展前景怎么样?在学习一门技术之前,我们应该先对整个行业的发展情况有所了解,毕竟有时候选择比努力更重要。随着大型企业对于用户界面体验的要求的高度重视,前端人才的需求也在增加。目前,我们可以在

2020-06-24 13:44:21 549

原创 前后端分离后的前端时代,使用前端技术能做哪些事?

什么是前后端分离,要区分前端和后端,需要有个明确的界限。一般,用户可以直接看到的东西,都是属于前端的范畴,除了前端之外都属于后端了。在传统的像ASP,JSP和PHP等开发模式中,前端是处在一个混沌的状态中,可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板,后端将数据渲染到前端提供的页面模板中,最后将页面渲染到浏览器展示。这个过程中,前端只提供页面模板或者写一些JavaScript脚本,有的甚至JS脚本都是后端来写,前端的作用只局限于切图和样式模板文件,这种角色就是传说中的“切图仔”。

2020-06-23 15:25:45 920

原创 前端到底是自学好还是培训好?

学习web前端开发有必要去培训班吗?还是自学好一点很多人在考虑向web前端转行的时候都会问这个问题,毕竟参加培训班需要投入时间和金钱,学完之后效果如何,是否能够顺利找到工作,是很多人都会担心的问题。对于这个,给大家分析一下web开发零基础怎样入门以及web开发自学好还是培训好?1、web开发技术三个阶段分别是前端美工、前端开发和前端架构。前端美工主要负责最基本的一些平面设计,交互设计,不需要参加太多代码问题,中级web开发会写JS,应用JS,用户交互等,前端架构是开发、优化框架和服务器,用户体验等涉

2020-06-22 14:14:35 1602

原创 谁说 JavaScript 简单的?

这里有一些 Javascript初学者应该知道的技巧和陷阱。如果你已经是专家了,顺便温习一下。Javascript也只不过是一种编程语言。怎么可能出错嘛?1.你有没有尝试给一组数字排序?Javascript 的sort()函数在默认情况下使用字母数字(字符串Unicode码点)排序。所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5].要正确的排序一个数组, 你可以用 [1,2,5,10].sort((a, b) => a — b)很简单的解决方案, 前提是你得知道

2020-06-22 11:55:21 104

原创 前端开发技术:HTML5 & JS 前端开发主要功能!

HTML5广义上讲是前端开发学科的代名词,包含HTML5、CSS3及JavaScript三个重要的部分,是运行在浏览器上应用的统称。如PC端网站、管理系统、手机网页应用(WebApps)、混合应用(HybridApps)、微信公众号、小程序、小游戏、数据可视化等。HTML5狭义上讲是指HTML版本5(v5),相较HTML4,增加了很多新的元素(标签)和元素属性,大大增强了HTML的语义化和表现力,这一部分属于页面结构的内容,比如媒体标签video、audio,画布canvas标签,这三个新标直接K.O了

2020-06-20 13:53:34 838

原创 2020年最新前端框架大全,Web工程师人手一份!

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助。一、构建工具1、 Parcel地址:https://parceljs.orgParcel是一款极速零配置WEB应用打包工具,快速、几乎零配置是它最大的特点,开箱即用。相比webpack,Parcel对于新手来说未尝不是一个很好的选择。2、 Critters地址:github.com一款webpack的插件,它可以很方便的配置内联关键css( critical CSS ),其余的css部分则会异步加载,由于它不使用无头浏

2020-06-18 13:31:09 1097

原创 HTML5前端开发真的会被取代吗?

相信不少人看过一篇人工智能已经能实现自动编写HTML,CSS的文章,不知道大家看到这篇的时候心情是如何的?还有这样的场景:事情是这样子的,前不久有团队做了款手机版app这段时间发布了,可以直接生成网页。于是很多人就慌了手脚“手机APP可以直接生成网页,取代了前端工程师的一部分工作,随着APP的进一步开发使用,前端开发的行业空间将更加狭小,是不是就意味着,前端开发正面临着被淘汰的局面?”前端真的要被取代了吗?答案是,当然不会。很多人会有这种想法,有以下两个主要原因:1、大部分人对于前端工程师的

2020-06-17 13:37:31 890

原创 6 大技巧帮助初学者快速掌握 JavaScript!

当你试图学习JavaScript或其他编程语言的时候,你通常会遇到如下挑战:一些概念让你感到困惑,特别是如果之前学过其他类型的语言。很难找到学习的时间(或者动力)去学习。你很容易忘掉之前学到的东西。JavaScript工具太多并且经常更新,以至于很难找到学习的切入点。幸运的是,这些难题最终能够被克服。在这篇文章,将展示六个能够帮助你更快、更开心、更高效地学习JavaScript的六个思维技巧。1、不要对未来的忧虑干扰你现在的学习有些JavaScript初学者会问刚开始要学习哪种框架,但是如果你

2020-06-16 14:58:00 2449

原创 自从知道了这几个 JavaScript 技巧,下班都变早了!

谁要是说 JavaScript 是世界上最好的语言,估计会被唾沫星子淹没。但是如果说 JavaScript 是世界上应用最广泛的编程语言,估计大部分人都没意见。尤其是有了 NodeJS 之后,JavaScript 更是无孔不入。Atwood 定律:“任何可以使用 JavaScript 来编写的应用,最终会由 JavaScript 编写。”即便如此,JavaScript 还是有一些鲜为人知的特性和技巧,不太常见,但是非常有用。本文不打算介绍那些稀奇古怪的特性,因为除了作为茶余饭后的谈资,没什么卵用实际

2020-06-14 15:43:01 165

原创 WEB前端开发职业学习路线初级完整版

下面小编专门为广大web前端开发职业者汇总了学习路线初级完整版,其实web前端开发工程师可算是高福利,高薪水的职业了,所以现在学习web前端开发的技术人员也是越来越多了,但是在学习web前端开发中去学习是应该要有一个完整的学习路线。web页面制作基础web简介,HTML语法基础,HTML基本结构,单双标签,标签属性,标签嵌套规则,注解,HTML文本图像元素,标题,段落,图像,HTML超链接元素,HTML列表元素,HTML表单表格元素,表单属性,表格结构。css基础,基础语法和选择器,css引用方式,

2020-06-13 13:54:05 208

原创 一位老程序员的心得分享,WEB前端菜鸟,感觉很迷茫,该怎么做?

我们可以把学习路线比作游戏中的段位上分,在不同的分段都有自己的定位和要锻炼的事情:1、青铜 - 从零开始小学生:怀着满腔的热血,看到了这一个行业的希望和未来,准备开始学习 Web 开发知识。a. 先通过 w3cschool 等免费学习资源把 HTML、CSS 和 JavaScript 的基本操作学会了b. 写一个简单的表白页面送给你的女/男朋友,展示一下自己努力的成果,如果没有就当我没说2、白银 - 懵懵懂懂初学者:懂得如何使用 HTML、CSS 和 JavaScript 三大件来实现基本页面开发功

2020-06-12 15:10:38 1931

原创 最全HTML与CSS基础总结,不进来看看吗?

HTML与CSS基础总结一. 认识WEB1.浏览器的分类和内核2.图解web标准二. HTML基础1.文档类型2.页面语言lang3. 字符集4.标签语义化5.锚点定位6.base 标签7.特殊符号三. CSS选择器1.三种样式表总结2.CSS基础选择器3.font字体4.CSS外观属性总结5.链接伪类选择器6.复合选择器总结7.背景总结四. CSS的三大特性1.层叠性2.继承性3.优先级五. CSS布局问题与边框阴影样式1.外边距合并2.圆角边框3.盒

2020-06-11 13:48:48 231

原创 常见Web技术之间的关系,你知道多少?

如果你是一个Web开发初学者,那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思,然而,随着学习的深入。当你把他们搅在一起,你又糊涂了,你会不停的问:HTML是什么?CSS是什么?XML是什么?JS是什么?它们到底有什么用?在这里,我争取用最根本的语言向大家分别说明HTML, CSS, XML, JS到底是什么,有什么用。然后我们再来看把他们组合起来是什么,有什么用。当然如果你对HTML, CSS, XML, JS有足够了解,

2020-06-10 11:20:51 431

原创 初级Web前端工程师是什么?初级Web前端工程师的技术体系有哪些?

今天小编要跟大家分享的文章是关于初级Web前端工程师是什么?初级Web前端工程师的技术体系有哪些?本篇文章为大家整理出来了Web前端工程师初级阶段需要掌握的内容,很全面,希望大家好好阅读,看看自己掌握的知识点和文章里面写的还相差多少。一、什么是初级Web前端工程师?初级前端工程师:首先要知道的就是如何处理各种浏览器的兼容处理(比如说在IE浏览器中的createElement有什么不同等等内容),现在基本上每个公司在招聘的时候都会要求熟练html5, css3, javascript,这个熟练的意思就是

2020-06-10 10:39:27 1042 1

原创 那些必读的前端好书

对于程序员来说,有些书买来不是看的,是用来珍藏的。码代码的过程中如果遇到问题,只要把这些书从书架上请下来,随手翻翻,便会立竿见影的效果。经典书籍需要不断被重读——每一次重读都会有新的体会。书籍并非读的越多越好——大多数书籍只是经典书籍中的概念延伸。有一些图书它不仅英语原版经典,中文版在豆瓣上也有着超高的评分,安利若干本这样的书,助你在编程的路上不断提升、不断进步。JavaScript《JavaScript高级程序设计(第3版)》——Web开发国内JS一书一幅浓墨重彩的语言画卷,一部推陈出新的技术名

2020-06-08 14:09:00 392

原创 刚进职场的IT前端小白,如何规划自己的未来之路?有哪些发展方向?

职业方向定位首先,只有确定好自己的职业方向,才能做好职业规划。(1)资深WEB前端工程师这个方向算是一个WEB前端最基本的选择了,在国外,很多老外都能够把自己的专业做到极致,能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因 两方面,内因是老外通常思想比较简单直接,容易一直专注于一个领域;外因是国外的环境很好,能够良好的支撑这样的职业发展道路。反观国内,从内因来 讲,WEB前端技术人员还是蛮浮躁的,通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦,最终转向后台或其他道路。从外因来讲,W

2020-06-06 17:46:28 660

原创 从零基础转行到前端大牛,需要经过哪几个阶段?

学web前端的你现在出于那个阶段呢?入门:能做东西出来了。合格:能做出优秀的东西来了。大牛:不光做东西还会吹牛的了。哈哈哈,不开玩笑了,下文为你详细说明:一、入门web前端工程师要求:能比较熟练的使用HTML+CSS 写出不考虑兼容性的页面,然后还能用jquery来实现页面的比较简单的DOM操作,JS的基本的语法弄清楚了。二、合格web前端工程师要求:HTML+CSS滥熟于心了,各种浏览器,各平台的兼容性都能搞定。对于web的加载速度,性能各方面都还做得比较到位,第三方的jquery,zep

2020-06-06 14:49:41 300

原创 前端初级新人,如何撕去菜鸟标签

前端路上我们都会碰到这类情景:现有技术体系已经很庞大了,还没学个遍,新技术又频繁涌出,发现有太多太多东西要学,隐隐有点学不动的趋势。不知不觉就在这条路上迷茫了,发现自己原来那么渺小。正所谓登高极目,知天地之大;置己苍茫,知寸身之微。我的逻辑是:现实我们是改变不了了,我们能掌握的是改变自己的学习方法和思维逻辑。我们常说万变不离其宗,对于前端来说,这个宗我的理解就是 html + css + js。建体系。将现有知识做个体系架构,然后将市场上前端技术点填入到这个体系架构中,不管新出现的知识是怎样的,都在这个

2020-06-05 15:21:14 153

原创 10个JavaScript代码片段,帮助你成为更好的开发者

毫无疑问,JavaScript是Web开发中最流行的编程语言之一。无论你使用的是React,Vue还是Angular,它们都属于JavaScript。JS围绕着广阔而至关重要的生态系统发展,提供了许多的框架和库,可帮助你快速地开发应用程序。但是有时最好退后一步,尝试了解如何在没有库的情况下进行操作。看看下面的代码片段,它们以优雅的方式解决了简单的问题,并在日常项目情况下使用了这些知识,可以为编写代码提升工作效率。1、反转字符串在此示例中,我们使用了散布运算符(…),Array的reverse方法和S

2020-06-05 11:03:27 236

原创 如何提升 CSS 性能的小知识

前言大家都知道,对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。对于性能优化我们常常在项目完成时才去考虑,经常在项目的末期,性能问题才会暴露出来,此时才进行一些相关的性能优化。其实,如果我们从一开始编码,就注意一些细节问题,后面的工作量会小很多,下面我们来看看在书写CSS时,我们可以注意哪些细节,从而来提升CSS处理性能。先来看看这段代码:<style> </style> ...

2020-06-04 14:18:20 151

原创 javascript该怎么学呢?值得收藏的学习Js之路

javascript该怎么学呢?Js给初学者的印象总是那么的“杂而乱”,相信很多初学者都在找轻松学习Js的途径。在这里给大家总结一些学习Js的经验,希望能给后来的学习者探索出一条“轻松学习Js之路”。Js给人那种感觉的原因多半是因为它如下的特点:A:本身知识很抽象、晦涩难懂,如:闭包、内置对象、DOM。B:本身内容很多,如函数库、对象库就一大堆。C:混合多种编程思想。它里面不但牵涉面向过程编程思想,又有面向对象编程思想,同时,它的面向对象还和别的编程语言(如:C++,JAVA,PHP)不大一样。就好

2020-06-02 11:57:59 857

原创 学前端可以做哪些功能?

很高兴能回答你的问题,在分享前端可以做哪些功能之前,首先分享一下什么是前端开发,所谓的web前端开发是相对的概念,是相对网站后端开发而言的,凡是通过浏览器到用户端计算机系统的行为,都需要用到前端技术,相反存贮于服务器的统称为后端技术。工具/原料前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等。这里提出交互设计及视觉设计概念,说明前端开发除了需要对写出的页面进行维

2020-06-02 11:48:25 2128

原创 10个每个开发人员都喜欢的JavaScript模式

1、构造器模式在面向对象的编程语言中,构造函数是一种特殊的方法,用于在为其分配了内存后初始化新创建的对象。在JavaScript中,几乎所有东西都是对象,我们最常对对象构造函数感兴趣。例如,由于对象构造函数用于创建特定类型的对象,因此准备对象以供使用和接受参数时,构造函数可在首次创建对象时用来设置成员属性和方法的值。如我们所见,JavaScript不支持类的概念,因此在构造函数内部,此关键字引用正在创建的新对象并重新访问对象创建,基本的构造函数可能如下所示:function Car(model,

2020-06-01 15:20:22 210

空空如也

空空如也

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

TA关注的人

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