为什么设置好了虚拟跑步但是路线没有用

返回主页

Aatrowen

博客园 首页 联系 管理随笔 - 4 文章 - 0 评论 - 6 阅读 - 5093

云运动软件模拟跑步路线

好像文字教程难以看懂，这是演示视频

人在家中坐，km天上来-哔哩哔哩 >

在我总结的这个知识框架中，首先第一层我划分为：理论知识，类库框架，编码开发，运行环境。如下图：

接下来给大家解释一下：

这个图要从下往上看，为何？——因为下面是上面的基础；

首先，我们需要一定的理论知识，不管是你听别人讲授、自己看书还是网上淘资料，你都需要一定的理论知识，每一种程序开发，都避免不了。

第二，有了这些理论知识我们就可以编码了——不错——but，没有人能抵挡住第三方框架和类库的诱惑，例如jquery；

第三，有了这些理论知识和协助我们的类库框架，我们就可真正的编码了。大家可能以为编码开发不就是写代码吗，还有啥？——这里面道道多着呢；

最后，开发程序的目的，最终是为了能高效、稳定的运行在相应的环境中，这其中又有哪些事情需要我们去做？请期待；

理论知识 包括“软知识”和“硬知识”

“软知识”和“硬知识”大家可能觉得词陌生，其实我一说大家就能明白。

所谓“软”的就是能在各个程序开发中都用到的，算是基本功、内功，例如数据结构、算法、设计模式、面向对象等等；

所谓“硬”的就是能直接用于本程序开发的。用C语言你就得学C语言语法，此时学java没用。我们web前端开发所需要的硬知识其实都包含在三个标准里面：>

聊一聊web前端开发中的“硬知识”

“软知识”的内容非常多，也是我们大学时代学习的重点（没学好是另回事儿，毕业再恶补）。我们本次主要讨论的是web前端这一个方向，因此就点到为止，让大家知道这些知识也在知识体系中扮演重要角色。

刚才说道，硬知识有三个标准：>

1 >

为什么做web前端要了解>

我的意见是：你不必去非常了解>

关于这方面的知识，建议去查阅《图解>

2W3C标准

如果说你只知道web前端的一个标准，估计肯定是W3C标准了（据我了解，貌似大部分人真的都只知道这一个标准）。它的内容非常多，看看>

写到这里让我想起了一句话：2/8原则——20%的功能满足80%的需求。我觉得这句话用到这里非常合适，我们在平时开发过程中根本用不到这么多东西。反而，你要把平时用的多的东西搞懂了。

下图的这些知识，我想不用再过多解释了，这就是我文章开发说的“三大块”（html、css、js）。现在你要知道，它们只不多是W3C标准的一部分，而W3C标准也只是web前端开发知识体系中的一部分而已。

（下图没有完全展开，想看权展开的图，可下载本文一开始提供的附件）

关于CSS的基础知识，毛遂自荐一下自己之前的一篇系列博客：《CSS知多少》

3 ECMAScript

简称ES，写全称太麻烦了。

有些人可能只知道javascript，而不知道ES——其实，js是在ES的基础上，为web浏览器做了一部分封装（增加了DOM *** 作、BOM *** 作等）。

如上图中的这些概念，大家可能平时都在javascript中看到，其实他们是ES的内容。只不过javascript继承了ES的这些特性，并且javascript用的比较广泛，因此才会在js中讨论的多一些。

还是那个“2/8原则”。其实ES中的内容也非常多，而且更新很快，现在都到ES6了。但是我上图中列出来的这些都是最重要的概念。如果你不懂原型、闭包和作用域，那就说明你还不完全了解ES，也就是不完全会用javascript。

在此毛遂自荐自己之前的一篇系列博客，大家可以去参考：《深入理解javascript原型和闭包系列》

5 框架和类库

前面已经描述完了web前端开发所需要的理论知识。如何实践呢？——不能蛮干——还得绕世界去看看，有哪些大牛已经为我们做出了如此多的贡献。

用下面的这些类库或者框架，能大大提高你的开发效率。

首先，jquery一定是大部分web前端开发者不可或缺的工具。而我利用jquery不仅仅停留在只使用它的API和插件上，我还会自己去写jquery插件，我还会去读jquery的源码、了解jquery的设计思路。如果你也能那样做，请相信我，你会收获到意想不到的效果。如果有一个问题：怎样才能最最透彻的理解javascript的事件系统？最佳答案之一：读几遍（一遍可能读不懂）jquery关于事件处理部分的源码！

