前端开发基础扎实的标准是什么?搞懂这些学习速度瞬间开挂
个人发表一下愚见,希望可以给各位看友们一定的帮助,可能对于刚入门前端开发或者打算入门前端开发的朋友们而言,会认为一定要具备很多电脑基础或者很多计算机原理的基础才可以做好前端开发,其实在本人看来,只要有对代码的兴趣热情,这些慢慢都可以入门之后,再提高和了解的,那下面本人说一下对资深前端开发人员基础扎实的标准。
电脑基础:
(1) 最最基本的要熟悉电脑键盘,打字(指代码)要稳要快要流,这样可以保证开发速度;
(2) 掌握电脑的输入设备,处理设备(cpu),存储设备等。
输入设备:键盘,鼠标等;
处理设备:计算机主机 ,核心部件是中央处理器,有运算器和控制器,这样就可以理解逻辑代码中的cpu优化指的是什么;
存储设备:内存储器 外存储器
(3) 懂计算机网络
Tcp协议 ip dns等都需要掌握;
前端技术(严格遵守web标准开发的准则):
(1) Html基础-html虽然简单,却是前端开发的结构,简单但重要(xhtml1.0、html4、html5);
① 要掌握html语法规范,了解每个标签的语义;
② 掌握单标签、双标签,块状元素、行内元素;
③ 掌握标签的正确嵌套,标签使用的优化准则;
(2) css基础(css2、css3)--表现语言,效果美观、好用、简单
① css语法,css样式表语法,css样式表分类,c样式表优先级
② css选择器,选择器的权重(选择器的权重问题,在开发中是很重要也是容易被大家忽略的点;)
元素选择器、群组选择器、属性选择器、伪类选择器、id选择器…
③ css常用属性
文本属性,背景属性,列表属性,浮动 (float),定位 (position),透明度设置(opacity),转换(transform),运动 (animation keyframes),多列 (column),盒子阴影等;
④ 盒子模型:
盒模型(content padding border margin);
弹性盒模型(新老语法)
⑤ css命名规范要遵守,很重要;
⑥ css代码优化,在开发过程中,要从始至终注意优化代码;
(3) js --原生js是web标准中的行为语言,是前端所有框架的根基;(es5 es6)
① js基础语法,逻辑操作符,分支语句,循环语句,函数,定时器,正则表达式;
② bom操作,dom操作;
③ 内置对象,事件、面向对象,继承
④ ajax jq bootstrap等
⑤ es6的新特性;
⑦ 重点在算法和逻辑、编程思维的培养;
(4)前端高级技术;
① node.js
Node api模块
Node Common.js规范
Node web应用级框架 express koa 打造web服务器和api服务器
MongoDB数据库
Robe 3T MongoDB数据库可视化工具
Mongoose操作MongoDB数据库
前端通信 socket 技术
② vue.js
Vue指令、Vue 组件、组件注册、组件通信
Vue 生命周期
Vue 自定义指令、自定义事件、自定义过滤器
Vue loader、Vue cli、Vue-router、Vuex
Vue服务端渲染ssr 、 Nuxt.js
③ react.js
React 脚手架 create-react-app
Webpack
React 组件创建: 函数式组件 类组件
React组件通信
React Hooks、React Context
React 生命周期(15版本、16版本 )
React-router 【 3版本 4 版本 】
React状态管理: Flux Redux Mobx
工具: Loadsh Immutable
④ 移动端开发
微信小程序
原生开发小程序: 组件 api
框架开发小程序
Mpvue
Wepy
Taro
微信公众号
微信公众号二次开发
微信公众号申请和界面运营
微信小游戏
原生js + H5 canvas
H5主导的混合开发
Dcloud 提供的 uni-api wap2App h5+
ApiCloud 提供的api.js
React Native 主导的开发
Flutter开发
⑤ 代码托管工具
Github gitee【 码云 】
⑥ 独立接口文档
Restful api 规范
⑦ 版本控制管理工具
Git
Svn
⑧ 自动化构建工具
Gulp
Webpack
⑨ 前端流行技术
大数据可视化 Echarts
移动端类库: Zepto Touch
Api接口调试调用: GranphGl
(4) 其他编程语言的储备
最好要掌握一门后台的编程语言;
比如:php java c++等;
注意:前端的技术不是一成不变的,反而是日益更新的,扩张一点说,稍微不注意,就会发现前端又出现了很多新的东西(只是有些新的技术还没有广泛的应用和推广),所以作为一个合格的前端攻城狮,应该一直保持去前端技术的热情和学习,不能懈怠,时刻的关注前端技术的更新交替,保证自己的技术一直是处于前沿的和提升的状态;
补充:上面列举出来的技术,是作为一个前端开发工程师,最最基本应该掌握的技术;如果细列技术点,那就太多了(还有很多好用的插件,工具,框架,小应用在这就不一一列出了),如有兴趣,可以留言交流;
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69917019/viewspace-2653435/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/69917019/viewspace-2653435/
前端开发基础扎实的标准是什么?搞懂这些学习速度瞬间开挂相关推荐
- js等待 callback 执行完毕_前端开发,一篇文章让你彻底搞懂,什么是JavaScript执行机制!...
不论你是javascript新手还是老鸟,不论是面试求职,还是日常开发工作,我们经常会遇到这样的情况:给定的几行代码,我们需要知道其输出内容和顺序.因为javascript是一门单线程语言,所以我们可 ...
- 网站前端开发基础知识学什么?必备技能
网站前端开发基础知识学什么?Web前端开发网页制主要由HTML.CSS.JavaScript三大要素组成.随着企业需求变,前端开发技术的三要素也演变成现今的HTML5.CSS3.jQuery.响应式布 ...
- web前端开发月薪2万标准 需要完成8件事
在web开发工程师圈子内,有一个很奇怪的现象.那就是相同工作经验的web开发工程师之间的薪资待遇有着很大的差别,而本文就此问题和读者聊一聊. web前端开发月薪3万标准 需要完成8件事: 1.完成那些 ...
- 顾川的前端学习笔记--前端开发基础
阶段一前端开发基础 初始HTML 本阶段重难点 3.29小时40小节4个模块 CSS选择器 盒模型 CSS三大特性 浮动和清楚浮动 CSS四种定位 CSS进阶 CSS3 前端工程师需要会的PS取图 案 ...
- 黑马程序员之Web前端全栈 · 阶段一 前端开发基础 (3)
Web前端全栈 · 阶段一 前端开发基础 (3) 说明 三.HTML 标签 1. HTML 语法规范 1.1 基础语法概述 1.2 标签的关系 2. 基本结构标签 2.1 第一个 HTML 2.2 基 ...
- 移动前端开发基础与优化
移动前端开发基础与优化 http://qywx.gitcafe.io/2014/11/22/%E7%A7%BB%E5%8A%A8%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91 ...
- JavaWeb:前端开发基础
JavaWeb:前端开发基础 内联元素和块级元素 说明: 联元素和块级元素都是html中的范畴,块元素和内联元素的主要差异是块元素是从新的一行开始.而内联元素一般显示在一行上.但是可以通过css的di ...
- Web前端开发基础三剑客学习知识分享
Web前端开发基础知识学习路线分享,前端开发入门学习三大基础:HTML.CSS.JavaScript.除此之外还要学习数据可视化.Vue.React.Angular相关框架,熟练运用框架提升开发效率, ...
- 前端开发基础(HTML基础)
前端开发基础 目的:开发一个平台(网站)- 前端开发:HTML.CSS.JavaScript- Web框架:接收请求并处理- MySQL数据库:存储数据的地方快速上手:基于Flask Web框架让你快 ...
最新文章
- 记一次CentOS7内核kernel的删除重装
- 迁移学习:领域自适应的理论分析
- 《预训练周刊》第22期:Fastformer:加法注意力就是你所需要的、用于蛋白建模的大规模预训练语言模型...
- 云炬Android开发笔记 13购物车,订单,支付功能开发(包含支付宝支付和微信支付)
- 值引用和引用问题分析
- 58端口使用技巧跟推送_Kindle使用技巧:定时推送
- linux清空串口接收buff,openwrt解除console对串口的占用
- 生产库自动派送报表派送失败之重新派送
- PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎
- 面向对象的需求分析方法
- 对计算机上的浏览器的介绍,挖掘IE浏览器的潜在功能(一) -电脑资料
- 重磅!MobileNetV3 来了!
- python读音播报-用Python写一个语音播放软件
- 计算机图形学(二)——实验二:直线的生成算法
- 西瓜视频4K修复技术还原经典,为内容创新打开新思路
- 无线键盘RK61使用说明
- unity地图路径编辑器
- [转载]625线,525线什么意思?
- ABB机器人画圆编程_ABB机器人使用rapid编程中问号的用法及画整圆指令
- 浏览器沙盒--它是什么,我们为什么需要它?
热门文章
- oracle 账户锁了,oracle 用户账户被锁处理
- 国内LORA首颗SOC芯片ASR6601ARM Cortex M4
- jquery.fly.min.js 拋物插件
- Linux C通过域名解析得到IP地址
- 提取网页文字-免费批量自动提取网页文字软件
- 期货交易有哪些策略?
- winform设置指定窗体为启动项
- 在c语言中3ap是不合法的变量,C语言陷阱一
- php ffmpeg 环境搭建,PHPmotion 环境搭建ffmpeg mencoder flvtools as4 64
- 尝试使用P45+L5420录屏直播,非常卡