前端入门

前言 只有光头才能变强。 文本已收录至我的GitHub仓库，欢迎Star： https://github.com/ZhongFuCheng3y/3y 前后端分离这个词相信大家都听过，不知道大家是怎么理解的呢。前阵子看项目的时候，有一段实现硬是没看懂，下面来给大家说一下一段愚蠢的经历哈。 (我没正正式式写过前端，所以如果文章有错的地方希望可以在评论区友善交流~) 一、交代背景 我一直都知道我现在的这个系统是前后端分离的，我的接口只会返回JSON出去，但我不曾关心前端是怎么处理我的JSON数据的(以及他是怎么跑通和运行的) 在某一天，我在查接口的时候，习惯 F12 ，想直接看一下这个请求返回的JSON数据是什么。但是一看，在network返回的是html格式： 于是，我就很好奇啊，就看一下这个接口是不是我想象中的那个。于是就去找我的接口，看一下是不是真的返回JSON(我还专门Debug了一下，看看是不是真请求到这个接口上了）： 得出的结果是： 我的接口的确是返回JSON数据，浏览器的reponse返回的的确是HTML格式 。 于是，我就去找我前端的小伙伴，去问了一下这是怎么搞的。他回复我说：“在浏览器看到返回的是页面，那肯定是你们后端干的呀” 我说:“没有啊，我Java接口返回的是JSON数据啊，是不是中途你们用node做了些处理啊？”(我之前听过Node.js，但仅仅是听过) 他说：

先做个自我介绍，我13年考上一所很烂专科民办的学校，学的是生物专业，具体的学校名称我就不说出来献丑了。13年我就辍学了，我在那样的学校，一年学费要1万多，但是根本没有人学习，我实在看不到希望，我就退学了。 退学后我也迷茫，大专都没有毕业，我真的不知道我能干什么，我在纠结着我能做什么。所以辍学后我一段时间，我想去找工作，因为我比较沉默寡言，不是很会说话，我不适合去应聘做业务。我想应聘做技术的，可是处处碰壁。 一次偶然的机会，我才听到web前端这个行业。那天我去新华书店，在计算机分类那边想找本书学习。后来有个女孩子走过来，问我是不是读计算机的，有没有兴趣学习web前端，然后给我介绍了一下web前端现在的火热情况，告诉我学web前端多么的有前景，给我了一份传单，web前端培训的广告。听了她的介绍，我心里痒痒的，确实我很想去学会一门自己的技术，靠自己的双手吃饭。 回家后，我就上网查了下web前端，确实是当今比较热门的行业，也是比较好找工作的，工资也是相对比较高。我就下决心想学web前端了。于是我去找web前端培训的相关信息，说真的，我也很迷茫，我不知道培训是否真的能像他们宣传的那样好，所以我就想了解一段时间再做打算。 后来，我在百度知道看到一篇让我很鼓舞的文章是一个web前端高手介绍没有基础的朋友怎么自学入门学web前端，文章写的很好，包含了如何学习，该怎么学习。他提到一个方法就是看视频

一、概述 终于把公司的资产管理网站写完，并通过测试，然后上线。期间包括看视频学习、自己写前后端代码，用时两个多月。现将一些体会记录下来，希望能帮到想学django做web开发的人。大牛可以不用看了，小白的第一个项目，写的很low，不入眼。 二、过程 1. python自学断断续续都有好长的时间，总是零零散散，没有去完完全全开发一个项目出来，跟别人说我会python，都没有啥说服力。后来下定决心，用python去做一个网站出来。正好公司平常维护资产的时候使用的是excel表，十分不科学。领导有意思去买一个资产管理的平台，我就跟领导吹牛皮，给我点时间，我帮公司做一个出来，而实际上此时我django才开始学。不管了，牛皮既然吹出去，就要逼着自己兑现。 2. django我是看的慕课网bobby老师的一套视频，的确讲的不错，总课时时长是24小时。我照着写差不多用了3周。django学完了，等到自己开始写项目的时候又犯难了，前端我也不会啊，咋办？自己尝试过使用别人写好的前端页面去修修改改，发现效果始终不好。那就自己学着写吧。 3. 接下来就是看前端课程，同样也是慕课网的前端入门，看了html、css、js，后面的jquery、ajax高级的东西就没看了，有这三样就够使了，咱也不是前端，甚至都不是一个开发，学这么深干啥，只求功能实现。前端也就看完了，差不多2周时间。 4. 接下来，开始干吧

　　前后端分离这个词相信大家都听过，不知道大家是怎么理解的呢。前阵子看项目的时候，有一段实现硬是没看懂，下面来给大家说一下一段愚蠢的经历哈。 　　(我没正正式式写过前端，所以如果文章有错的地方希望可以在评论区友善交流~) 　　一、交代背景 　　我一直都知道我现在的这个系统是前后端分离的，我的接口只会返回JSON出去，但我不曾关心前端是怎么处理我的JSON数据的(以及他是怎么跑通和运行的) 　　在某一天，我在查接口的时候，习惯F12，想直接看一下这个请求返回的JSON数据是什么。但是一看，在network返回的是html格式： 　　 请求的信息 　　于是，我就很好奇啊，就看一下这个接口是不是我想象中的那个。于是就去找我的接口，看一下是不是真的返回JSON(我还专门Debug了一下，看看是不是真请求到这个接口上了)： 　　 接口信息 　　得出的结果是：我的接口的确是返回JSON数据，浏览器的reponse返回的的确是HTML格式。 　　于是，我就去找我前端的小伙伴，去问了一下这是怎么搞的。他回复我说：“在浏览器看到返回的是页面，那肯定是你们后端干的呀” 　　我说:“没有啊，我Java接口返回的是JSON数据啊，是不是中途你们用node做了些处理啊?”(我之前听过Node.js，但仅仅是听过) 　　他说：“Node.js也是你们后端的啊。” 　　我一听，啊?Node.js不是属于前端的吗

Vue.js新手入门指南 最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附属的UI库来开发项目，我总结了一些知识和经验想与大家分享。 下面我就以问答的形式来分享吧。这里假设你仅仅只掌握了HTML+CSS+JavaScript，如果你对JQuery这个前端库，以及各种后端模版语言比如说PHP，JSP还有所了解并且使用过的话那就太好了。 1.Vue.js是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。