七天国庆黄金周转眼即逝，退散的除了出游的热情，还有一波求职热潮...
IT 行业的技术者，时常被称为“码农、IT民工” 虽然行业内巨大的人才需求和相对容易得到的高薪，在源源不断的吸引各路人马加入，但它依旧在全球最缺人的十大行业中位居榜首。

遇到很多小伙伴问我这样一个问题：
大学计算机技术相关专业 加上 IT 培训机构的输出，每年培养出来的技术人才加起来少数也有10多万，为什么还会有这么大的人才缺口呢？

首先，2017年的“一带一路”建设在为 IT 行业开拓新市场，打造新格局，信息化建设~~
其次，无人驾驶、AI智能、机器人搬运、无人超市、区块链、大数据 都在需求 IT 人才...

IT 技术应用已经渗透到社会的各行各业的各个角落；
21 世纪已经全面进入信息时代，IT 互联网缩短了我们与世界的距离；
不管你是选择出游，还是宅在家里煲剧，都离不开互联网；
企业都会创建官网，建立数据库，存储用户信息、企业信息等；
这些就是职位需求。

言归正传，JavaScript 到底在 IT 行业里面是什么呢？我们要怎么去学习它呢？
JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。

案例代码：



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>Document</title>

    <style>

        #box{

            width: 100px;

            height: 100px;

            background: #f00;

            position: absolute;

            left: 0;

            top: 100px;

        }

    </style>

</head>

<body>

    <div id="box"></div>

    <script>

        // function move( obj,attr,target,duration,callback ){

        //  var b = parseInt(getComputedStyle(obj)[attr]);

        //  var c = target - b;

        //  var d = duration;

        //  var temp = new Date().getTime();

        //  var timer = setInterval( function(){

        //      var t = new Date().getTime()-temp;

        //      if( t >= d ){

        //          clearInterval( timer );

        //          t = d;

        //      }

        //      var v = c/d*t+b ;

        //      obj.style[attr] = v + "px";

        //      if( t === d ){

        //          typeof callback === "function" && callback();

        //      }

        //  },20 )

        // }

        var box = document.getElementById( 'box' );

        // move( box,"width",200,500,()=>{

        //  move( box,"height",300,500,()=>{

        //      move( box,"left",300,500,()=>{

        //          move( box,"top",200,500)

        //      })

        //  })

        // } )

        function movePromise( obj,attr,target,duration ){

            return new Promise( (res,rej)=>{

                var b = parseInt(getComputedStyle(obj)[attr]);

                var c = target - b;

                var d = duration;

                var temp = new Date().getTime();

                var timer = setInterval( function(){

                    var t = new Date().getTime()-temp;

                    if( t >= d ){

                        clearInterval( timer );

                        t = d;

                    }

                    var v = c/d*t+b ;

                    obj.style[attr] = v + "px";

                    if( t === d ){

                        res()

                    }

                },20 )

            } )

        }

        movePromise( box,"width",200,500 )

        .then( ()=>movePromise( box,"height",300,1000 ) )

        .then( ()=>movePromise( box,"left",300,1000 ) )

        .then( ()=>movePromise( box,"top",200,1000 ) )

        .then( ()=>console.log( "done" ) )

    </script>

</body>

</html>

学习路径：

JavaScript热身运动、JS入门教程
1-JS热身运动-上
2-JS热身运动-下

属性操作、图片切换、短信发送模拟
1-HTML属性操作
2-属性操作实例
3-属性操作注意事项
4-属性操作注意事项
5-属性操作注意事项
6-条件判断
7-数组应用及实例应用
8-图片切换及函数合并
9-图片切换扩展及模拟短信作业

for应用、自动生成、this关键字
1-动态方法：ByTagName()
2-ByTagName动态方法特性
3-初识for循环
4-for循环执行顺序
5-for应用：选取、生成、性能
6-for循环生成坐标
7-for循环遍历2维数组、嵌套元素
8-cssText文本格式化与属性操作
9-综合实例：生成一组新闻及思路分析
10-this指向及this应用

