WEB前端开发
千锋教育官方博客
千锋教育一直秉承“做真实的自己，用良心做教育”的理念，致力于打造IT教育全产业链人才服务平台。面授课程包含HTML5大前端培训、JavaEE+分布式开发培训、Python全栈+人工智能培训、全链路UI/UE设计培训、云计算+信息安全培训、全栈软件测试培训、大数据+人工智能培训、物联网+嵌入式培训、Unity游戏开发培训、区块链、PHP全栈+服务器集群培训、网络安全、红帽RHCE认证，采用全程面授高品质、高体验培养模式，教学大纲紧跟企业需求，拥有全国一体化就业保障服务，成为学员信赖的IT职业教育品牌。
-
原创 HTML学习：前端实现文字滚动效果（附视频教程）
本期教程是关于前端的，文字滚动效果怎么实现！文末有给大家附视频教程，大家根据需求学习！文字由左往右匀速滚动，鼠标放入时文字停止滚动，移出后继续滚动。(上一条文案完全移出容器后下一条文案才开始从左边往右移动，所以实现的时候会在两条文案的dom之间加一个空的dom)下面的实现方案主要是用了定时器setInterval不断的改变transform在X轴的值。代码如下：vartranslateX=0;varscrollboxLength=$('.basicInfoW...2020-11-05 14:15:08
3533
10
-
原创 2020web前端学习路线（附全套前端视频教程+教学大纲）
2020年最新web前端学习路线！接下来，教大家如何从零基础小白学习web前端，没有基础的伙伴也不要着急，有给大家整理视频教程，文末，大家按需学习就好！一、入门web前端开发在介绍阶段，您必须首先学习最基本的技能：基于UI设计草案的HTML静态页面生成。这要求您掌握HTML的技巧、CSS页面的布局、样式的风格等。在这个阶段，你需要学习：1、HTML + CSS基础掌握HTML的标签使用、排版、CSS布局、样式美化和浏览器兼容性。 HTML和CSS编码规范：掌握一些代码技巧，写出更好.2020-11-05 13:37:45
5220
66
-
原创 一篇文章带你了解HTML5 MathML（文末附视频教程）
HTML5 可以在文档中使用 MathML 元素，对应的标签是<math>...</math>。MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。注意：大部分浏览器都支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 Safari 浏览器查看。一、MathML 简单实例以下是一个简单的 MathML 实例。<!DOCTYPE html&..2020-10-27 17:33:46
91
0
-
原创 七个前端新手常见误区，千万注意避开（附全套视频学习教程）
越来越多的开发者加入前端开发队伍。但前端知识在不断更新着，大家对它的认识也各不相同，今天就为您解读，学习web前端都有哪七大误区。误区一：前端只是JavaScript但我要说的是：前端不只是JS。何谓前端开发？我认为，一切以展现为目标的工作，都是前端开发工作。在前端开发中，除了JS，还有很多需要去掌握的，比如浏览器原理，html5,css3等。之前在面试别人时，问他，怎么做一个触摸屏上的转盘。他摇头。我退了一步，和他说谈谈你的想法也可。他想了一下，还是不会。做转盘，看似简单，但代表了前端知识的综合应用2020-10-26 10:02:20
142
0
-
原创 HTML5前端开发就业前景，高薪背后的原因分析（附视频教程）
国家统计局披露数据显示，2019年全国城镇非私营单位(以下简称“非私营单位”)就业人员年平均工资为90501元，城镇私营单位(以下简称“私营单位”)就业人员年平均工资为53604元。值得注意的是：IT业年均工资超16万元，IT业连续第四年保持第一。IT行业已成为中国第一大产业，更是国家经济进步的重要推动力。未来5年，我国信息化人才需求量将达到1500万~2000万人！其中，软件开发以及网络工程的人才缺口最为突出，这便拉升了相关专业人才薪资的绝对“高度”。就拿HTM...2020-09-22 17:34:11
749
0
-
原创 字节跳动发半个月工资奖金，员工：以后我住公司了
9月8日，根据网上曝光的消息，字节跳动发送邮件，宣布将给予员工发放奖金。金额为2020年8月固定薪酬的50%。凡是2020年7月1日至8月31日期间，工作日出勤超过（包含）26天的全职员工均可获得该奖金。字节跳动称，为了感谢员工在面对全球新冠疫情以及宏观环境变化的挑战所付出的努力，公司决定以此激励员工。有不少字节跳动员工在微博、脉脉等网站发声，称已经收到公司发放的奖金，还有的员工打趣称，“我以后住公司了”，“扶我起来，我去上班了。”心动了吗？想去互联网大厂么？也许你觉得自...2020-09-17 10:25:30
19756
14
-
原创 web前端9个开发常见小技巧，还有你不会的么（附视频教程）
一、浏览器地址栏运行JavaScript代码这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：javascript:alert('hello from address bar :)');将以上代码贴到浏览器地址栏回车后alert正常执行，一个弹窗神现。你去试一试，是不是没有出现弹窗？？？那是因为：如果是通过copy paste代码到浏览器地址栏的话，IE及Chrome会自动去掉代码开头.2020-09-10 14:57:07
1542
2
-
原创 如何解决img标签下面的小空隙（详细教程）
很多初学小伙伴在写页面的时候碰到过这样的问题，当我们用一个div直接包裹img，img的下方会出现3px间距，如图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title&.2020-09-09 17:03:41
2919
3
-
原创 你在抱怨学不动，为什么前端工程师薪资还越来越高？（附：前端学习路线图+前端视频教程+前端面试题）
提起大前端，总会有人抱怨“我学不动”了，因为新东西实在太多。近年来，前端的Flutter、WebAssembly、Serverless 的火爆发展还是超乎我们预期，也让我们进一步看到大前端的融合趋势。什么是前端？早期互联网时代，电脑端的网站页面主要以静态为主，相对来说也没那么复杂。而现在随着网络信息逐渐丰富，网页发生了很大的变化，企业更加注重用户交互，各种产品层出不穷，好产品想要长久发展，用户体验就变得尤为重要，特别是移动端产品。前端技术主要包括HTML5、CSS3、JavaScript.2020-09-02 10:50:09
601
0
-
原创 零基础开始学 Web 前端开发，有什么建议？（附视频教程）
WEB前端看似简单，其实不然，要学的知识点很多很杂，对于零基础学习前端的小伙伴来说，一份详细的前端学习知识点大纲尤为重要。下面，话不多说，直接上干货（全网最全，没有之一）。PS：文末有福利（全阶段视频教程+学习资料），有需要的小伙伴可以找小编免费领，整理不易，希望对你的学习有所帮助！web前端学习路线（包含各阶段的详细知识点），适合零基础的小伙伴。第一阶段：前端页面重构本阶段主要针对零基础的小伙伴，专业零基础入门，了解互联网，了解Web相关技术。学习完本阶段的内容后可具备以下技.2020-08-28 11:31:28
1505
16
-
原创 javascript中的链式操作
说到javascript的链式编程,相信很多前端开发者就不由大脑的想到jquery的链式操作.很多人最早开始接触链式操作，就是从这开始的。实例代码一:$(".box").height(200).width(200);这段代码就是给一个类名称为.box的元素 设置高度,又设置宽度;实例代码二:$(".box").height().width();实例代码二运行后结果如下:报错了，说 width 不是一个函数, 这是为什么呢?明明jquery中有这width.2020-08-14 09:41:34
585
1
-
原创 关于ES6的模块化
历史上，JavaScript一直没有自己模块体系（module），无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言如java、python等都具备这项功能，唯独Javascript没有，在ES6之前，要想在前端做模块化开发，必须依赖第三方框架来实现，如：requireJS与seaJS。requireJS是AMD规范的起源，seaJS是CMD规范的起源，由于两者功能高度重合，后来seaJS不再维护，从此淡出人们的视野，于是requireJS一家独大，直到ES6的出现，且迅速成为2020-08-14 09:41:19
600
1
-
原创 cookie的简单介绍
在正式介绍cookie之前我们要先来说一说网络通讯协议首先：什么是网络通讯协议？所谓协议一般就是甲乙双方沟通要遵循的规则与方式，那么通讯协议就是通讯双方要遵循的规则，网络通讯协议则是计算机双方传输数据所要遵循的协议，浏览网页时, 一般使用http或者https，而它们都是基于TCP/IP协议的。TCP/IP协议是面向连接的在发送数据之前，都必须先在双方之间建立一条连接。在TCP/IP协议中，TCP 协议提供可靠的连接服务，连接是通过三次握手进行初始化的，如下图：客户端要向服务器发送.2020-08-14 09:40:29
630
2
-
原创 一道奇怪的JS面试题一
题目如下:var a = 0;if (true) { a = 1; function a() {return '123'} a = 21; console.log(a);}console.log(a);按照正常思路, 我们应该考虑变量提升.即是说, 代码等价于如下效果function a() {return '123'}var a = 0;if (true) { a = 1; a = 21; console.log(a)2020-08-14 09:38:11
607
1
-
原创 如何一句话激怒前端开发
后端开发：前端比较简单，我也会写，只是我比较喜欢搞逻辑复杂的后端工作。后端眼里，前端就是把后端数据渲染出来，写个页面就ok了，可能前后端分离之前他自己也写过，而自认为后端庞大，各种框架，各种技术都得会，殊不知其实自己也就是一个写入数据与读取数据的普通程序员。而前端js的复杂性，html,css一直在更新的新特性，浏览器兼容性，web端，移动端的适配性，层出不穷的新框架，其实前端也不容易。产品经理：这个需求我没描述清楚，这里少写了一句可能产品文档里面少写的一句话，导致整个实现逻辑得重来，而他2020-06-05 17:22:19
1055
0
-
原创 零基础的前端开发初学者应如何系统地学习？
零基础学习web前端，看这篇文章就够了！纯干货！小千整理了一套针对小白的web前端学习路线，通过本教程的学习，可以从零开始，一步步的掌握前端开发的各项相关技能，最终达到企业对初级前端开发工程师，中级前端开发工程师，高级开发工程师，全栈开发工程师等职位的要求。WEB前端学习路线树型图本学习路线涉及web前端知识点包含：HTML入门知识以及CSS基础语法，javascript日常开...2020-03-23 16:17:47
1974
0
-
转载 JavaScript学习笔记（二）-- 分支结构
分支结构我们的 js 代码都是顺序执行的（从上到下） 逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码IF 条件分支结构if 语句通过一个 if 语句来决定代码执行与否a 语法：if (条件) { 要执行的代码 } 通过()里面的条件是否成立来决定{}里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码if (true) { aler...2020-03-21 15:03:17
1922
0
-
转载 JavaScript学习笔记（一）-- JavaScript基础语法
JavaScript基础语法HTML：标记语言 JavaScript：编程语言序言JavaScript发展历史（JS）1. 1994年，网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器--只能浏览页面，浏览器无法与用户互动,当时解决这个问题有两个办法，一个是采用现有的语言,许它们直接...2020-03-21 15:01:44
2063
0
-
原创 2020全新零基础WEB前端学习路线（含视频教程）
小千整理了一套针对小白的web前端学习路线，通过本教程的学习，可以从零开始，一步步的掌握前端开发的各项相关技能，最终达到企业对初级前端开发工程师，中级前端开发工程师，高级开发工程师，全栈开发工程师等职位的要求。WEB前端学习路线树型图本学习路线涉及web前端知识点包含：HTML入门知识以及CSS基础语法，javascript日常开发，能够实现所有常见特效及数据交互动作，nodeJS、v...2020-03-17 17:55:18
2983
2
-
原创 一篇文章读懂css盒子模型
本文3个学习小目标认识盒子模型盒子模型的组成部分学习盒子模型的相关元素 margin padding一、css盒模型的概念及组成概念：盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。组成：边框、边界/边距、补白/填充、内容区。二、盒子模型的相关元素1、padding的使用方法说明：填充...2019-03-06 10:34:00
2603
0
-
原创 原阿里腾讯高级web前端工程师亲述面试经历及工作经验
各位小伙伴大家好，根据多年丰富的面试经历和岗位分析，对前端面试的技术栈，各大公司面试特点，进行简要的分析 ，随着我的秀发越来越少可以说我们积累的经验越来越多，在此给大家进行一个简要的分享。先说前端必备的技能， html ， css ， JavaScript ， jQuery（源码部分） ， nodejs ， vue ， react ，设计模式， 这些技术栈还是要具备的，当然框架的话2选一即可。...2019-02-27 09:58:32
5777
0
-
转载 web前端新手面试指南：如何做自我介绍
新人在面试时尤其要注意：自我介绍不能太长，也不能过短，3分钟左右最合适，做为web前端技术方面的面试，更加要说到点上，下面依次从学习方面、项目实践、未来规划这三个方面写下web前端面试的自我介绍。您好，我叫###，北京人，是##大学毕业，今天来是想面试贵公司的web前端岗位，我想从以下三个方面介绍自己。web前端技术面经项目实践从接触前端至今有3年时间了，期间写的最多的就是静态...2019-03-14 15:46:45
6980
0
-
转载 最详细的WEB前端开发规范手册
本文主要从以下几个方面来概述前端的开发规范1. 目录构建规范2. 前端命名规范3. 前端工作规范4. 开发文档的书写规范1. 前端目录构建规范我们从命名原则、根目录、业务逻辑等方面进行目录构建1.1 命名原则：- 简洁明了（如下：）* src 源代码* img 图片资源* js JavaScript脚本* dep 第三方依赖包- 不使用复数（如...2019-05-09 17:11:39
3852
0
-
转载 第二届西安千锋教育HTML5、Python学科联合项目大赛圆满收官
实现前端后端互联新形式——千锋西安校区第二届联合项目大赛圆满收官7月10日，由千锋教育举办的千锋西安校区第二届联合项目大赛圆满收官，在HTML5大前端组和Python后端组的努力协作下，7大项目顺利完成。各组成员通力协作，表现优异，其中，医疗项目组遥遥领先，斩获本次比赛第一名，金融理财项目组紧追其后，荣获第二名，外卖项目组和电商项目组旗鼓相当，并列第三名。前后端大融合的创新形式，是每一个...2019-07-15 13:48:03
2656
0
-
转载 【自学系列一】HTML5大前端学习路线+视频教程（全套完整版）
今年，千锋教育全新发布了囊括Java、HTML5前端、大数据、Python爬虫、全链UI设计、软件测试、Unity 3D、Go语言等多个技术方向的全套视频。面对这么多的知识点，有的盆友就麻爪了……我是谁？我该从哪里开始看？我该怎么看？我该看多少？这，是一个问题。做了一个学习线路图（学习视频建议贴第一期——HTML5大前端）——英雄LOOK：HTML5前端视频教程学习线...2019-08-22 10:26:30
4460
26
-
原创 Web前端入门之JS基础知识梳理汇总
Web前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。不过，学习要一步一个脚印，不能一口吃一个胖子，所有的实战经验都是基于理论而积累形成，今天的Web前端入门学习教程就给大家梳理汇总一下JS相关的基础知识点。 1、执行环境：有时也叫环境，是JavaScript中最为重要的一个概念，执行环境...2019-01-03 16:30:42
2871
0