0
点赞
收藏
分享

微信扫一扫

web应用程序开发,软件前端开发

1、ant-design的使用总结及常用组件和他们的基本用法?

ant-design为React,Angular和Vue都提供了组件,同时为PC和移动端提供了常用的基础组件。ant-design提供的demo非常的丰富并且样式能够基本的覆盖开发需求。antd的Demo因为是多人编写的,所以可以看到不同样式的实现都有,可以很好的满足不同开发的风格。

常用的组件有:Button,Form,Radio,Select,TimePicker,Upload,Table等。使用时需要可以参考Demo来编写,并且在组件界面页的最后面有属性的介绍和注意点。能够很方便的来实现效果。

学习路线

第一阶段:网页制作

HTML:常用标签,锚点,列表标签,表单标签,表格标签,标签分类,标签语义化,注释,字符实体

CSS:CSS介绍,全局样式,行内样式,内联样式,选择器,字体样式值,文本样式值,颜色样式值,盒模型,控制台使用,清除默认样式,盒模型居中,外部距塌陷,标准文档流,块元素,行内元素,行内块元素,多种伪类元素,浮动,定位

第二阶段:JavaScript动态交互

JavaScript初阶:变量与运算符,逻辑控制,Math类,函数,Object类,定时器,Array类,String类,Date类

JavaScript进阶:JavaScript DOM基础,this,事件,事件流,JavaScriptBOM基础,call&apply&bind,自定义属性,面向对象编程

ES6/7/8/9:ECMAScript6简介,let和const,ES6+的作用域,对象的扩展,函数的扩展,字符串的扩展,Symbol,Set&Map,Promise对象,async&awiat,箭头函数,模板字符串,rest参数,Class,Module模块

JavaScript高阶:闭包,立即执行函数,惰性函数,插件开发,多人协作,深复制与浅复制,数组扁平化,递归,正则表达式全解,函数防抖,函数节流

第三阶段:移动端开发技术实战

HTML5:HTML5简介,HTML5新语法,HTML5新语义化标签,HTML5新表单元素属性,HTML5新手机端新事件处理,HTML5新增多媒体实战,本地存储,Canvas,HTML5地理组件GeoLocation

CSS3:CSS3新增属性,圆角制作企业级方案,CSS3背景属性,过渡动画 transition,变化属性 transform,特效轮播图实战,企业级flex布局实战,grid布局实战

Bootstrap:响应式,媒体查询,栅格系统,栅格参数,组合模式,列偏移/列排序/自动列,列对齐/列嵌套,文本与颜色,按钮,导航,图文混排,模态框,轮播图

移动端开发:移动端简介,移动端视口约束,移动端flex移动端实践,rem,vw,flexible企业级实战

第四阶段:前后端分离技术及常用库类

Ajax:AJAX简介,AJAX作用,封装AJAX,创建XMLhttpRquest对象,同步和异步,AJAX分页

jQuery:jQuery介绍,jQuery链式语法,jQuery选择器,jQuery核心,jQuery工具,jQuery事件,jQuery事件对象,jQuery特效,jQuery回调函数,jQuery文档处理,jQuery筛选,jQuery属性,jQueryCSS

Echarts:Echarts概述,Echarts使用,坐标系,雷达图/饼状图/折线图

第五阶段:企业级高级WEB架构开发

Webpack:Webpack的安装和使用,项目模块打包,静态打包模块器,Webpack入口,Webpack输出,Webpack插件,webpack模块

Vue:Vue使用,Vue响应式,Vue双向数据绑定,Vue相关指令,vue-resource,axios,template选项,Vue生命周期,Vue组件,自定义指令,过滤器,computed属性,Vue-cli 2.x和3.x 脚手架配置,Vue-router,Vuex,Element UI

微信小程序:uni-app,mpvue,微信小程序注册,APPID申请,生命周期,小程序调试,微信小程序框架组件,微信小程序布局框架,微信小程序条件渲染和列表渲染,媒体组件audio,视图容器,网络api,相机api,地图api

web应用程序开发,软件前端开发

【95页】初级前端模块笔记

主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue 等等。需要可以看文末领取完整版【95页】初级前端模块笔记和前端学习路线图

html/css

  • html基本结构
  • 标签属性
  • 事件属性
  • 文本标签
  • 多媒体标签
  • 列表 / 表格 / 表单标签
  • 其他语义化标签
  • 网页结构
  • 模块划分
  • CSS代码语法
  • CSS 放置位置
  • CSS的继承
  • 选择器的种类/优先级
  • 背景样式
  • 字体样式
  • 文本属性
  • 基本样式
  • 样式重置
  • 盒模型样式
  • 浮动float
  • 定位position
  • 浏览器默认样式

