1. 蓝洛水深首页
  2. 教程
  3. 软件

Python自学Day25-30 Web前端概述之框架

渐进式框架 – Vue.js

前后端分离开发(前端渲染)必选框架。

快速上手

  • 引入Vue的JavaScript文件,我们仍然推荐从CDN服务器加载它。

  • 数据绑定(声明式渲染 )。

  • 条件与循环。

  • 计算属性。

  • 处理事件。

  • 用户输入。

  • 通过网络加载JSON数据。

使用脚手架 – vue-cli

Vue为商业项目开发提供了非常便捷的脚手架工具vue-cli,通过工具可以省去手工配置开发环境、测试环境和运行环境的步骤,让开发者只需要关注要解决的问题。

  1. 安装脚手架。
  2. 创建项目。
  3. 安装依赖包。
  4. 运行项目。

UI框架 – Element

基于Vue 2.0的桌面端组件库,用于构造用户界面,支持响应式布局。

  • 引入Element的CSS和JavaScript文件。

  • 一个简单的例子。

  • 使用组件。

报表框架 – ECharts

百度出品的开源可视化库,常用于生成各种类型的报表。

Python自学Day25-30 Web前端概述之框架

基于弹性盒子的CSS框架 – Bulma

Bulma是一个基于Flexbox的现代化的CSS框架,其初衷就是移动优先(Mobile First),模块化设计,可以轻松用来实现各种简单或者复杂的内容布局,即使不懂CSS的开发者也能够使用它定制出漂亮的页面。

响应式布局框架 – Bootstrap

用于快速开发Web应用程序的前端框架,支持响应式布局。

  • 特点
    • 支持主流的浏览器和移动设备
    • 容易上手
    • 响应式设计
  • 内容
    • 网格系统
    • 封装的CSS
    • 现成的组件
    • JavaScript插件
  • 可视化

Python自学Day25-30 Web前端概述之框架

本文来自这个系列长期转载Python-100-Days ,本文观点不代表蓝洛水深立场,转载请联系原作者。

发表评论

登录后才能评论

联系我们

455922333

在线咨询:
点击这里给我发消息
邮件:me@llss.us

工作时间:大部分和你一样