自定义属性、索引值
1-自定义属性、自定义一组开关应用
2-获取自身递增数字及匹配数组内容
3-添加索引值、匹配数组、HTML元素
4-图片切换综合实例1：布局
5-图片切换综合实例2：数据与初始化
6-图片切换实例3：2种图片切换思路
7-图片切换实例4：代码简化函数合并
8-QQ菜单实例1：实现折叠与展开
9-QQ菜单实例2：实现点击高亮显示、3道作业要求

JS数据类型、类型转换
1-JS数据类型及相关操作
2-数据类型转换-Number
3-parseInt与parseFloat的区别及小技巧
4-JS中稀奇古怪的隐式类型转换
5-isNaN应用实例
6-数据类型转换所对应的小练习说明

函数传参、重用、价格计算
1-函数传参、参数类型
2-传参应用：类型判断及多组图片切换实例
3-传参实例：商品价格计算及4道课后小练习

作用域、JS预解析机制
1-JS作用域概念-预解析规则、表达式
2-全局与局部作用域解析、作用域链
3-调用局部数据、全局声明、for嵌套函数中i取值

运算符、流程控制
1-运算符、程序流程控制（上）
2-运算符、程序流程控制（下）

return、定时器基础
1-函数返回值-return详解及应用
2-arguments实参集合与局部变量、参数关系
3-currentStyle与getComputedStyle应用
4-setInterval详解、定时器管理、背景选择实例
5-setTimeout详解、弹窗广告实例
6-定时器应用-自动切换焦点图、QQ延时菜单实例

定时器管理、函数封装
1-定时器管理-开关设置
2-函数封装的传参、判断处理
3-正负值的处理、添加回调函数
4-doMove应用-小练习
5-抖动原理及实现过程
6-抖的函数封装
7-抖函数的隐患、修复及练习

日期对象、时钟倒计时
1-系统时间对象
2-图片时钟实例
3-倒计时原理
4-倒计时实例-未添加定时器
5-倒计时实例-最终版、作业说明

字符串、查找高亮显示
1-字符串获取类、封装检测数字的方法
2-fromCharCode返回字符串实例、字符串加密
3-indexOf、lastIndexOf
4-比较类、截取类、substring应用实例
5-大小写转换、split分割字符串
6-split彩色文字效果实例
7-高亮显示关键字实例、替换搜索关键字实例
8-字符串方法总结、两道有趣的课后练习

Json、数组方法、随机函数、数组去重
1-json数据格式及json语法
2-for-in遍历json
3-数组定义及清空数组效率问题
4-数组4个小宝贝方法与技巧
5-splice方法、数组去重
6-sort排序
7-随机数及随机公式推理过程
8-concat、reverse、面试题及练习

以上内容可以让你对JS基础有一个全新的认识。
如果你拿不准自己是否处在JS基础阶段，不妨看看这里《你需要从JS基础开始学起吗》
做个测评：http://bbs.miaov.com/forum.php?mod=viewthread&tid=7524

