在IT培训行业待了两年多，关于IT培训的问题，训哥儿自认为还是比较有发言权的。

训哥儿必须要吐槽一下这个问题，因为它给人一种“参加IT培训，就能月薪过万”的感觉，短短23个字里至少存在4大误区。

1、将月薪过万困难化2、将部分学员全部化3、将培训机构美化好4、将大学知识贬低化

其实，我们只需要稍微深入的挖掘一下真相，就会发现根本不是那么一回事儿，这个问题不具备太大的探讨性。事实如下：

01

IT行业月薪过万很普遍

根据国家统计局发布的2017年平均工资数据显示，IT行业连续两年平均工资水平力压金融行业，位居各行业平均工资水平的首位。达到了133150元，是全国平均水平的1.79倍（平均月薪11095.8元）。

为什么IT业工资水平“高歌猛进”，而一向被视为“高富帅”的金融业则增长乏力？中国劳动学会副会长苏海南对中新网记者表示，一方面，IT业属于高新技术行业，符合经济转型升级的方向，相关人才相对来说供不应求，因而其工资水平和增速能保持较快增长；另一方面，金融业近两年来处于整顿和调整之中，业绩总体不太理想。总体来看，IT业工资超金融业是一种好的变化，凸显了收入分配重点转移到高新技术和实体经济中的正确导向。

通过数据及采访可知，IT行业平均薪资全行业第一是既定事实，从业人员薪资过万是普遍现象，并且以后会越来越高，这是大势所趋。

02

月薪过万的培训生是少数

训哥儿前公司几年前培训了一名高中学历的富士康操作工，到现在依然当作成功案例宣传，来个低学历的学员就给人看。但事实呢？培训了N名初高中生，成功的也就寥寥几人，其它交了钱没就业的学员都被培训机构刻意模糊掉了。

以偏概全是IT培训机构的惯用套路，明星学员+就业案例的营销方式成功吸引了无数小白报名培训。知乎@安晓辉 的回答训哥儿觉得一针见血，这里借用一下：

请统计一下，给两个数据：大专以下学历，通过培训机构4个月培训，月薪过万的人数占总培训人数的比例开发者群体，月薪过万的人数中培训机构出来的大专以下学历的人数所占比例然后，再来讨论这个话题。顺便说一句：不要试图拿个例强怼主流现象。

初中学历也有月薪过万的，985毕业也有找不到工作的，摸个象鼻子就说大象是根管子合理吗？

训哥儿说一个保守的数字，培训后月薪过万的学员绝对不超过总学员数的20%。既然如此，又何来“培训四个月后，月薪过万这种现象”？

03

月薪过万靠的是简历造假

很多同学只知参加IT培训后能高薪就业，却不知高薪是靠透支自己的信用和未来换来的。

绝大多数企业对刚从培训机构毕业的学员是不认可的。为了使学员就业，培训机构就想出来个歪招——简历造假，指使学员将工作经验包装成1-3年，并为学员寻找一些小项目，小企业写到简历中，以假乱真。

没有毕业证？好办，淘宝上买一个或者说丢家里了，入职后就没人管你要了；没有离职证明？好办，我们机构免费给你开，我们的就业服务就是这么到位；年龄20岁，工作经验两年，不符合逻辑？好办，说自己23岁，面试时留点儿胡子。

培训机构宣传的培训后相当于1-3年工作经验的理论基础，其实就来自于简历造假，可笑不？可怕不？

有没有承认自己刚从培训机构毕业，月薪过万的学生？可能有，不过训哥儿接触IT培训两年来没有见过一例。

99%的学员为了薪资会配合培训机构的简历造假，但简历造假真的对学员没有伤害吗？

用人单位有权了解劳动者与劳动合同直接相关的基本情况，劳动者应当如实说明。知识技能、学历这些判断是否胜任的信息如有虚假，属于求职者以欺骗的手段影响用人单位录用决定，这构成劳动合同无效。一旦查实，用人单位可以立即解除劳动合同，不支付任何的经济补偿金。

04

学员本身技术扎实，培训机构临门一脚

在培训机构工作时，每期学员的就业信息训哥儿都有查看。

大多数月薪过万的学员有着共同的特点，即二本以上，计算机相关专业。这说明他们本身素质就很不错，技术基础扎实，只是还没有走通大学与企业之间的最后一公里，而培训机构则为其补上临门一脚，加上简历包装，月薪过万也就不足为奇了（如果真能月薪过万，这一脚两万块学费也值）。

