热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

iOS转前端的学习记录

第一篇博文,写在从零开始学前端的两个月后,期间经过了春节,之后又经历了一些动荡。算是在边做边学中坚持下来,现在基本上可以完成一些业务逻辑上的开发工作。想到应该总结一下这两个月的学习

第一篇博文,写在从零开始学前端的两个月后,期间经过了春节,之后又经历了一些动荡。算是在边做边学中坚持下来,现在基本上可以完成一些业务逻辑上的开发工作。想到应该总结一下这两个月的学习,也是对自己的知识掌握情况做一个梳理。

我的第一个项目是一个基于vue和element-ui的后台管理系统,当时我还没有任何的前端开发知识,时间也比较紧,就在学习html、css和Javascript的基础后,有针对性的对vue.js和element-ui进行了了解。

整理一下学习路径,和我手机的一些教程,供有需要的人参考。

html、css和Javascript。

w3school在线教程:http://www.w3school.com.cn/

配上《Javascript高级程序设计》,可以把html、css和Javascript的基础都过一遍。

然后在MDN Web文档上有一篇关于学习web开发的文档,上面有一些学习教程,但我主要看的是那上面提供的一些作业,用来检验自己的学习效果,把小作业都做了一遍,巩固之前的学习。

Vue.js和element-ui

直接看Vue官网教程对于当时的我来说还有些困难,所以我选择了网易云课堂上米斯特吴老师的Vue课程,讲得很不错,也有包含实战课在内,并且大多数都是免费的,只要在网易云课堂搜索Vue就能看到。跟着视频课做了一些练习之后,再去看官网的文档,很多内容就不会太难接受了。Vue真的是一个对于新手很友好的框架,把三大件Vue、Vue Router、Vuex搞清楚,大多数的也无需求都能满足。

由于这个后台管理系统还用到了element-ui,我对于element-ui也做了一定的了解,只需要浏览一下官网文档就行,没什么太难的地方。

然后自己做了一个基于这两者的小demo来练手。在调试中,我用到了mock.js,也非常简单。

html5、css3、es6

这时候已经可以上手完成一些简单的业务逻辑层面的开发了,我开始在完成工作之余,对于之前学习的漏洞进行填补。

前两者依然是在w3school上进行学习,es6可以看阮一峰的ECMAScript 6入门。

在gitbook上还有一个前端工程师手册,也可以用来学习,我是用来进行查漏补缺。

更多框架

由于工作需要,我之后参与的项目是基于网易自己的开源框架regular+nej,这让我不得不去学习这两个新框架。这也是我觉得ios开发和前端开发的一个很大的不同之处。前端开发对于框架的依赖程度非常高,除非你是大牛,否则你不得不跟着项目的变动去学习新的框架,不管是公司自研的还是主流开源的。而且每个框架有更新的时候,你也要同步的跟进。而对于ios开发人员来说,不管到哪儿用的都是xcode和uikit,没有那么多的变化。并且xcode对于ios开发来说实在是太契合了,这是vscode或者webstorm不可能达到的。

边看代码边学nej和regular,因为有工作任务在推着自己,所以学起来也还算快。然后再在工作之余简单浏览了一下react的官网教程,并且跟着做了官网上的井字棋游戏。更深入的准备以后慢慢学。

node

由于对后端开发实在是没有兴趣,node部分只是做了些了解,然后边学边做了一个脚手架工具作为联系。放在todo里了


推荐阅读
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • vue 如何将输入框的输入自动小写转大写(使用 vmodel 时采取另一种方式)
    前言:小写转大写,可以用过滤器实现,但当使用v-model时就不行了,这里有解决方案。转载请注明出处:http ... [详细]
  • 本文探讨如何在VueJS项目中通过配置vue.config.js文件实现多页面应用(MPA),特别是针对管理端和客户端的不同需求。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 案例1:在子组件中两个按钮1和-1,点击后修改count整个操作的过程还是在子组件中完成,但是之后的展示交给父组件这样,我 ... [详细]
  • 本文详细介绍了如何使用JavaScript实现数据的双向绑定,包括MVVM架构的基本概念、不同框架下的实现方式以及具体的代码示例。 ... [详细]
  • 本文详细介绍了如何在Vue应用中利用Vuex的Mutations来更新和管理购物车的数据,包括添加、删除商品以及计算总价等操作。 ... [详细]
  • 高效的JavaScript异步资源加载解决方案
    本文探讨了如何通过异步加载技术处理网页中大型第三方插件的加载问题,避免将大文件打包进主JS文件中导致的加载时间过长,介绍了实现异步加载的具体方法及其优化。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
author-avatar
mobiledu2502884697
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有