前端小白凭什么杀进 BAT？的更多相关文章

  1. Web前端小白入门指迷

    前注:这篇文章首发于我自己创办的服务于校园的技术分享 [西邮 Upper -- 004]Web前端小白入门指迷,写得很用心也就发在这里. 大前端之旅 大前端有很多种,Shell 前端,客户端前端,Ap ...

  2. 前端小白想要编写可维护的js

    我是一名前端小白,之前没写过多少代码,心里没有代码质量这个概念,人人都说代码是团队的产物,应该将代码写规范,但是我对具体什么样的代码是可维护的是茫然的. 我没写过多少代码,本来好多东西就不咋会,每次给 ...

  3. 中小公司的Java工程师应该如何逆袭冲进BAT？

    (1)80% Java工程师都有的迷茫 这篇文章,跟大家聊一聊很多很多很多人问我的一个问题:中小公司的Java工程师应该如何规划准备,才能跳槽进入BAT这类一线互联网公司? 之所以我用了三个 “很多” ...

  4. 前端小白webpack学习（二）

    前一篇写了自我总结的webpack定义:为JavaScript服务的静态模块打包器 和几大基本概念 entry.output.plugins.loaders等.指路前端小白webpack学习(一) 下 ...

  5. 前端小白webpack学习（一）

    俗话说得好,好记性不如烂笔头. 之前就在学习中看过webpack的教程,然而一段时间没用,火速的忘光了.写这篇博文,做个总结,也让自己以后有个地方回顾. 看webpack之前,我先去看了一下官方文档, ...

  6. 测试工程师想进BAT必须具备的几项素质

    我发现一个奇怪的现象:总是听到身边的程序员朋友谈论BAT(中国大陆互联网的三大巨头:百度.阿里.腾讯)以及如何进入BAT,却鲜少有测试会去谈论或者考虑这些问题. 我不知道这是为什么,或者我就算知道也只 ...

  7. 【面经分享】前端小白半年准备，成功进入bat

    先介绍下背景 非211,985本科毕业.一年半PHP经验,一年半前端经验,前端一直在做React开发. 半年之前,我是一个前端小小小白.多么小白呢? css调样式全靠试. 盒模型,好像知道是啥?好像又 ...

  8. 想进BAT？这些面试题助你一臂之力

    1 软性热身题 这种题目,考的就是你的软性能力,比如表达能力,理解能力,协调能力,一个词概括就是套路.这类题目会在面试开始热身的时候,问一道两题,不会多,但是如果你能回答的有条不紊,清晰达意,那么就会 ...

  9. 吐血推荐，想进BAT必看

    不必太纠结于当下,也不必太忧虑未来,人生没有无用的经历,当你经历过一些事情后,眼前的风景已经和从前不一样了.--村上春树 一.包含如下内容 ActiveMQ消息中间件面试专题 BAT80道面试题 BA ...

随机推荐

  1. hadoop 企业应用案例--大众点评

    hadoop 企业应用案例--大众点评 http://f.dataguru.cn/thread-260531-1-1.html

  2. 2.7 UML状态图

    问题的引出 顺序图是对对象的动态行为进行建模,有多个对象的参与.协作 问题: 当需要考察单个实体的动态行为时, 用UML如何来建模呢? 什么是单个实体:一个软件系统?一个子系统?一个模块.一个构件? ...

  3. python基础之函数名的使用,闭包以及迭代器

    内容梗概: 1. 函数名的使⽤用以及第⼀一类对象 2. 闭包 3. 迭代器 1.函数名一. 函数名的运⽤.函数名是一个变量, 但它是⼀个特殊的变量, 与括号配合可以执行函数的变量.1.1 函数名的内存 ...

  4. 【转】XP系统远程桌面连接2012R2提示：远程计算机需要网络级别身份验证，而您的计算机不支持该验证

    一.背景 因对方客户的服务器是内网的,需要操作更新服务器的数据库表信息,因此远程对方客户办公司的电脑远程服务器:但是在远程桌面连接出现问题. 二.错误问题 错误问题:“远程计算机需要网络级别身份验证, ...

  5. 『MXNet』第四弹_Gluon自定义层

    一.不含参数层 通过继承Block自定义了一个将输入减掉均值的层:CenteredLayer类,并将层的计算放在forward函数里, from mxnet import nd, gluon from ...

  6. linux指令统计日志出现的次数

    cat  XXX.log|grep ''|grep '条件'| wc -l   单个条件统计 cat  XXX.log|grep ''|grep '条件1'|grep '条件2'|grep '条件3' ...

  7. python-day97--git协同开发

    1.协同开发流程 - 在dev的基础上创建三个开发的分支 -每个人都在自己的分支中进行开发 -第一个人开发完成之后把review分支从云端版本库中拉下来 -将个人的分支与review分支合并(确保re ...

  8. ireport部署到Linux服务器上遇到的问题解决

    ireport报表在本地Windows环境运行正常,一旦部署到Linux环境上出现了如下问题: 1.打开报表,后台直接报net.sf.jasperreports.engine.util.JRFontN ...

  9. nginx开启fileinfo扩展

    //实现网址 https://blog.csdn.net/m_nanle_xiaobudiu/article/details/80838424 (1) (2).make && make ...

  10. docker实战系列之快速删除docker中的容器

    1.停用全部运行中的容器 docker stop $(docker ps -q) 2.删除全部容器 docker rm $(docker ps -aq) 3.停用并删除容器 docker stop $ ...