本身素质不高，没有技术基础的学生培训后月薪过万的有没有？有！此类人大多忽悠能力极强，和培训机构有得一拼。但是，瞒得了初一，瞒不了十五，一般过不了试用期就会被辞退。

入职后被辞退，还有这种操作？此类操作多着呢，培训机构肯定不会说，宣传永远都是“王子和公主结婚了，从此过上了幸福而美好的生活”

难道IT培训就没有价值吗？当然不是，对一些人来讲，IT培训打通了他就业的最后一公里；对一些人来讲，IT培训让其在互联网行业入了门；对一些人来讲，IT培训改变了他的人生方向，使其走上了正轨；对于一些人来讲，IT培训是一条终南捷径，但世上真的有捷径吗？

不过，我们讨论的是“去培训机构培训四个月后，月薪过万这种现象”，以上种种均不在本文的讨论范围之内。

总结：培训四个月所学的知识，不足以支撑过万的月薪。关于IT培训，训哥儿只讲真话！

建议：很多学生因为培训机构的各种宣传，比如“保底薪就业”“先就业后付款”“就业保险”等，觉得参加IT培训没有任何风险，从而丧失了学习的动力，最后落了个技术没学好，工作没找到，学费打水漂的下场。

此文旨在唤醒这类学生，不要对培训机构抱有太大的幻想，把技术学到位才是最可靠的。

学习能力强的人，有相关基础的人，大学四年好好努力，根本不需要毕业后再到培训机构学习。哪怕临近毕业，只要意识到位，并付诸行动，努力拼搏一年半载，绝对不比培训机构培训4个月的水平差。

学习能力一般的人，零基础转行的人，可以参加培训，但培训前训哥儿建议找份教程先自学一段时间，打打基础或者说提前预热一下，要不然稀里糊涂去培训了，很有可能稀里糊涂的毕业。

为了感谢大家的支持，训哥儿特地收集了一些高质量教程。不花一分培训费，照样也能学编程。

卫星关猪公号：IT实训指南，回复【教程】即可免费领取价值万元的Python，PHP，java，Web前端，人工智能等全套视频教程。

关于IT培训后月薪过万这种现象，你怎么看？

李旭最近遇到了一件怪事儿，找工作变成了“被培训”。因为还未毕业，他打算找一份IT实习岗。打开招聘网站，正好有一家公司招实习生，于是李旭投递了简历，并很快收到了HR的面试邀请。李旭满怀期待的来到了面试单位，结果面试官说他技术不行，公司可以免费培训他4个月，不过需要交19800的保证金，培训后保证薪资6000以上。这是什么套路？李旭有点儿摸不着头脑。随着IT培训行业竞争愈发激烈，一些机构为了扩大招生量，想出了不少没有底线的招生手段，其中以“招聘转培训”最为普遍。

01

什么是招聘转培训

招聘转培训，简称招转，即打着招聘的幌子吸引求职者参加面试，然后一步步将其转化为培训学员。

具体的操作手法为，在招聘网站上发布一些门槛低、待遇好的职位（如上图），吸引小白投递简历并面试。

面试时，如果你非计算机专业，所谓的“面试官”会向你灌输IT行业的种种好处，诱导你对IT行业产生兴趣从而参加培训。

如果你是计算机专业，会有“项目经理”和你谈论技术，结论自然是你技术不行。这时，一旁的“HR”会顺势向你推销培训，并做出各种保证。

除了通过线上“钓鱼”，培训机构的招生人员也会在线下招聘会设套，吸引求职者投递简历，诱导大家参加IT培训。

招聘转化是IT培训机构最为人所诟病的地方，因为其带有明显的欺骗色彩。但机构明知如此，却依然我行我素。为什么？因为其成本低，效率高，归根结底还是一个“利”字。

讽刺的是，不少培训毕业的学员，找工作时会遭遇其它培训机构的招转。

02

如何避免被招转

遇到招转，就算不会被诱导培训，也会白白的浪费时间和精力，甚至还有可能会被招生人员三天两头的骚扰。

如何才能避免被招转？训哥儿这就教大家两招，拆穿招转套路，避免被割韭菜。

第一，详细分辨招聘信息

通过招聘信息，训哥儿可以一眼分辨出哪些是招转。如果你看到招聘信息符合以下标准，就需要注意了。