bootstrap不用再过多解释了吧，从github上的排名也能看出道道来。甚至连我们公司的UI设计师，都从bootstrap上截图作为素材。

fontAwesome是全世界最强大的图标系统。相比于css制作图标来说，这个要好很多倍，不管是开发、效率还是维护上。icomoonio能让我自定义选择自己的图标文件。

requirejs和seajs这种模块定义系统，也一定是你系统中不可或缺的。我曾经看过一个教程，讲师就说：requirejs带来了既jquery之后的第二次前端技术变革。

其他的，backbone、angular、react这些也慢慢的开始发挥了他们的价值，此处精力有限就不再赘述了——但是，他们很重要——你至少要试着去了解它们。

6 编码开发

要问编码IDE哪家强，当然要属微软的visual studio！但是即便是微软的VS最新版本，它也代替不了下面要说的这套开发环境。

如果你专门做web前端，就不要在用vs了，当然要选择sublime。写html语句还用手动一条一条写吗？你得需要zencoding的协助，否则效率太差了。

另外，针对html、css、js的压缩、合并、语法检查，文件的清除、复制这些 *** 作，你还要手动去做吗？——你需要grunt或者gulp的帮助。

在此毛遂自荐自己的教程《用grunt搭建自动化web开发环境》，讲的比较详细，适合初学者学习。

如果你的系统中有比较多的js代码或者文件，请选择一个合适的模块定义规范——CMD / AMD

请用git来帮助你做文件版本管理，最简单的就是使用github。

调试、测试，也都有专门的工具，都是需要学的……

——我的天哪……这些字写到现在写的我的手都酸了，别说要学习这些知识了——再也别说我们web前端是“三大块”了！

7 运行环境

当系统真正到了运行环境中，当你觉得终于完事儿的时候，其实还有好几个知识点需要你掌握。看下图：

首先，你要知道web系统虽然大部分是在浏览器下运行，但是js可能会被运行在node环境。

在浏览器环境下，最重要的两点是：web安全和性能优化。需要注意的纲要我都列出来了，如果想了解推荐两本书《白帽子将web安全》《高性能网站建设指南》

8 其他

以上这些是全部的知识体系。如果你想成为一名合格的、让leader喜欢的程序猿，你除了知道这些知识之外，我觉得还需要以下几点：

要了解敏捷软件开发流程（如SCRUM）和项目管理知识（如考取PMP），这也属于一种“软”知识吧；

要学会在网上和别人交流（博客、qq群、开源项目），交流能让自己看到自己的不足；

要学会自我反省和自我学习。就像我现在一样，试着自己总结一下属于自己的东西，随时反省随时进步

不管你是自学还是培训，找工作主要看的是技术能力、相关工作经验、综合实力及沟通能力等。只是对于自学的小伙伴来说，不知道企业需要哪些技术，并且不知道需要达到什么样的技术水平才能就业？所以在学习过程中很迷茫，学了很久之后也可能达不到要求，因此找工作很难。蜗牛学院这里根据行业变化和企业需求整理了一份最新的web前端学习路线，都是企业招聘时所需的技术，希望对自学的小伙伴有所帮助。

第一阶段：专业核心基础

阶段目标：

1 熟练掌握HTML5、CSS3、Less、Sass、响应书布局、移动端开发。

2 熟练运用HTML+CSS特性完成页面布局。

4 熟练应用CSS3技术，动画、d性盒模型设计。

5 熟练完成移动端页面的设计。

6 熟练运用所学知识仿制任意Web网站。

7 能综合运用所学知识完成网页设计实战。

知识点：

1、Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

2、CSS3选择器、伪类、过渡、变换、动画、字体图标、d性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。

第二阶段：Web后台技术

阶段目标:

1 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。

2 熟练掌握JavaScript的基本数据类型和变量的概念。

3 熟练掌握JavaScript中的运算符使用。

4 深入理解分之结构语句和循环语句。

5 熟练使用数组来完成各种练习。

6熟悉es6的语法、熟练掌握JavaScript面向对象编程。

7DOM和BOM实战练习和H5新特性和协议的学习。

知识点：

1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。

2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。

3、BOM *** 作和DOM *** 作。熟练使用BOM的各种对象、熟练 *** 作DOM的对象。

4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

第三阶段：数据库和框架实战

阶段目标：

