uniapp开发app框架在提升开发效率中的独特优势与应用探索
2467
2022-12-23
本文目录一览:
1.模块化
多个独立零部件或功能项通过集成为满足汽车特定功能汽车前端框架的总成汽车前端框架,即模块化设计。它可以实现标准化生产汽车前端框架,同时灵活搭载新技术。总装模块化技术可以减少主线工位长度,扩展产线柔性程度,缩短汽车生产周期。模块化主要涉及电子控制系统模块化(电子控制单元ECU/整车控制器VCU/车载信息娱乐主机MMI等)和产品结构模块化(动力总成/前端框架/仪表板/车门/前后保险杠等)两个方向。
2.通用化
作用功能一致,结构类型相近的产品,经过统一后可以彼此互换的标准化形式,即通用化设计。通用化要以互换性为前提,互换性包含尺寸和功能互换两层含义。总装通用化技术能够缩短汽车开发周期,降低项目成本投资,优化现场作业强度。通用化主要涉及零部件通用化、标准件通用化、设备工具通用化和力矩通用化四个方向。
3.自动化
通过研制系统设备的采用,实现替代或辅助作业人员完成生产装配工作,即自动化设计。总装自动化技术可以提升产线工作效率,减轻员工作业负荷,提高产品质量水准。自动化技术通常应用在大质量或体积零部件装配、作业空间位置受限、效率低下瓶颈工位和产品功能特定要求等环节,如玻璃(前后风挡和全景天窗)涂胶/安装机器人、仪表/轮胎/蓄电池等助力机械手、多合一加注设备、定值/数显电动工具、模块化输送线及AGV配送设备等。
4.柔性化
能够结合市场需求开展不同车型、不同节拍和不同产量的生产组织活动,并高效地满足顾客的个性化需求,即柔性化设计。总装柔性化技术能够提高产线风险应对能力,改善员工作业环境,应对市场复杂需求。柔性化通常可以从混线生产、用工模式、人机工程和节拍更替四个方面着手改善。
综上所述,随着市场竞争、技术革新及政策导向等多方面因素的影响,合理、经济与科学的工位规划愈发重要。在工位规划过程中,设计原则、核心关键及技术应用等环节不断细化深入,传统优势技术已转变为通用必备技术。聚焦顾客需求,对标行业标杆,将工位规划理论与实际融合,为全面质量改善和效率提升奠定坚实基础。
一、汽车总体构造
汽车由发动机,底盘,车身和电器设备这四大部分组成。
虽然汽车看起来很复杂,有2万多个零件部件组成,但从基本结构来看,基本可以分成以上四大部分组成。
二、汽车术语大全
1、整车装备质量(KG):汽车完全装备好的质量,就是厂家出厂时的质量,包括各种润滑油,机油,随车工具,备胎等的质量。通常就是我们说的空载质量,车重。
2、最大总质量(KG):汽车满载时的总质量。坐满人,装满货物时的总质量。
3、最大装载质量(KG):汽车在行驶时的最大装载质量。
4、车长(MM):汽车长度方向两个极端点间的距离。也就是车头最前点到车尾最后点的距离。
5、车宽(MM):汽车宽度方向两极端点间的距离。一般车外后视镜打开后的宽度不做为汽车的宽度标准。
6、车高(MM):汽车最高点到地面间的距离。长宽高的定义应该都很好理解,就不多做解释了。
7、轴距(MM):汽车前轴中心到后轴中心的距离。轴距是汽车比较重要的参数指标之一,它是衡量车内空间大小的主要指标,轴距越长,车内空间越宽。
8、最小离地间隙(MM):汽车满载时,汽车最低点至地面的距离。最小离地间隙是判断汽车底盘高度大小的指标,离地间隙越大,汽车底盘越高,通过性就越好;一般与接近角和离去角一起做衡量指标。
9、接近角(度°):汽车前端最下突出点向前轮引的切线与地面的夹角。
10、离去角(度°):汽车后端突出点向后轮引的切线与地面的夹角。
11、转弯半径(MM):汽车转向时,汽车最外侧车轮的中心平面在车辆支撑平面上的轨迹圆半径。方向盘转到极限位置时(打死方向盘)的转弯半径为最小转弯半径。
12、最高车速(KM/h):汽车在平直道路上行驶能达到的最大速度。一般我们在汽车的仪表盘上可以直接看的到车速表,最高车速由汽车最大功率决定。
13、最大爬坡度(%):汽车满载时的最大爬坡能力。
14、平均燃油消耗量(L/100KM):汽车在道路上行驶时每百公里平均燃油消耗量。就是常说的百公里油耗,衡量汽车油耗量的指标,是省油还是耗油。
15、车轮数和驱动轮数(n*m):车轮数以轮毂为计算依据,n代表汽车的车轮总数,m代表驱动轮数。比方说四轮驱动汽车可以表示为:4*4。一般会在车尾处标示。
16、零公里汽车:意思是汽车从生产线下来后,一直到客户手上时,汽车行驶里程极少,基本为零公里。但现实几乎是不可能,所有目前汽车行业都比较认同的标准是,行驶记录不超过50公里的车,都算做是新车。所以,一般我们去4S店看车,看到那些新车都有短距离的行驶里程的时候,只有不超过这个范围,都不要太过于纠结的。
三、汽车车型分类
1、SUV
SUV的全称是SportUtilityVehicle,中文意思是运动型多用途汽车。现在的SUV一般指那些以轿车平台为基础、在一定程度上既具有轿车的舒适性,又具有一定越野性的车型。由于带有MPV式的座椅多组合功能,使车辆既可载人又可载货,适用范围广。
2、MPV
MPV的全称是Multi-PurposeVehicle,即多用途汽车。它集轿车、旅行车和厢式货车的功能于一身,车内每个座椅都可调整,并有多种组合的方式,例如可将中排座椅靠背翻下即可变为桌台,前排座椅可作180度旋转等。近年来,MPV趋向于小型化,并出现了所谓的S-MPV,S是小(Small)的意思。S-MPV车长一般在(4.2-4.3)m之间,车身紧凑,一般为(5-7)座。
3、CKD
CKD是英文CompletelyKnockedDown的缩写,意思是"完全拆散"。换句话说,CKD汽车就是进口或引进汽车时,汽车以完全拆散的状态进入,之后再把汽车的全部零、部件组装成整车。我国在引进国外汽车先进技术时,一开始往往采取CKD组装方式,将国外先进车型的所有零部件买进来,在同内汽车厂组装成整车。
4、RV
RV的全称是RecreatiaVehicle,即休闲车,是一种适用于娱乐、休闲、旅行的汽车,首先提出RV汽车概念的国家是日本。RV的覆盖范围比较广泛,没有严格的范畴。从广义上讲,除了轿车和跑车外的轻型乘用车,都可归属于RV。MPV及SUV也同属RV。
5、皮卡
皮卡(PICK-UP)又名轿卡。顾名思义,亦轿亦卡,是一种采用轿车车头和驾驶室,同时带有敞开式货车车厢的车型。其特点是既有轿车般的舒适性,又不失动力强劲,而且比轿车的载货和适应不良路面的能力还强。汽车基础知识,汽车知识大全。最常见的皮卡车型是双排座皮卡,这种车型是目前保有量最大,也是人们在市场上见得最多的皮卡。
6、SKD汽车
SKD是英文Semi-KnockedDown的缩写,意思是"半散装"。换句话说,SKD汽车就是指从国外进口汽车总成(如发动机、驾驶室、底盘等),然后在国内汽车厂装配而成的汽车。SKD相当于人家将汽车做成"半成品",进口后简单组装就成整车。
7、概念车
概念车由英文ConceptionCar意译而来。概念车不是Ep将投产的车型,它仅仅是向人们展示设计人员新颖、独特、超前的构思而已。汽车基础知识,汽车知识大全。概念车还处在创意、试验阶段,很可能永远不投产。因为不是大批量生产的商品车,每一辆概念车都可以更多地摆脱生产制造水平方面的束缚,尽情地甚至夸张地层示自己的独特魅力。
8、老爷车
老爷车也叫古典车,一般指20年前或更老的汽车。老爷车是一种怀旧的产物,是人们过去曾经使用的,现在仍可以工作的汽车。
四、汽车特点分类
1、电动汽车
目前人们所说的电动汽车多是指纯电动汽车,即是一种采用单一蓄电池作为储能动力源的汽车。它利用蓄电池作为储能动力源,通过电池向电机提供电能,驱动电动机运转,从而推动汽车前进。从外形上看,电动汽车与日常见到的汽车并没有什么区别,区别主要在于动力源及其驱动系统。
2、零排放汽车
零排放汽车是指不排出任何有害污染物的汽车,比如太阳能汽车、纯电动汽车、氢气汽车等。有时人们也把零排放汽车称为绿色汽车、环保汽车、生态汽车、清洁汽车等。
3、混合动力汽车
混合动力汽车就是在纯电动汽车上加装一套内燃机,其目的是减少汽车的污染,提高纯电动汽车的行驶里程。混合动力汽车有串联式和并联式两种结构形式。
4、燃气汽车
燃气汽车主要有压缩天然气汽车(.简称LPG汽车或LPGV)和压缩天然气汽车(简称CNG汽车或CNGV)。顾名思义,LPG汽车是以液化石油气为燃料,CNG汽车是以压缩天然气为燃料。燃气汽车的CO排放量比汽油车减少90%以上,碳氢化合物排放减少70%以上,氮氧化合物排放减少35%以上,是目前较为实用的低排放汽车。
五、车身应该具有的特点
1、合理设计,流畅的外形。
合理的车身设计和形状,可以有效减少车身的各种阻力,提高汽车的动力性和燃油经济性,保障汽车在行驶过程中的平衡稳定性,发动机室冷却条件和车内的空气流通问题。
2、人靠衣装,美靠靓装。
无论是车的外观,还是内饰都一样,都应该给人一种设计的美感,既是汽车品牌文化的彰显,也是个人个性特点的表现。
3、汽车车身一般由车身主体,车身内,外装件,车身电气附件设备等构成。当然,如果是货车和专用汽车的话,还包括货箱,货柜和其他专用设备。
其中:
A.车身主体是所有车身部件安装的基础,一般由纵梁,横梁,立柱ABC柱,各部位的加强板等车身结构和覆盖件,通过焊合而成的壳体;还包括发动机盖,翼子板,四门车门和尾箱盖等组成。
B.车身外装件包括:前后保险杠,车身外部装饰条,后视镜,天窗,车门附件,车身空气动力学附件等。
C.车身内装件:指车内对司机或者乘员起到保护作用以及装饰主要的部件。包括:前后排座椅,仪表台,内饰地板,遮阳板,内后视镜等目视所能看到的物件。
D.电气附件:是指除了发动机和底盘以外的所有电气和电子设备。包括仪表台上的各种仪表及开关,照明设备,灯光指示信号设备,DVD音响设备,空调,雨刷等电子设备。
六、其他汽车基础知识
1、涡轮迟滞
实际上,涡轮是靠发动机废气驱动的,并非发动机一启动就开始运转。当发动机在低转速时,由于产生的废气量低,推力不足以带动涡轮的运转,而发动机转速提高之后,废气动力较大时,涡轮才能启动。踩下油门那一刻,到涡轮启动那一刻,这个时间差就是涡轮迟滞。
涡轮迟滞大,意味着急加速时发动机可能突然发力,破坏加速线性感,影响驾驶感受,大马力增压尤其如此。如果不喜欢带T的车地板油时“被踹一脚”的感觉,还是自吸大法好,一气呵成!
2、车身尺寸分别是指哪里?
大部分人买车都会注重空间,有些人注重实际感受,有些人关注规格参数。现在各汽车厂商对于车身规格的标注,基本上都统一了,如车身总长、轴距、轮距、前悬、后悬等,其中对车内空间影响最大的是轴距,而非车长。
3、非承载式车身
但凡那些敢称自己是硬派越野车的汽车,一般采用的都是非承载式车身结构,所谓非承载式车身,其发动机、传动系统、车身的总成部分是固定在一个刚性车架上,车架通过前后悬挂装置与车轮相连。
非承载式车身有根大梁贯穿整个车身结构,底盘的强度较高,抗颠簸性能好。就算车的四个车轮受力不均匀,也是由车架承受,不会传递到车身,所以车身不容易扭曲变形。
因为非承载式车身比较笨重、质量大、高度高,所以多用于货车、客车和越野车上。
4、承载式车身
而承载式车身汽车的整个车身是为一体的,没有贯穿整体的大梁,发动机、传动系统、前后悬挂等部件都装配到车身上,车身负载通过悬挂装置传给车轮。
承载式车身的汽车平直路上行驶很平稳、固有频率低、噪声小、重量轻,广泛应用于轿车上。当然底盘的强度是不及有大梁结构的非承载式车身,在车的四个车轮受力不均匀时,车身会发生变形。
5、车身材料
车身材料并不是车身所有的材料强度越高越好,要看用在什么地方。如驾乘室的框架(如横梁、纵梁、ABC柱等),为了使驾车室的空间尽量不变形(保证驾乘人员安全),就必须采用高强度的材料。
如车前和尾部的材料(如引擎盖板、翼子板等),对乘客的安全起不到决定性作用,可以使用强度相对较低的材料。
6、溃缩吸能
在汽车碰撞中,重要的是保护车内人员的安全,所以在碰撞中驾乘室的变形越小就越好。汽车在设计时考虑到这一点,在汽车碰撞时,让一部分机构先溃缩,吸收一部分的撞击能量,从而减少传递到驾乘室的撞击力。
7、汽车通过性指标
这个就比较专业了,一般的汽车消费者买车时并不需要太看重,对于越野爱好车来说,如最大爬坡度、最大侧倾角、最小离地间隙等等,都是他们比较关注的参数。
一、前端模块设计
汽车汽车前端框架的前模块主要包括散热器、前盖、冷凝器、前保险杠、前连接器、大灯、进排气管和前车架汽车前端框架,并与车身上的零件有效连接。该部分类似于框架设计,相应的部分通过焊接相互连接。完成模块化设计后,整车前端属于开放式结构,组装在模块包装线的前端,然后运输到装配线,再与外壳整体连接。因此,在组装过程中,前框架被有效地安装在壳体上。大灯、冷凝器、前盖、散热器等部件下方有足够的装配空间,以匹配发动机的刚性和强度,保证发动机盖的间隙。保险杠和大灯不仅可以修复整个框架,相关的前面板模块化设计可以将前保险杠和前框架集成或固定到整个模块中。此外,在连接大灯导线、插入风扇和进气口时,必须充分考虑管道安装的安全性。
二、汽车底盘总成的模块化设计
在模块化汽车底盘的有效设计中,为汽车前端框架了保证最终装配的产品能够达到预期的效果,需要从以下几个方面梳理具体的操作环节,首先是进行市场调研,掌握实际需求。用户应指定机箱系统;其次,充分整合车辆的技术特点,提高各项参数设置的科学性和有效性,建立可靠有效的车辆功能模型模块和合理科学的装配策略。充分结合用户的实际需求,选择最适合的装配模块,不断提升车辆的相关特性。在固定模块化设计中,要从以下几个方面入手,各模块的设计与底盘模块深度分离,车辆的可靠性和模块化底盘的设计;最后,最终的产品开发包括各个评估模块的组合和组合。
三、车门模块的工艺设计
车门的模块化部件充分保证汽车前端框架了驾驶室部件的综合质量,有效减少了车漆上的划痕,从而提高了汽车设计的整体质量。门组件的模块化设计也有效简化了生产线的相关机械结构,扩大了生产线的宽度。车门的模块化设计侧重于玻璃升降系统、后视镜、门把手、扬声器和门锁。在设计门模块组件的过程中,关键是要保证门的拆装,以保证日后的维护功能,从而增加安装布线之间的连接差异。
如果是准备学前端,建议你可以看下这篇文章!
2022 年最新 Web 前端学习路线图,我梳理了完整的细节知识点,企业项目开发解决方案所需技术栈,更适合自学 Web 前端开发的同学,路线清晰明确,少走弯路。
零基础学编程,从宏观到微观全面了解专业、语言选择、行业介绍、技术发展变革 (opens new window)👆
零基础学编程选择什么专业好,为什么选择前端开发,职业前景,未来选择性,是否适合初学者,行业竞争,什么样的前端工程师、市场需求更抢手,前端开发行业介绍,前端开发的变革,大前端时代
HTML / HTML5搭建网页结构的语言,增加了很多移动端支持,简单好学
详细 HTML/HTML5 知识梳理
Web 前端入门到精通核心标签和属性 (opens new window)
文档声明、文档结构、功能标签,块级元素,区块标签,内联元素,特殊内联元素,转义字符,表格标签,标签中的属性,input 元素中的属性
HTML/HTML5 标签和属性,系统学习教程(图文版)
认识互联网(基本原理) (opens new window)
HTML/HTML5 标签基础语法 (opens new window)
HTML/HTML5 常用标签和属性 (opens new window)
Git 快速入门到实践系统学习教程 (opens new window);Git 是什么,Git 的安装配置,Git 配置,创建版本库,初始化项目,Git 本地提交、推送项目至远程仓库,克隆远程仓库(项目)
Markdown 语法 和 日常学习、工作笔记、企业项目文档的最佳实践
HTML/HTML5 标签和属性,系统学习教程(视频版)
群直播回放视频可查阅,或 在线观看
HTML/HTML5 系统学习视频合集 (opens new window)
HTML/HTML5 高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 HTML/HTML5 最新面试真题和答案解析 (opens new window)
CSS / CSS3样式表,美化网页的语言,增加了很多动画、过渡等新特性,所见即所得,非常有意思。
详细 CSS/CSS3 知识梳理
Web 前端 CSS、CSS3 核心样式和属性 (opens new window);盒模型,常用文本样式属性,字体属性,段落和行相关属性,CSS 的书写位置,层叠性和选择权重,伪元素,伪类,css3 新增伪类,标签选择器、id、class 选择器,复合选择器,元素关系选择器,序号选择器,属性选择器,浮动,定位,鼠标样式,边框,圆角,盒子阴影,背景,浏览器前缀,2D/3D 转换
CSS/CSS3 样式,系统学习教程(图文版)
CSS 基础认知 和 选择器 (opens new window)
CSS 文本和字体属性、列表属性 (opens new window)
CSS 盒子模型 (opens new window)
CSS display 属性、背景属性、其他常用属性 (opens new window)
CSS 三大特性:继承、层叠性、优先级 (opens new window)
浮动、BFC 规范、清除浮动的最佳实践 (opens new window)
CSS 定位、层叠顺序、层叠上下文 (opens new window)
margin 负值的最佳实践 (opens new window)
圆角、阴影、文本图像处理、CSS 函数 (opens new window)
transition 过渡动画与 animation 自定义动画 (opens new window)
transform 2D 与 3D 转换 (opens new window)
SEO 搜索引擎优化代码规范
网页头部代码规范 (opens new window)
SEO 搜索引擎网页代码优化 (opens new window)
HTML/CSS 标签和样式代码规范 (opens new window)
CSS 样式命名规则和规范 (opens new window)
项目实战30 个 CSS/CSS3 真实项目案例布局训炼(视频版) (opens new window
防御式编程 - 防御式 CSS (opens new window)
大厂 Web 前端项目开发规范和最佳实践 (opens new window)
CSS 还原 UI 设计,前端项目开发的必备工具 (opens new window)
扩展学习,项目功能点主流布局最佳实践
100+ CSS 主流布局企业项目功能案例,最佳实践 (opens new window)
CSS/CSS3 样式、PC 端项目开发,系统学习教程(视频版)
群直播回放视频可查阅,或 在线观看
CSS/CSS3 高频面试真题和答案解析,中小企业和一线大厂最近 3 个月 CSS/CSS3 最新面试真题和答案解析 (opens new window)
移动 WebApp 开发、多终端响应式开发从 PC 端演化成移动 WebApp 熟练掌握跨端+各终端适配和性能优化,是一名优秀的前端开发必备的技能之一。
移动 WebApp 开发核心重难点知识梳理
Flex 弹性布局 (opens new window)Grid 网格布局 (opens new window)
响应式布局 (opens new window)
百分比布局 (opens new window)
rem 布局 (opens new window)
vw 布局 (opens new window)
移动端事件 (opens new window)
移动 Web 开发常见问题 (opens new window)
移动 Web 开发性能优化 等
Flex 弹性布局从入门到实践 (opens new window)
Grid 网格布局从入门到实践 (opens new window)
移动端项目实战
移动端开发核心基础必备知识 (opens new window)
移动 WebApp 项目开发常用技术及标准、规范和最佳实践 (opens new window)
响应式项目开发
多终端响应式项目开发最佳实践 (opens new window)
移动 WebApp 开发、多端响应式项目开发,系统学习教程(视频版)
群直播回放视频可查阅,或 在线观看
移动 WebApp 开发、多端响应式项目开发视频合集 (opens new window)
移动 WebApp 开发,高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 移动 WebApp 开发,最新面试真题和答案解析 (opens new window)
云计算、云服务器的应用与实践深入浅出云计算、云服务当前最新、最流行的技术生态与最佳实践是我们作为一名工程师时刻具备职业竞争力的前提。云计算、低代码、元宇宙、云服务器、云原生、互联网技术架构演进 (opens new window)👆
阿里云服务器实践 与 Nginx 部署 (opens new window)👆
Nginx 部署的核心配置、性能优化、域名服务器备案 (opens new window)👆
华为云服务器实践与 Nginx 部署,完整版 (opens new window)👆
Git 在线部署入门到实践 (opens new window)👆云服务器的实践:注册、配置,公共镜像、操作系统,网络和安全组,远程链接云服务器,常用 Linux 系统命令行,Nginx Web 服务器安装和启动、常用 Nginx 命令,深入域名结构,域名解析,Nginx 企业项目部署,Nginx 配置 HTTPS 加密协议、SSL 证书申请与配置,Nginx 性能优化、Gzip 压缩,多网站、多系统部署,企业级项目的最佳实践 ...
云计算在项目中的相关应用与实践(视频版)
群直播回放视频可查阅,或 在线观看
云计算、云服务器的实践与项目部署系统学习视频合集 (opens new window)👆
企业项目相关,高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 项目开发相关最新面试真题和答案解析 (opens new window)👆
#JavaScript
前端开发工程师最重要的 "看家语言",js 功底的好坏,决定了职业高度,学习需要下苦工
详细 JavaScript 基础+高级核心知识梳理
JavaScript 核心基础和常用方法 (opens new window)👆
JavaScript 函数、BOM、DOM (opens new window)👆
JS 常用内置对象和正则表达式 (opens new window)👆
JavaScript 常见的 10 种设计模式、设计原则 (opens new window)👆
工厂模式、构造器模式、单例模式、原型模式、发布订阅者模式(观察者模式)、适配器模式
装饰器模式、代理模式、外观模式、迭代器模式
JavaScript 在项目开发中的最佳实践
实用的 JS 开发技巧 (opens new window)👆
JS 语法糖、新特性及优化技巧 (opens new window)👆
JavaScript 深入系统学习教程(图文版)
待更新 ...
扩展学习,项目功能点 JavaScript 动效最佳实践
200+ JavaScript 动效经典企业项目功能案例,最佳实践 (opens new window)👆(持续更新中 ...)
JavaScript 深入系统学习教程(视频版)
待更新 ...
JavaScript 高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 JavaScript 最新面试真题和答案解析 (opens new window)👆
#模块化、组件化开发
从传统单一模块开发到企业标准组件化开发掌握企业核心开发思想,动态交互开发。
详细 ES6 基础+高级核心知识梳理
ES6 基础入门和新增方法 (opens new window)👆
新增变量、模板字符串、箭头函数、解构赋值、剩余参数、展开运算符、数据结构、Set 和 Map 共有的方法和属性、Set 和 Map 实例的方法、遍历器,数组、字符串、对象的新增方法等
ES6 高级核心重难点知识梳理 (opens new window)👆
Promise 异步编程解决方案,class 类,module 模块化,module 的导入导出、注意事项,NodeJS 指令相关,Babel 编译器相关,webpack 相关
HTTP 协议、Ajax、XHR、本地存储、跨域、async/await (opens new window)👆
HTTP 相关概念,HTTP 常用方法,HTTP 状态码,本地存储(cookie 的属性,编码与解码,sessionStorage/localStorage 的常用方法和属性),Ajax 相关概念,本地服务器,Ajax 基本的使用,XHR 的属性,XHR 的方法,XHR 的事件,JSON 的常用方法,跨域解决方案,Ajax 扩展内容,async/await
组件化开发
模板引擎,PC 端项目组件化项目重构开发,深入理解和实践组件化开发的核心开发思想
ES6 基础 + 高级,系统学习教程(图文版)
待更新 ...
ES6 实际开发中的实用技巧
npm 常用命令和使用技巧 (opens new window)👆
选择 npm 时,应考虑的 5 个事项 (opens new window)👆
正则表达式功能函数
15 个(ES6)正则表达式,真实项目应用场景必备 (opens new window)👆
实用工具函数
58 个 ES6 实用工具函数,快速提升项目开发效率 (opens new window)👆
模块化、组件化开发,深入系统学习教程(视频版)
待更新 ...
模块化、组件化开发、ES6 相关高频面试真题和答案解析
中小企业和一线大厂最近 3 个月模块化、组件化开发、ES6 最新面试真题和答案解析 (opens new window)👆
#小程序开发
作为优秀的前端工程师必备技能,小程序是当下最爆火的轻应用开发技术,需要能够独立开发企业级小程序,拥有解决主流小程序功能需求的能力
详细 小程序开发知识梳理
小程序入门到实战核心重点知识梳理 (opens new window)👆
基础概念,小程序中的文件类型,全局文件,全局配置,页面配置,window 属性、tabbar 属性、list 相关的配置,小程序 App 和页面 Page,小程序的生命周期函数,页面级的生命周期函数,页面级的数据,逻辑层中常用的 API,WXML 中的常用语法,常用的组件,input 组件、swiper 组件的属性,常用事件等
小程序开发,系统学习教程(图文版)
待更新 ...
小程序项目实战开发
待更新 ...
小程序开发,系统学习教程(视频版)
待更新 ...
#Vue 全家桶
从 2016 年前后开始流行的前端框架,采用模块化开发、数据驱动、声明式编程等等,核心在于前边的基础要扎实,后期学习就容易了
Vue 是一套用于构建用户界面的渐进式框架
与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。
另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Vue 全家桶必备知识梳理
Vue 核心基础知识梳理 (opens new window)👆
Vue 高级知识梳理 (opens new window)👆
Sass 常见面试题与核心基础知识梳理 (opens new window)👆
Vue 脚手架相关知识梳理 (opens new window)👆
Vue3.x+TypeScript+Vite 即是当下的主流 (opens new window)👆
Vue 全家桶,系统学习教程(图文版)
待更新 ...
Vue 全家桶项目实战开发
待更新 ...
Vue 全家桶深入系统学习教程(视频版)
待更新 ...
Vue 全家桶高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 Vue 全家桶最新面试真题和答案解析 (opens new window)👆
据不完全统计目前国内哪些大厂在使用 Vue
小红书,微博,哔哩哔哩(B 站),爱奇艺,芒果 TV,手机搜狐
饿了么,小米商城,一加手机,乐视商城,滴滴开源、高德开放平台、京东拼购+领券+新人频道 H5+京东云,网易云信+手机网易+网易邮箱 H5,大麦网 H5、唯品会 H5、少数派、百度指数、微信公众平台、大鱼号,携程 H5 多个模块,创客贴、兑吧、国美电器 H5、聚美优品触屏版,理想汽车,途虎养车,雪球财经、电玩巴士等等
开源中国,CSDN,Gitee(码云),GitLab,掘金,简书,蓝湖,IT 桔子等等
#TypeScript
TypeScript 简称 TS
TS 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TS 一起工作无需任何修改,TS 通过类型注解提供编译时的静态类型检查。
由微软开发的自由和开源的编程语言。
TS 设计目标:是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
详细 TypeScript 知识梳理
TypeScript 核心基础知识梳理 (opens new window)👆
TypeScript 开发环境、工作流,定义变量/常量,基本类型,高级类型,类型适配(类型断言),函数类型,对象类型,接口,类,访问修饰符,模块,泛型
TypeScript 高级核心知识梳理 (opens new window)👆
类型守卫,函数重载,调用签名 call signiture,索引签名,只读 readonly,双重断言 Double Assertion,常量断言,this,类型检测 typeof,类型查找,类型映射 Mapped Types,映射修饰符
TypeScript 系统学习教程(图文版)
待更新 ...
TypeScript 深入系统学习教程(视频版)
待更新 ...
TypeScript 高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 TypeScript 最新面试真题和答案解析 (opens new window)👆
#React 生态
React 是一个用于构建用户界面的 JavaScript 库,起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。 2022 年 4 月 26 日已发布最新版 18.1.0
详细 React 入门到项目实战知识梳理
React 核心基础知识梳理 (opens new window)👆
基础环境准备,搭建 react 项目(JS 版本的),项目内容介绍,搭建 react 项目(TS 版本的)
tsconfig.json(TS 语法的配置文件),TS 编译器的工作流程,项目升级改造,创建基础演示项目,react 知识点,文件类型介绍,JSX、TSX
React 项目实战核心重点知识梳理 (opens new window)👆
css 样式架构、全局样式,css 模组化,项目实操,基础理论,异步请求相关,组件生命周期,项目开发注意事项,钩子,常用钩子函数,useState 钩子函数细说,副作用,关于 useEffect(),项目中常用组件和方法,关于 HOC 和 Hook
React 生态,系统学习教程(图文版)
待更新 ...
React 生态桶项目实战开发
待更新 ...
React 深入系统学习教程(视频版)
待更新 ...
React 高频面试真题和答案解析
中小企业和一线大厂最近 3 个月 React 最新面试真题和答案解析 (opens new window)👆
据不完全统计目前国内哪些大厂在使用 React
蚂蚁、飞猪、阿里大于、虾米音乐、口碑开放平台
猫途鹰、喜马拉雅 FM、斗鱼、知乎、豆瓣、美团、房多多、石墨文档、墨刀、TalkingData、xiaopiu、Teambition、Uber、倍洽、同盾科技、心知天气、拼多多、滴滴出行、Sentry、途牛、优酷、京东服饰+生鲜+旅行、算力矩阵、链家 H5、阿里云管理后台、Coding、CodePen、树莓派
36 氪、Notion、GoDaddy、站酷、Plotly、麦客 CRM、特赞营销日历、鹿班、网易云阅读 PC 端+网易云音乐 H5、猎聘网、看云文档编辑页、去哪儿 H5 多个模块、艺龙 H5 个别模块、租租车 H5、汽车之家车商城、Pocket、友盟、iH5 等
#团队协同、工程化,监控运维
TIP
Git 版本管理,缺陷管理,单人、团队开发与跨团队开发
RESTful API 接口管理,webpack / Gulp 自动化构建
CICD 自动化部署
Linux 项目部署
Nginx 反向代理、负载均衡
运行日志与监控
#大厂高薪面试真题
Interview questions
HTML/HTML5、CSS/CSS3 面试真题 (opens new window)👆
JavaScript + ES6 面试真题 (opens new window)👆
前端进阶 面试真题(浏览器、性能、安全) (opens new window)👆
Vue、React 面试真题 (opens new window)👆
全栈面试真题 (opens new window)👆
面试方法论 (opens new window)👆
#后端开发
TIP
NodeJS
express
koa
egg
基本 API(如 http、fs 等)
commonjs 模块化
框架
调试
SSR
服务端模板,如 ejs artTemplate 等
nuxt.js (Vue SSR)
next.js(React SSR)
常用
redis
MySQL
mongodb
nginx(反向代理、负载均衡)
数据库
Docker
日志分析
serverless
Deno
小程序开发
PWA
跨端(如 RN Weex)
客户端 electron
企业项目技术解决方案
TIP
紧跟市场需求、渐进式,多端跨平台,系统性,企业级项目解决方案
参考阅读:
最新 Web 前端开发学习路线,主要技术栈
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~