前端的简单介绍

前端核心的分析

  • CSS语法不够强大,比如无法嵌套书写,倒是模块化开发中需要书写很多重复的选择器

  • 没有变量和合理的样式复用机制,使逻辑上相关的属性值必须字面量的心事重复的输出,导致难以维护

  • CSS预处理器,减少代码的笨重,提高样式代码的可维护性,大大提高了前端在样式上的开发效率

  • 简单来说:CSS预处理器用一种专门的编程语言 ,进行Web页面样式设计,在通过编译器转划为正常的CSS文件,以供项目使用

  • CSS预处理器,LESS: 基于Node.js,通过客户端处理,使用简单,功能 比SASS简单,解析效率也低于SASS,但实际开发中,我们后台人员需要的话,可以使用LESS

  • 原生的JS开发是【ECMAScript】简称ES

  • 现如今ES5,所有浏览器都可以兼容

  • ES6(为当前主流的版本: 可以使用webpack打包成为ES5使浏览器支持)

  • TypeScript是微软的开发编程语言

    javaScript框架

    • jQuery优点是简化了DOM的操作,缺点是DOM的操作太繁琐,影响了前端的性能,兼容ES6、7、8

    • Angular: 增加了模块化开发的理念

    • React: 提出了虚拟DOM ,有效的减少了DOM的操作,提高了前端的渲染效率,缺点是还需学习一门JSX语言

    • Vue是Angular和React的结合

    • Vue有自己的计算属性

    • Axios :是前端通信框架也是为了处理DOM,不具备通信的能力,可以使用jQuery 中的AJAX来实现通信框架和服务器的交互

    • Ul框架

    • AmazeUl:又叫"妹子Ul"是一款HTML5跨屏前端框架

    • javaScript构建工具

    • Babel: JS编译工具,主要用于浏览器不支持的ES新特性,比如用于编译,微软的TypeScript

    • WebPack:模块打包器,主要作用是打包、压缩、合并及按序加载

      主流的前端框架

    • iview是一个强大的基于Vue的UL库,官网的地址:iview-admin主要的特点是移动端支持的较多

    • ElementUl也是Vue的UL库,官网的地址:vue-element-admin,主要的特点是桌面端支持较多

      更新换代

    • 早期的JSP,PHP可以称为Web1.0时代,

    • 而基于AJAX带来的SPA的单页面应用时代

    • AJAX是连接前后端的通信

  • 到现在的大前端时代

  • 前端以MVVM(异步通信为主):Model 、View 、ViewModel

  • 而MVC(同步的通信为主)堵塞的问题严重,由异步MVVM更替

  • 前后端分开,前端可以脱离后端独立运行,只是他们的侧重点不在相同

  • SEO搜索引擎优化,

相关推荐
井柏然7 分钟前
从 Monorepo 重温 ESM 的模块化机制
前端·javascript·前端工程化
晓得迷路了7 分钟前
栗子前端技术周刊第 102 期 - Vite+ 正式发布、React Native 0.82、Nitro v3 alpha 版...
前端·javascript·vite
XXX-X-XXJ13 分钟前
Vue Router完全指南 —— 从基础配置到权限控制
前端·javascript·vue.js
云和数据.ChenGuang15 分钟前
vue钩子函数调用问题
前端·javascript·vue.js
鹏多多31 分钟前
React动画方案对比:CSS动画和Framer Motion和React Spring
前端·javascript·react.js
亿元程序员34 分钟前
8年游戏主程,一篇文章,多少收益?
前端
IT_陈寒1 小时前
5个Java 21新特性实战技巧,让你的代码性能飙升200%!
前端·人工智能·后端
咖啡の猫1 小时前
Vue内置指令与自定义指令
前端·javascript·vue.js
昔人'1 小时前
使用css `focus-visible` 改善用户体验
前端·css·ux
前端双越老师1 小时前
译: 构建高效 AI Agent 智能体
前端·node.js·agent