首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏PM吃瓜(公众号)

    前端框架介绍

    web页面开发的框架,可能常用并且熟悉也就那几个 页面布局框架: Bootstrap 、 Materialize JS框架: Jquery 一眼看过去似乎有点少,其实开发web网站只要需求不是特别多的, Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。所有开发者、所有应用场景而设计。 Bootstrap 让前端开发更快速、简单。 此框架除去它的其他页面布局外,我最看重它的配色表和它给出的模版页面,可以极大降低前端对于网页的设计和布局的困惑,因为没有独立的平面设计师来规划整个布局,前端开发借助框架能更快开发出想要的效果并且很好看。 因为这个JS框架,对开发其实作用不大,主要是因为框架自身都需要Jquery来支持,它是一个必需品,因为它让JS语言更优美实用,writer less,do more。 现在都是框架开发,很多东西其实真的不想从底层开始写,加之原型图根本没有美工,自己来设计要浪费很多时间成本。框架开发解放了生产力,让一个静态页面效果更逼真,也让用户体验逐渐上去

    1.1K20发布于 2019-08-12
  • 来自专栏顶级程序员

    前端框架选型

    本文将详细介绍框架选型 框架与库 库(lib)具有以下三个特点: 1、是针对特定问题的解答,具有专业性; 2、不控制应用的流程 3、被动的被调用 框架(frameword)具有以下三个特点: 1、具有控制反转 框架决定了什么时候调用库,决定了什么时候要求代码去执行特定功能 ? 而实际上,一个库有时也可以称之为框架,而库里面集成的方法称之为库 框架和库的区别不由实际大小决定,而由思考角度来决定。 框架和库实际上可以统称为解决方案 解决方案 前端开发中的解决方案主要用于解决以下7个方面的问题: 1、DOM 2、Communication(通信) 3、Utililty(工具库) 4、Templating 侦测 4、提供节点属性、样式、类名的操作 5、保证目标平台的跨浏览器支持 【常用方案】 常用的DOM解决方案有 jQuery、zepto.JS、MOOTOO.JS等 jQuery是曾经风靡一时的最流行的前端解决方案 作者:小火柴的蓝色理想 链接:www.cnblogs.com/xiaohuochai/p/7041595.html 本文是蔡剑飞、郑海波老师的《产品前端架构》课程中《框架选型》章节的学习记录

    2K60发布于 2018-05-03
  • 来自专栏全栈程序员必看

    前端框架AdminLTE

    作为CMDB资产管理项目,必须有一个丰富、直观、酷炫的前端页面。 适合运维平台的前端框架有很多,开源的也不少,这里选用的是AdminLTE。 托管在GitHub上,可以通过下面的地址下载: https://github.com/almasaeed2010/AdminLTE/releases AdminLTE自带JQuery和Bootstrap3框架 一、创建base.html AdminLTE源文件包里有个index.html页面文件,可以利用它修改出我们CMDB项目需要的基本框架。 然后,根据我们项目的具体情况修改文件引用、页面框架、title、CSS、主体和script块。nainaitea.com {% load staticfiles %} <!

    3.1K40编辑于 2022-09-18
  • 来自专栏grain先森

    前端-框架之战

    正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂时脱颖而出的是React与Vue.js,社区中的很多成员正权衡着这两款框架的利弊。 那到底哪款框架会胜出,哪款框架又会沦为昔日的prototype.js.呢?让我们一起看看吧。 /ptasker/pasta-pete-react) Vue sample app(https://github.com/ptasker/pasta-pete-vue) 简单介绍 除非你最近一直不关注前端的发展 相似之处 React与Vue存在很多相似之处,例如他们都是JavaScript的UI框架,专注于创造前端的富应用。 不同于早期的JavaScript框架“功能齐全”,Reat与Vue只有框架的骨架,其他的功能如路由、状态管理等是框架分离的组件。

    1.2K20发布于 2019-03-28
  • 来自专栏小道消息

    前端框架sveltesolidember

    官网:https://www.svelte.cn/github(75.8k star):https://github.com/sveltejs/svelte更多资料:新兴前端框架 Svelte 从入门到原理 官网:https://www.solidjs.com/-github(30.7k star):https://github.com/solidjs/solidember完全不同于vue和react语法的框架

    39200编辑于 2024-03-11
  • 来自专栏博客-txy

    Vue—前端框架

    目录 Vue 渐进式 JavaScript 框架 一、走进Vue 二、Vue实例 三、生命周期钩子 四、Vue指令 五、组件 六、Vue-CLI 项目搭建 Vue 渐进式 JavaScript 框架 通过对框架的了解与运用程度 ,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目 一、走进Vue 1、what -- 什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 2、why -- 为什么要学习Vue 三大主流框架之一:Angular React Vue 先进的前端设计模式:MVVM 可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发 3、special - "条件1"或v-else-if="条件2"或v-else,满足条件才会有该标签,否则没有该标签 2、v-show="条件",条件为真,渲染,条件为假隐藏标签,即令属性display为none,实际上在前端是有该标签的

    8.3K30发布于 2020-01-15
  • 来自专栏云计算linux

    前端框架 渐进式框架

    渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。 勿喷! 快乐与知识并存! 嘻嘻! 初始化及挂载 在new vue() 之后。

    31510编辑于 2024-12-19
  • 来自专栏学习与分享

    前端前端的三大主流框架

    随着时间的推移,Angular 的发展越来越受到 Google 公司的重视,后被其收购,成为了 Google 官方的前端开发框架,并由 Google 的开发团队进行维护和推广。 Angular是一个完整的框架,就像一座现代化的高楼大厦,它有着严谨的结构和规范,提供了完整的前端框架,包括模板、组件、服务、指令等等,可以让开发者通过模块化的方式,更加高效地构建复杂的 Web 应用。 01优点 前端框架的更新发展离不开彼此的相互借鉴、学习和取长补短。 所以一些优势,大家都有。 总结 熟悉和了解前端三大主流框架的基本概念和特点只是前端学习路上的一小步,最终的目标是能够根据项目需求和特点,合理地评估和选择适用的框架,并能够进行总体的规划和把控。 因此,学习前端框架不仅仅是为了掌握某种技术,更重要的是要能够灵活应用和运用这些技术,为实际项目提供有效的解决方案。

    2.8K10编辑于 2024-06-07
  • 来自专栏coding个人笔记

    前端框架真的好吗?

    前端现在是一个技术爆炸的时代,各种打包工具webpack、grunt、gulp,各种包管理工具工具npm、bower、yarn,各种css预处理器scss、stylus、less,还有现在最流行的三大框架 现在,不会使用框架开发都不好意思叫做前端工程师了。使用框架,需要有开发环境,需要打包,需要构建,然后在浏览器上运行。反而把开发变得更复杂了。那为什么我们要使用框架? 前后分离的趋势:解放前端和后台的开发方式。 效率:降低开发成本和周期。 社区:各大框架都有一个很大的社区,便于解决遇到的问题。 标准:只要遵循框架的标准,让团队合作更容易。 我们不知道实现一个方法,框架的源码帮我们写了多少行的代码。 也因为框架,越来越多的前端开发者都是速成的,只会使用框架,离开了框架,甚至连最简单的一些JS使用都不会。 框架限制了前端开发者的思维,如果停留在会用的阶段,可能慢慢就真的成码农了,框架这个时候就成了阻碍开发成长。 框架一直在变化,即使某个框架可以流行很长一段时间,不同版本之间也会发生巨大变化。

    1.5K20发布于 2020-04-24
  • 来自专栏一点博客

    前端框架AngularJS入门

    是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、依赖注入等等。 ? 框架采用并扩展了传统HTML,通过双向的数据绑定来适应动态内容,双向的数据绑定允许模型和视图之间的自动同步。因此,AngularJS使得对DOM的操作不再重要并提升了可测试性。 ? 2.3依赖注入 依赖注入(Dependency Injection,简称DI)是一种设计模式, 指某个对象依赖的其他对象无需手工创建,只需要“吼一嗓子”,则此对象在创建时,其依赖的对象由框架来自动创建并注入进来

    3.4K30发布于 2019-07-24
  • 来自专栏青梅煮码

    前端Js框架汇总

    一、前端框架库: 1. (web前端学习交流群:328058344 禁止闲聊,非喜勿进!) 是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 二、前端UI框架 1.Pure 地址:http://purecss.org/layouts/ 描述:Pure精心设计,只为可以在任何Web项目中使用。为了例证这一点,我们制作了如下几个模板。 2.bootstrap 地址:http://www.bootcss.com/ 描述:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。

    8.3K30编辑于 2023-03-02
  • 来自专栏向治洪

    前端ThinkJS框架解析

    Thinkjs 是一个快速、简单的基于MVC和面向对象的轻量级Node.js开发框架,遵循MIT协议发布。 Bytes/Sec 829.03 kB 52.43 kB 884.74 kB 10k requests in 5s, 4.2 MB read 模块分解 创建项目之后,基本的代码框架已经建立起来了 简单网站 官方网站、博客、社区等,这类系统结构较为简单,通常一个前端一个后端管理即可满足要求。 通常需要包含以下模块: src/ src/common/ # 通用模块,放置主配置参数、boostrap adapter middleware service 等相关组件 src/home/ # 前端默认模块 -> 项目模式下框架配置 -> 项目公共配置 -> 项目模式下的公共配置 -> 模块下的配置。

    1.7K60发布于 2018-01-26
  • 来自专栏向治洪

    前端ThinkJS框架解析

    Thinkjs 是一个快速、简单的基于MVC和面向对象的轻量级Node.js开发框架,遵循MIT协议发布。 Bytes/Sec 829.03 kB 52.43 kB 884.74 kB 10k requests in 5s, 4.2 MB read 模块分解 创建项目之后,基本的代码框架已经建立起来了 简单网站 官方网站、博客、社区等,这类系统结构较为简单,通常一个前端一个后端管理即可满足要求。 通常需要包含以下模块: src/ src/common/ # 通用模块,放置主配置参数、boostrap adapter middleware service 等相关组件 src/home/ # 前端默认模块 -> 项目模式下框架配置 -> 项目公共配置 -> 项目模式下的公共配置 -> 模块下的配置。

    1.3K70发布于 2018-02-06
  • 来自专栏Candy 的修仙秘籍

    浅谈前端框架原理

    恰逢看到各大博主都在推这本新书,我也买了一本来读一下~这书果然不负众望,让我对前端框架的认知,从仅仅是 Vue 如何使用、技术实现,提升到了一个更高的层次,从更高的维度去认知框架前端框架卡颂大佬在《React 设计原理》中,提出了一个观点:现代前端框架的实现原理都可以用以下公式进行概括:UI = f(state)其中:state —— 当前的视图的状态f —— 框架内部的运行机制 前端框架通常会抽离出一套抽象的元素操作的 API,例如:新增/删除/移动元素、修改元素属性等原子操作。不会直接操作浏览器 DOM。 前端框架用到的技术响应式这是一种自动追踪依赖的技术,它用于自动追踪依赖的状态,当状态改变时进行更新。 最后介绍了前端框架的三种重要技术:响应式技术,实现了细粒度的更新,是组件级应用的一种实现虚拟 DOM,最终目的是快速找出一组 UI 元素中变化的部分,应用级和组件级框架需要使用。

    2K170编辑于 2023-01-31
  • 来自专栏前端技术

    前端框架哪家强?

    这款 App 分别采用 18 个不同的前端框架构建,并对它们进行了比较。 RealWorld 基准测试始于 2017 年,最近更新了针对使用 18 个不同前端框架实现的 Conduit 的评估结果。2019 年的基准测试排名主要关注这三个方面:性能、大小和代码量。 前 13 个框架中包括已经很成熟的框架(如 Elm、Dojo、Vue、Angular、Aurelia、Stencil、Svelte 和 React)、简约型框架(如 AppRun、Hyperapp)、较少被使用的框架 前端框架的繁荣促成了基准测试的流行,这些[基准测试](https://github.com/krausest/js-framework-benchmark)旨在通过各种有意义的方式对框架进行比较。 基准测试涉及的框架可能是各种各样的,具体取决于要比较哪些方面的内容、基准测试的方法和相关性以及分数的算法。但是,在选择前端框架时,还是要进行全盘考虑,包括质量和数量方面的指标。

    1.7K00发布于 2019-05-11
  • 来自专栏Candy 的修仙秘籍

    浅谈前端框架原理

    恰逢看到各大博主都在推这本新书,我也买了一本来读一下~ 这书果然不负众望,让我对前端框架的认知,从仅仅是 Vue 如何使用、技术实现,提升到了一个更高的层次,从更高的维度去认知框架前端框架 卡颂大佬在《React 设计原理》中,提出了一个观点:现代前端框架的实现原理都可以用以下公式进行概括: UI = f(state) 其中: • state —— 当前的视图的状态 • f —— 前端框架通常会抽离出一套抽象的元素操作的 API,例如:新增/删除/移动元素、修改元素属性等原子操作。不会直接操作浏览器 DOM。 前端框架用到的技术 响应式 这是一种自动追踪依赖的技术,它用于自动追踪依赖的状态,当状态改变时进行更新。 最后介绍了前端框架的三种重要技术: • 响应式技术,实现了细粒度的更新,是组件级应用的一种实现 • 虚拟 DOM,最终目的是快速找出一组 UI 元素中变化的部分,应用级和组件级框架需要使用。

    1.2K10编辑于 2023-02-24
  • 来自专栏cwl_Java

    前端基础-HTML框架

    框架 框架示意图 ? 在同一个浏览器上显示多个多个框架。在每一个框架中放了一个页面。 1.使用的标签 <frameset>:框架集,rows属性设置框架分几行显示,cols属性用来设置框架分几列显示,rows和cols尽量不要同时设置(因为不能及时辨别每个位置的页面) <frame>:框架 3.框架中跳转 框架中跳转示意图 ? 多学一招: src:内嵌框架中存放的页面 width和height:内嵌框架的宽度和高度 marginwidth:内嵌框架中的页面距离内嵌框架的宽度 marginheight:内嵌框架中的页面距离内嵌框架的高度 frameborder:内嵌框架边框 内嵌框架属性示意图 ?

    1.9K20发布于 2020-04-07
  • 来自专栏抠抠空间

    前端框架之SweetAlert

    简介 SweetAlert是一款很好用的弹出框框架 下载 https://github.com/lipis/bootstrap-sweetalert 导入 博主用的是bootstrap-sweetalert

    2.2K70发布于 2018-04-12
  • 来自专栏云计算linux

    BootStrap 前端框架简介

    BootStrap 简介 概念: 课程目标: 响应式布局技术 了解BootStrap前端框架 一.响应式布局 1.1 历史问题 回顾之前HTML+CSS的布局方式,都是使用像素(px)来布局网页的 * { box-sizing: border-box; } 二.BootStrap ​ Bootstrap 是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的 WEB 除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。

    5.5K10编辑于 2024-12-13
  • 来自专栏Super 前端

    现代前端技术解析:现代前端交互框架

    本文链接:https://ligang.blog.csdn.net/article/details/76598662 现代前端交互框架 ​ Web前端页面的开发避免不了与DOM的交互操作。 前端框架的一次次变化,从提升效率的阶段,慢慢走向改善性能的阶段。 直接DOM操作时代 对于开发者来说,所有数据内容都可以通过DOM结构来组织和展示的。数据的处理和操作的核心其实就是DOM的处理和操作。 在这期间,DOM操作和事件绑定将变得十分混乱,不便于管理,于是MV*框架运应而生。 list: [{href: '', value: ''},{href: '', value: ''}] } } }) </script> 在起初的MVVM框架中一般会重新渲染整个列表 前端MNV*时代 使用JavaScript调用原生控件或事件绑定来生成应用程序的交互模式称为前端MNV*开发模式。

    1.3K31发布于 2019-08-15
领券