1、招聘岗位包含“实习，助理，学徒，无经验”等字眼；2、同一个岗位招聘人数5人以上；3、招聘公司名称里含有“教育”字眼，同时又从事IT行业 ；4、任职要求很少涉及技术，只提到“对编程感兴趣，非计算机专业也可接受”等。

如果通过招聘信息分辨不出，但是在面试地点看到了招聘公司墙上张贴着“就业喜报，实训基地”等，基本就是培训机构了。

第二，面对馅饼需谨慎

分析培训机构的招聘信息，均符合“门槛低，待遇好”的标准，明显的违反常识。

在二线城市招聘实习生，竟然能开到4-8K的薪资。这可能吗？

这不是培训，而是岗前实训，不收费，收的是保证金，四个月后全额退还，并且保证薪资6000以上。这可能吗？

当看到一份美味的“馅饼”摆在你面前的时候，你更要多一份谨慎，因为“馅饼”更有可能是“陷阱”。

03

招转的变种需注意

培训公司查询招转套路渐渐被大家识破后，某些培训机构又想出来一些“变种”。

比如，做职场类的公众号，不定期发布一些招聘岗位，营造出一种可以帮粉丝推荐工作的假象，一步步的钓求职者上钩，最终引导大家参加IT培训。

是不是觉得有些不可思议？为了招生真的是无所不用其极。

训哥儿想问这些机构，堂堂正正的做技术类，学习类的公众号不好吗？学员学了你们的课程，认可了你们的质量，自然会来你家参加培训。

某些机构，良心坏，脑子也不好使，不想着好好做教育，一门心思的搞歪门邪道。

对于这类机构，训哥儿只有一句话“祝你们早日倒闭”！

为了感谢大家的支持，训哥儿特地收集了一些高质量教程。不花一分培训费，照样也能学编程。

卫星关猪公号：IT实训指南，回复【教程】即可免费领取价值万元的Python，PHP，java，Web前端，人工智能等全套视频教程。

关于IT培训机构打着招聘的幌子招生，你怎么看？

bootstrap是目前使用广泛使用人数多也是非常受欢迎的前端开发框架之一，bootstrap现在有两个版本分别是bootstrap3.4和bootstrap4.2.1，bootstrap是美国Twitter公司推出的开源免费的前端快速开发框架，你可以从GitHub上下载最新的源码。bootstrap可以是前端开发人员快速的制作出各种自适应界面的响应式网页，因为其易学易用而很受人们的欢迎，目前已有很多关于bootstrap的中文帮助文档和学习社区，bootstrap是移动优先的设计模式，可以轻松解决几乎所有浏览器（包括手机端）的兼容性问题。

不仅如此，bootstrap还能让你很容易的实现各种响应式设计，对于初学前端设计或需要快速搭建一个项目，那么bootstrap都是最佳的选择。bootstrap V3.x系列版本是最稳定的，V4.x系列版本虽然是更新快效率更高，但是不稳定，v4.1和v4.2两个版本我都用过，但差别还真的有很多，对于一些不太了解或想要入手bootstrap的伙伴可能会有很多的问题想问，所以我就都写出来呢。

问题一：为什么要选择bootstrap而不是别的前端框架？

第一是快速解实现目标，我们在前端网页设计的时候，几乎都会遇到各种浏览器兼容、响应式设计、css和JS各种繁琐的而且又不得不做的问题，使用bootstrap可以不用担心这些了，你只需要知道他兼容那些浏览器即可，而对于主流的浏览器如火狐。谷歌、Opera等都好绝对可以的，同时也包括手机端Android和iOS上的各种浏览器都OK。第二是学习，对于一个新手，只要你能看得懂什么是css、HTML基本元素，就可以使用bootstrap制作出漂亮且使用价值很高的网页，你还可以从他的各种代码写法中体会和学习到很多前端设计的知识，简直就是一个大型的活案例；对于有经验的大咖，bootstrap是一种设计的思路和规范的大纲，你可以从中窥探前端设计的前沿技术和改进你的写作规范及设计思想。

问题二：如何选择bootstrap的版本？