web应用程序开发,软件前端开发

html5/css3

  • HTML5 的优势
  • HTML5 废弃元素
  • HTML5 新增元素
  • HTML5 表单相关元素和属性
  • CSS3 新增选择器
  • CSS3 新增属性
  • 新增变形动画属性
  • 3D变形属性
  • CSS3 的过渡属性
  • CSS3 的动画属性
  • CSS3 新增多列属性
  • CSS3新增单位
  • 弹性盒模型

web应用程序开发,软件前端开发

JavaScript

  • JavaScript基础
  • JavaScript数据类型
  • 算术运算
  • 强制转换
  • 赋值运算
  • 关系运算
  • 逻辑运算
  • 三元运算
  • 分支循环
  • switch
  • while
  • do-while
  • for
  • break和continue
  • 数组
  • 数组方法
  • 二维数组
  • 字符串

web应用程序开发,软件前端开发

正则表达式

  • 创建正则表达式
  • 元字符
  • 模式修饰符
  • 正则方法
  • 支持正则的 String方法

web应用程序开发,软件前端开发

js对象

  • 定义对象
  • 对象的数据访问
  • JSON
  • 内置对象
  • Math 方法
  • Date 方法

web应用程序开发,软件前端开发

面向对象是一种编程思想

  • 定义对象
  • 原型和原型链
  • 原型链
  • 原型

常用的JavaScript设计模式

  • 单体模式
  • 工厂模式
  • 例模式

web应用程序开发,软件前端开发

函数

  • 函数的定义
  • 局部变量和全局变量
  • 返回值
  • 匿名函数
  • 自运行函数
  • 闭包

web应用程序开发,软件前端开发

BOM

  • BOM概述
  • window方法
  • frames [ ] 框架集
  • history 历史记录
  • location 定位
  • navigator 导航
  • screen 屏幕
  • document 文档

web应用程序开发,软件前端开发

DOM

  • DOM对象方法
  • 操作DOM间的关系
  • DOM节点属性

事件

  • 事件分类
  • 事件对象
  • 事件流
  • 事件目标
  • 事件委派(delegate)
  • 事件监听

web应用程序开发,软件前端开发

jQuery

  • jQuery 选择器
  • 属性选择器
  • 位置选择器
  • 后代选择器
  • 子代选择器
  • 选择器对象
  • 子元素
  • DOM操作
  • JQuery 事件
  • 容器适应
  • 标签样式操作
  • 滑动
  • 自定义动画

web应用程序开发,软件前端开发

AJAX

  • 工作原理
  • XMLHttpRequest对象
  • XML和HTML的区别
  • get() 和post()

HTTP

  • HTTP消息结构
  • url请求过程

web应用程序开发,软件前端开发

性能优化

  • JavaScript代码优化
  • 提升文件加载速度

webpack

  • webpack的特点
  • webpack的缺点
  • 安装
  • webpack基本应用
  • 配置文件入门

web应用程序开发,软件前端开发

vue

  • MVC模式
  • MVVM模式
  • 基础语法
  • 实例属性/方法
  • 生命周期
  • 计算属性
  • 数组的更新检查
  • 事件对象
  • Vue组件
  • 路由使用
  • 路由导航
  • 嵌套路由
  • 命名视图

web应用程序开发,软件前端开发

文末

如果30岁以前,可以还不知道自己想去做什么的话,那30岁之后,真的觉得时间非常的宝贵,不能再浪费时间在一些碎片化的事情上,比如说看综艺,电视剧。一个人的黄金时间也就二,三十年,不能过得浑浑噩噩。所以花了基本上休息的时间,去不断的完善自己的知识体系,希望可以成为一个领域内的TOP。

同样是干到30岁,普通人写业务代码划水,榜样们深度学习拓宽视野晋升管理。

这也是为什么大家都说30岁是程序员的门槛,很多人迈不过去,其实各行各业都是这样都会有个坎,公司永远都缺的高级人才,只用这样才能在大风大浪过后,依然闪耀不被公司淘汰不被社会淘汰。

269页《前端大厂面试宝典》

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

web应用程序开发,软件前端开发

前端面试题汇总

web应用程序开发,软件前端开发

JavaScript

web应用程序开发,软件前端开发

举报

相关推荐

0 条评论