前端学习

前端学习

软件开发会涉及些前端开发。渐渐地从没使用过到熟练使用前端开发。整体感觉前端技术多而不难(不能说多而简单,入门简单,精通还是有难度),技术感体验不理想。

最早学习前端是学习.NET MVC开发的时候。一些增删改查的界面,自动会生成一些界面。看得懂生成的界面内容,会设置后端传来的数据就行,能满足基本的使用。

博客最早写在CSDN上,后来就不更新CSDN了,转在GitHub Pages上写。GitHub Pages可以自己写html页面,想怎么写就怎么写,拥有完全的控制权。用起来比CSDN爽。便开启了全栈之旅,学习前端的三驾马车:

  1. HTML
  2. CSS
  3. JavaScript

这是三门独立的语言,关系又非常密切。比如HTML的一些标签可以采用DIV + CSS来实现同样的功能;JavaScript的动画特效,可以用CSS来代替;比较常用的CSS和JavaScript实现的功能,又促使新的HTML标签的产生。三种语言可以写在同一个文件内,也可以写在三个独立的文件内,通过HTML的link和script标签把三个独立的文件关联在一起。

断点调试

JavaScript断点调试是区分初级和中级前端程序员的一个重要标准。断点调试和用console.log(message)打印效率根本不在一个数量级上。一定要学会,提高开发和解决问题的效率。

Vue

Vue是响应式MVVM的JavaScript框架。使用三方的组件库可以开发桌面端、移动端界面,完成网站和App开发。用起来蛮好用的,但是Vuex和Vue Router等还是难理解难用的。

uni-app

Vue是在JavaScript上封装一层,uni-app是在Vue上又封装一层。uni-app相对来说更好用,开发App更容易。App的全局变量、本地存储、页面导航、网络请求、功能调用操作都很方便,uni.foo就能直接使用。uni-app提供了一些基本组件,支持npm,插件市场中开发者们持续提供了更多扩展组件,功能会更加丰富。

iconfont

推荐一个图库,里面有很多图。前端开发时不想自己绘制图,基本都可以找到合适的图。可以通过CSS引入字体或者直接下载图片使用。

pixabay

免费正版高清图片素材库。

图像,矢量和视频都非常不错。

展望

希望每一位软件开发者都能懂前后端的原理,并能进行基础开发。用看见森林的视角看待软件开发,而不是只见树木。

打赏