前面说了bootstrap有2个重要的版本，V3.x系列的版本最稳定，当前最新是bootstrapV3.4.0，我且称为稳定版吧，而V4.x系列版本则不稳定，每一个小版本变化都蛮大的，但是V4系列各方面的确都比V3系列要好，v3和v4最根本也还是大家最关心的问题应该是支持的IE版本问题：bootstrapV3系列依然支持老旧的IE8和IE9及早期的iOS系统等；bootstrapV4系列支持IE10-11/ Microsoft Edge，Chrome >= 45，Firefox >= 38，Edge >= 12，Explorer >= 10，iOS >= 9，Safari >= 9，Android >= 4.4，Opera >= 30。可以看出V4系列版本已经不支持很多低版本的浏览器了，V4所支持的这些浏览器在win10、iPhone 7以上的系统都没有问题，但是对于国内仍然有很多使用win7~8、iPhone5~6没升级ios系统 的用户，如果希望这些使用老旧浏览器的人也能正常使用您的网站，那么请选择V3.x的最新版本即可，反之则选择V4.x最新版本为佳。

Bootstrap v3 is now closed off to new features. It has gone into maintenance mode so that we can focus our efforts on Bootstrap v4, the future of the framework. Pull requests which add new features (rather than fix bugs) should target Bootstrap v4 (the v4-dev git branch) instead.

上面是bootstrap在GitHub上的原文，当前已停止V3系列版本的更新，但是会维护V3这一版本，在未来的几年内，win7~8系统也会很快退出我们的生活，就像Windows XP系统那样，即使当时的IE6称霸一时但也逃不过被淘汰的现实。

对于bootstrap版本的选择问题最核心的也可以理解为是兼容IE版本的问题，根据实际情况和需要，如果是软件后台、网站后台的前端这些不需要IE内核来渲染的界面，果断选择V4，如果是需要用户使用的前度界面，目前依然推荐使用V3，毕竟我们做出来的网站项目主要是给用户看的，她都看不了，那我们做这个项目又还有什么意义呢。

bootstrap是流行的前端库建，用于快速创建响应式页面，她是移动优先的前端框架。建议新手可以从V3版本学习练手，学会V3对于V4那就易如反掌了，后面我将继续发布bootstrap更多的教程，有疑问请留言~

今天的内容是:

em单位

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

咱们用中文测试一下em的大小,查看缩进有多少个字 咱们用中文测试一下em的大小,查看缩进有多少个字 咱们用中文测试一下em的大小,查看缩进有多少个字 咱们用中文测试一下em的大小,查看缩进有多少个字

Use English to test Use English to test Use English to test Use English to test Use English to test

em单位是参照元素自身的文字大小来设置尺寸, rem指的是参照根节点的文字大小 根节点指的是html标签,设置html标签的文字大小,其他元素相关尺寸用rem,这样 所有元素都有了统一的参照标准,改变html文字的大小,就会改变所有元素用rem设置 的大小

分割线~~~

H5新增表单控件

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

分割线~~~

rem单位

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

分割线~~~

H5新增标签

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

分割线~~~

HTML中使用JavaScript脚本的三种方法

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

分割线~~~

JavaScript的变量什么和类型

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

分割线~~~

JavaScript获取页面元素

源码结构截图

运行效果截图

源码

源码内容,可直接复制粘贴到自己的IDE中运行

理想国真惠玩

分割线~~~

希望对您有用~~~

Vuex 是什么？

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态，并以相应的规则保证状态以一种可预测的方式发生变化。

什么鬼东西

看完这段专业的解释，我反正是一脸懵逼，内心毫无波澜，甚至有点想吃酱肘子。感觉和没说一样嘛！keep going。

什么是"状态管理模式"？

一个简单Vue计数器应用