1 综合运用Web前端技术进行页面布局与美化。

2 综合运用Web前端开发框架进行Web系统开发。

3 熟练掌握Mysql、Mongodb数据库的发开。

4 熟练掌握vuejs、webpack、elementui等前端框技术。

5 熟练运用Nodejs开发后台应用程序。

6 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

知识点：

1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Nodejs后台开发打下坚实基础。

2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Nodejs运行环境和后台开发框架完成Web系统的后台开发。

3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vuejs框架的基本使用有清晰的理解，能够运用Vuejs完成基础前端开发、熟练运用Vuejs框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Nodejs+Vuejs+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

第四阶段：移动端和微信实战

阶段目标：

1熟练掌握Reactjs框架，熟练使用Reactjs完成开发。

2掌握移动端开发原理，理解原生开发和混合开发。

3熟练使用react-native和Flutter框架完成移动端开发。

4掌握微信小程序以及了解支付宝小程序的开发。

5完成大型电商项目开发。

知识点：

1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

2、react-native、开发工具、视图与渲染、api *** 作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

3、微信小程序基本介绍、开发工具、视图与渲染、api *** 作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Threejs 、TypeScript。

对于一些初出校门或者是零基础转行人员来说，Web开发岗位在未来职位晋升、薪资待遇上都是前景可观的，想要成为一名合格的Web开发工程师就需要掌握岗位所需要的开发技能，下面和小编一起看一下都有哪些内容吧。

一、HTML5+CSS3

HTML5和CSS3是通往Web工程师路上必须学会的基本内容，主要包括了解常用浏览器和浏览器内核;了解语义化的概念;掌握HTML5语法及使用技巧;掌握HTML5常用标签。掌握CSS语法及使用技巧;掌握DIV+CSS布局方式;掌握常见网页布局模式。掌握HTML5新布局标签、多媒体标签;掌握CSS32D、3D变换、动画效果;能够使用CSS3新属性美化修饰网页;了解移动端屏幕、移动端浏览器、 *** 作系统的不同等内容。

二、JS交互设计

JS交互技术可以赋予页面一个动态的效果展示，提升用户的浏览体验，这部分主要是通过JS的学习掌握JavaScript基本语法;掌握常见JavaScript算法;掌握DOM的各种 *** 作;熟练使用面向对象思想进行DOM编程;掌握JavaScript的高级语法;掌握JavaScript常见兼容性方案。熟练使用jQuery *** 作DOM;熟练使用和编写jQuery案例。

三、Node开发

Nodejs不仅仅是一个框架，它是一个完整的JavaScript环境，配备了开发人员可能需要的开发工具。所以学好Node是在打通前后端开发中需要掌握的技术。这部分需要掌握ES6的基础用法和兼容性;掌握ES6的核心语法;使用ES6实现前端模块化开发。使用Webpack模块打包器;使用Nodejs进行Web服务端开发;掌握JavaScript异步编程模型;掌握JavaScript模块化编程方式;使用Nodejs *** 作MongoDB数据库;独立开发基于后台接口的动态网站、Ajax数据交互的项目;独立完成企业网站从前台到后台的基本开发工作。

四、前端框架

前端框架是Web开发人员需要熟练掌握的技能，并且在实际开发中是会被广泛应用的，那么对于前端框架方面需要掌握现在主流的Vue、React、Angular等，掌握D3js进行大数据可视化交互开发;掌握Vue技术栈进行项目开发;掌握React技术栈进行项目开发;掌握使用主流框架开发门户网站、管理系统、移动Web等客户端;掌握Webpack项目构建配置流程;掌握Web项目的部署与发布模式;掌握常见网站业务模块开发等。

五、小程序与APP开发

现在移动应用越来越受欢迎，掌握了小程序和APP开发技术可以增强自身竞争力，这就需要掌握小程序的开发基础;能够独立开发小程序项目;能够掌握Canvas的使用;能够掌握小程序的部署与发布;能够掌握小程序开发框架mpvue的使用;掌握第三方AI平台的使用。能够掌握小游戏开发基础;能够独立开发小游戏项目;能够掌握小游戏的部署与发布;能够独立使用ReactNative开发原生App。

以上就是关于为什么设置好了虚拟跑步但是路线没有用全部的内容，包括:为什么设置好了虚拟跑步但是路线没有用、web前端需要哪些技术、自学 Web 前端真的很难找到工作嘛等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！