热门标签 | 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里了


推荐阅读
  • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 优化联通光猫DNS服务器设置
    本文详细介绍了如何为联通光猫配置DNS服务器地址,以提高网络解析效率和访问体验。通过智能线路解析功能,域名解析可以根据访问者的IP来源和类型进行差异化处理,从而实现更优的网络性能。 ... [详细]
  • 本文详细介绍了Java中org.neo4j.helpers.collection.Iterators.single()方法的功能、使用场景及代码示例,帮助开发者更好地理解和应用该方法。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • Explore a common issue encountered when implementing an OAuth 1.0a API, specifically the inability to encode null objects and how to resolve it. ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 在哈佛大学商学院举行的Cyberposium大会上,专家们深入探讨了开源软件的崛起及其对企业市场的影响。会议指出,开源软件不仅为企业提供了新的增长机会,还促进了软件质量的提升和创新。 ... [详细]
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社区 版权所有