new Vue({ // state data () { return { count: 0 } }, // view template: `

{{ count }}

state，驱动应用的数据源；view，以声明方式将 state 映射到视图；actions，响应在 view 上的用户输入导致的状态变化。这是一种“单向数据流”的理念。然后说明一下这种理念的缺点，当我们的应用遇到多个组件共享状态时，单向数据流的简洁性很容易被破坏：多个视图依赖于同一状态。来自不同视图的行为需要变更同一状态。

这里说的是，vue 组件之间的传值操作，组件不多的情况下，嵌套的父子组件（prop，emit，on）和兄弟组件（global event bus）还容易操作一些。但是如果项目庞大，组件结构复杂，组件间的数据传递会变得很困难，后期代码不易维护。

若有所思

看到这里，貌似明白了些这鬼东西是要解决什么问题了。好的，然后我们继续往“坑”里走。

最简单的store

每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：

Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。你不能直接改变 store 中的状态。改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化，从而让我们能够实现一些工具帮助我们更好地了解我们的应用。// 如果在模块化构建系统中，请确保在开头调用了 Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }})现在，你可以通过 store.state 来获取状态对象，以及通过 storemit 方法触发状态变更：

storemit('increment'); // 触发修改变量的方法console.log(store.state.count); // -> 1WTF？这是啥，这不就是“全局变量”嘛！多个组件可能用到的数据，存储到 store（仓库）里，但是这些数据是响应式的，所以对这些数据进行操作时，要遵守相应的规则。例如上面的例子。对 count 进行修改，要通过 commit 来触发 mutation 里的方法对数据进行操作。

原来如此！

好了，喝口我的枸杞大补茶压压惊 [ 微笑 ]。从这里再往坑里走，才是 Vuex 的一些核心概念，他们是：

StateGetterMutationActionModule让我们开始吧。

State

Vuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着，每个应用将仅仅包含一个 store 实例。单一状态树让我们能够直接地定位任一特定的状态片段，在调试的过程中也能轻易地取得整个当前应用状态的快照。

这段话说的是一个 Vuex只能包含一个store（存储数据的库），这样你在访问数据的时候好找些。

store的其中一个配置项就是 state 。这个state吧，可以把他比作成vue实例中的data选项，就是把数据放在这里面。

const state = { // 商品列表 shopList：[{ id: 1, name: '兰博基尼', price: 10 },{ id: 2, name: '五菱宏光', price: 99999 }], // 购物车列表 addList: []};new Vuex.Store({ state, // 这里是es6语法，相当于 state: state ...});获取商品列表 this.$store.state.shopList 就能看到了，或者使用辅助函数mapState，这样虽然方便简单，建议新手先研究一下 es6 和方法原理，这里不做解释。

computed: mapState([ // 映射 this.shopList为 store.state.shopList 'shopList'])Vuex 文档中有很多 es6 语法，如果有还不了解的同学们，可要抓紧上车喽。

拿下es6

Getter

我一度怀疑是不是文档写错了，少加了一个s。（Getters）

这一项从字面意思上就可以看出，他是用来取数据，得到数据的。有人会问，为什么不直接用this.$store.state.shopList这种方式直接拿呢。这种方式确实可以拿到，但是经常会有一些情况是对拿到的数据做一些处理，例如格式化、过滤数据。。。这时候就会用到 Getter了。

const getters = { // 获取id为2的商品 shopid2(state){ return state.shopList.find((el)=>{ return el.id == 2; }); }};使用this.$store.getters.shopid2得到五菱宏光，即可加入秋名山车神争霸，走上人生巅峰。

辅助函数 mapGetters方法：

import { mapGetters } from 'vuex'export default { // ... computed: { // 使用对象展开运算符将 getter 混入 computed 对象中 ...mapGetters([ 'shopid2' // ... ]) }}Mutation

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutation 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数：

const store = new Vuex.Store({ state: { count: 1 }, mutations: { increment (state) { // 变更状态 state.count++ } }})你需要以相应的 type 调用 storemit 方法：this.$storemit('increment')

你想要动我的数据，就得守我 Vuex的规矩（顺我者昌，逆我者亡）。

拿数据用 Getters，改数据用 mutation 。这个 mutation 有点像 vue 的生命周期钩子函数，里面是一些方法，通过 this.$storemit（typeName） 对应的函数名称，触发对应的函数。

提交载荷（Payload）

你可以向 storemit 传入额外的参数，即 mutation 的 载荷（payload）：

// ...mutations: { increment (state, n) { state.count += n }}storemit('increment', 10);// 在大多数情况下，载荷应该是一个对象，这样可以包含多个字段并且记录的 mutation 会更易读mutations: { increment (state, payload) { state.count += payload.amount }}storemit('increment', { amount: 10})辅助函数 mapMutations 方法：

import { mapMutations } from 'vuex'export default { // ... methods: { ...mapMutations([ 'increment', // 将 `this.increment()` 映射为 `this.$storemit('increment')` // `mapMutations` 也支持载荷： 'incrementBy' // 将 `this.incrementBy(amount)` 映射为 `this.$storemit('incrementBy', amount)` ]), ...mapMutations({ add: 'increment' // 将 `this.add()` 映射为 `this.$storemit('increment')` }) }}在 Vuex 中，mutation 都是同步事务：

storemit('increment')// 任何由 "increment" 导致的状态变更都应该在此刻完成。为了处理异步操作，让我们继续往下走 。

Action

Action类似于 mutation，不同在于：

Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。也就是说，Action 执行的还是 Mutation ，只不过他可以异步执行，差不多就是给 Mutation 外边包了一层函数。

Action 异步操作 Mutation

乍一眼看上去感觉多此一举，我们直接分发 mutation 岂不更方便？实际上并非如此，还记得 mutation 必须同步执行这个限制么？Action 就不受约束！我们可以在 action 内部执行异步操作：

actions: { incrementAsync ({ commit }) { setTimeout(() => { commit('increment'); // 在异步函数成功后调用 Mutation }, 1000) }}通过 this.$store.dispatch('incrementAsync')即可调用。

辅助函数 mapActions方法

import { mapActions } from 'vuex'export default { // ... methods: { ...mapActions([ 'increment', // 将 `this.increment()` 映射为 `this.$store.dispatch('increment')` // `mapActions` 也支持载荷： 'incrementBy' // 将 `this.incrementBy(amount)` 映射为 `this.$store.dispatch('incrementBy', amount)` ]), ...mapActions({ add: 'increment' // 将 `this.add()` 映射为 `this.$store.dispatch('increment')` }) }}Module

由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。

为了解决以上问题，Vuex 允许我们将 store 分割成模块（module）。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割：

const moduleA = { state: { ... }, mutations: { ... }, actions: { ... }, getters: { ... }}const moduleB = { state: { ... }, mutations: { ... }, actions: { ... }}const store = new Vuex.Store({ modules: { a: moduleA, b: moduleB }})store.state.a // -> moduleA 的状态store.state.b // -> moduleB 的状态Module 的意思也不难理解，如果你有很多的状态，都写在一起会比较乱，后边也不好改，你就可以给他们分个类，比如 moduleA 是我的购物车模块的状态管理，moduleB 是我的商品信息模块的状态管理。

对于大型应用，我们会希望把 Vuex 相关代码分割到模块中。下面是项目结构示例：

├── index.html├── main.js├── api│ └── ... # 抽取出API请求├── components│ ├── App.vue│ └── ...└── store ├── index.js # 我们组装模块并导出 store 的地方 ├── actions.js # 根级别的 action ├── mutations.js # 根级别的 mutation └── modules ├── cart.js # 购物车模块 └── products.js # 产品模块什么时候用 Vuex？

这个嘛，很简单。你觉得你的项目里，各组件之间传参什么的，相处的很和谐，那就无所谓用不用了。

当你的组件兄弟们有传参问题，有很多这个组件要用，那个组件要，其他好几个组件也要，要的你生不如死，你就可以考虑一下了。

我觉得可以考虑 Vuex

总结

最后，我们再回顾一下 Vuex都包含什么，是做什么用的。

store俗称仓库，仓库里是你的模块的数据、数据状态、对数据做的操作，都在这个仓库里。

state仓库里的数据都放到这个里面，很像 vue 的 data。

getters通常获取可以用 this.$store.state.shopList 就可以拿到，但是如果你想对这项数据加工一下（格式化、过滤），就在 getters 里处理，然后通过 this.$store.getters.eventName 获取。

mutation修改数据操作，你想对某项数据进行修改，就得守规矩。不能用 this.$store.state.count=99，要把修改函数写在 mutation 里面，用 thismit('eventName') 触发修改函数。注意，这里的操作必须是同步。

action异步触发 mutation 。

module给多个状态模块分类。

文章若有错误之处，还请以官方文档为准，也欢迎各位指出，一起探讨。

作者：Mr_ZhangQian

链接：https://jianshu/p/5624362cd1f4

來源：简书

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

教程简介：

HTML (英文全称：HyperText Markup Language)：即超文本标记语言，标准通用标记语言下的一个应用。那么，HTML 和 Web 前端开发有什么关系呢？HTML 是通向 WEB 技术世界大门的钥匙。在本 HTML 教程中，您将学习如何使用 HTML 来创建站点， HTML 非常容易学习，只要多看本教程，相信你会喜欢它的！

什么是“超文本标记语言”呢？“超文本”就是指页面内包括文本及超过文本以外的其它元素，可以包含图片、链接，甚至音乐、程序等非文字元素。在WWW上的一个超媒体文档称之为一个页面，Web页面也就是通常所说的网页，在这里不作区分。

HTML结构：

HTML 的结构一般包括 标签和标签，和这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容，它本身不作为内容来显示，但影响网页显示的效果。 当中是网页实际显示的内容，正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针，通过点击，可以很方便地获取新的网页，这是 HTML 获得广泛推广运用最重要的原因之一，而由这些相互之间存在关联的页面组成的有机集合便是网站。究竟 HTML 为什么会被普及？这就要归功于互联网的高速发展，对于编程语言的需求直线上升。而 HTML5 具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性，HTML 越来越受到人们的喜爱。

以下是最简单的html文档结构：

本文为 HTML 基础教程第一章，下一章：HTML 教程导读【小提示】tips:本文由数据微学院作者原创，转载请注明来源或联系作者。更多优秀参考好文请关注【数据微学院】个人图书馆。

相关搜索

• 前端招聘
• html教程
• web开发招聘
• web开发教程
• web开发入门
• 开发招聘

跟大家已经分享了这么长时间的大数据文章了，我们的一起来学大数据系列已经将Java和Linux全部做了一次基础的分享。今天，我把我整理的全套大数据资源分享给大家，一起共同学习，记得关注呦。

Java基础

java是大数据的铺垫，是我们学习大数据之前必要的一门必修课。之前我也给大家介绍了一篇文章，就是将为什么要在学大数据之前学习java。

这里是我们Java基础的部分资源。

JavaWeb

web在大数据的可视化中起到了举足轻重的作用，我们分析的数据是干巴巴的，在没有可视化之前。通过JavaWeb的简单学习，我们可以了解前端的一些知识点。

准确的讲我们学习大数据的主要负责的是后台的运行，前端的东西交给前端工程师即可，所以这里我们并不需要学习太深，而且前端东西也比较杂碎，不如花更多的时间去学习我们下面的视频。

三大框架

到这里，我们就进去的java更高一级的学习，通过框架的学习，我们可以达到企业级应用的简单开发。

Linux

linux是大数据的入门基础，在这里我们会学习linux系统的中的详细命令，以及如何去搭建大数据环境的集群，shell编程等等。我们从这里走进大数据的学习。

Hadoop

当数据分析面对的是海量（1T以上）的数据时，普通技术手段难以胜任，就需要更强大的技术手段来实现。

大数据技术的核心，其实就是解决海量数据场景下的数据存储和运算问题;而海量数据场景下的数据存储和运算的核心技术又是：分布式技术。

Scala

Scala是一种多范式的编程语言，类似java的编程语言，集成面向对象编程和函数式编程的各种特性，而且无缝地结合了命令式编程和函数式编程风格。通过学习Scala语言，我们为下面的spark的学习做铺垫。

Spark

Spark 是研发师专门为庞大海量数据处理而设计的快速通用的计算引擎，其是在 Scala 语言中实现的，spark将 Scala 用作其应用程序框架。与 Hadoop 不同，Spark 和 Scala 能够紧密集成，其中的 Scala 可以像操作本地集合对象一样轻松地操作分布式数据集。

上面就是对大数据视频的一些简单的分析，通过这些的学习大家能够基本掌握大数据的内容，最后想成为真正的大师还要勤加练习。

这么多视频也是够大家学习一段时间的了。之后，我还会继续更新文章，大家记得关注哟~

获取方式

1.首先右上角点击【关注】，关注我的百家号~

2、私信我：大数据

明天我单独给发给大家，耐心等待有~如果觉得资源不错，请给个好评，谢谢各位了，来个转发、收藏哦！

感谢坚持关注的朋友~

世界很大，幸好有你~

欢迎在评论区留下你的问题或困惑，我将每天与你分享我的观点和心得。

聚焦最新科技咨讯，探寻未来智能领域，我是女陶Mario

近日，阿里支付宝前端团队“前端九部”发布了《入门者手册2019》、《九部知识库-精选集》和《从业者手册2019》，其中《入门者手册2019》原来是供内部培训使用，现在对外公开，惠及大众。大家可以登录阿里语雀查看具体项目详情。

入门者手册2019

非常适合作为前端入门教程，教程内容新颖，知识面覆盖广，而且全部出自前端大牛之手，文章质量绝对经得起推敲！

九部知识库-精选集

精选集中是一些较为高级的文章，需要有一定的前端基础。这个项目的 GitHub 仓库有个非常有意思的步骤：介绍人 & 编号机制。

如果你想加入九部，需要以issue的形式写两篇技术分享的博文，然后找到一个自己认识的九部现有成员，成为自己的介绍人，就可以成为九部成员了，目前已经有78位成员了。小码农看的感觉像是传销的感觉（哈哈，纯属个人观点）！

从业者手册2019

从业者手册目前还没有文章输出，相信后续应该会有非常优质的关于前端工作方面的内容。

结语

此次支付宝前端团队产出的极其优质的文章，无论是对于前端小白，还是前端老手，都是有非常大的提升。有兴趣的朋友可以持续关注这个项目，相信一定会对你的前端技术生涯有很大帮助。

1. 学习前端有前途吗？有，但只属于实力派

每次遇到这样的问题，我都感觉非常的可笑，所谓前途其实本质上是由你的实力决定的，我面试过很多前端人员，对于那些一瓶子不满，半瓶子晃悠的人，我是不会录用的，只是浪费时间罢了，这就是无能者的前途。对于那些有真功夫的前端开发人员，我一般给他们的薪资都非常的高，因为他们值这个价。同样做前端为什么造就了这样两种不同的结果呢？答案是：你的实力，实力决定未来。

关注小编并私信【学习】2字即可免费拿到web前端2018全套系统学习干货资料

当然从整个行业的角度来讲，前端确实是很有前途的，里面的很多技术操作都很新奇，也非常有意思，全国各大城市对优秀的前端人员都处于一个争抢的状态，如今一半以上的APP都是采用Hybrid混合模式开发，即结合安卓和Web端技术开发。而纯 Web开发 的APP也不在少数，比如我们众所周知的 QQ 空间就是使用 Web前端 的React Native技术开发。除了APP，我们在手机端常看到的H5页面，也是主要运用了Web端的 HTML5 技术开发。 当然，Web前端现在也不仅仅局限于前端网页和APP，服务器端、桌面级应用甚至是VR都有涉及。

2.为什么你那么努力，却依然学不好前端开发？难道天生你材是炮灰吗？

这些年我走访过全国几百家高校，也去过很多相关机构，我发现了一个问题，很多人学不好前端开发，以山东济南的一个高校前端开发班为例，一个班级50个学生学习前端开发，最后毕业2年以后还在从事这个行业的才5个人，剩下的45个人都已经改行了，改行率高达90%。这是一个很有意思的数据，学了那么多年的专业，最后却是彻底的告别。我认真的反思过这个问题，为什么很多人学不好前端呢？一个方面现在很多高校以及培训机构其实就是垃圾，很多老师并没有项目开发的实际经验，他们也固守陈规，前端技术已经有了很大的发展和革新了，而他们却依然停留在老一套的技术层面，编的书籍也是一些老掉牙的知识，根本适应不了现在公司很多公司的需求。另一个层面，现在很多前端老师无法从一个系统的层面，思维的层面，全局的层面，来对前端技术进行一个有深度，有广度，通俗易懂的讲解，学生听的一愣一愣的，越学越迷茫。学生就是一张白纸，老师怎么画，他们就是什么样的

3. 要么不学前端，要么我就让你们学的无敌，因为我们不一样。

我不喜欢说太多废话，我直接开门见山的说，为了解决目前前端学习中的弊端，让真正想学前端的小伙伴，学有所成，我做了一个前端直播间，每天都会有前端行业的高手分享相关知识，我把直播间分成了三个频道，一个是针对没有基础的小伙伴，可以到零基础直播间频道，解决你的基础问题。剩下的两个是前端中间直播频道和高级直播频道，让你们更有针对的解决自己的问题。还有一个惊喜的点是：你来听就可以了，不需要你花费什么，而且每天下午和晚上都有，你用电脑或者智能手机都可以在线学习，当然技术内容都是现在最新的实用技术，我们以讲老掉牙的技术为耻辱。很多人问我为什么这么雷锋？是真的吗？当然是真的，我们的运营模式是做平台的。把学员量做起来。 我的目标是：要么不让你们学，要么就让你们学的很无敌，这才是人生的价值，活出属于自己的精彩。

4. 你来，或者不来，免费前端直播间和教程都在这里，给你插上飞翔的翅膀

关注小编并私信【学习】2字即可免费拿到web前端2018全套系统学习干货资料

学习完本阶段的课程，你将获得：1. 行业背景、职业前景的认知2. 对Web大前端工程师的认知3. 认识自己学习Web大前端的优势4. 掌握Web大前端学习方法5. 了解Web大前端职业规划

Web大前端工程师的职业背景、行业前景、Web大前端工程师在团队项目中的定位及所与具备的技能，并从各个职业的角度，设身处地得帮大家分析从事Web大前端开发的优势和劣势，同时为了帮助大家快速地掌握Web大前端的学习技能，本阶段的课程给大家介绍了Web大前端的学习方法和路径，以及将来的职业规划。

详情联系我们https://huaianmh/product/web给予支持