框架网页 | 易学教程

bootstrap到底是用来做什么的（概念）

阅读更多关于 bootstrap到底是用来做什么的（概念）

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。是一个做网页的框架（目前最流行的WEB前端框架），就是说你只需要写HTML标签调用它的类你就可以很快速的做一个高大上的网页，你不用担心兼容问题，提供了很多样式供你选择！比如你需要做一个网站的导航对吧，你自己写的话你需要写很多代码，但是如果你使用bootstrap框架来写的话，只需要写好HTML标签然后调用类名就可以了！作用：用它提供的样式和组件快速写网站你只需要引用一些定义好的类，也就是class名字，就可以创建出已经有非常漂亮的样式的网页，而且支持自适应，是一个很不错的框架。 ============================================================================= 简单点说：是一个快速搭建网站前台页面的开源项目（基于Jquery）。你只需要了解相关的class、标签名称等所代表的意思，然后在构建页面的时候，导入bootstrap的JS、css等，它就会去表现相应的效果出来：比如HTML说明：缩略语；当鼠标悬停在缩写和缩写词上时就会显示完整内容，Bootstrap实现了对HTML 元素的增强样式。缩略语元素带有title属性

优秀的Web前端CSS框架Bootstrap（一）：简介

阅读更多关于优秀的Web前端CSS框架Bootstrap（一）：简介

（一）Bootstrap简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、媒体对象等。 Bootstrap自带了13个jQuery插件，这些插件为Bootstrap中的组件赋予了“生命”。其中包括：模式对话框、标签页、滚动条、弹出框等。官方网址是： http://twitter.github.io/bootstrap/ 最新文件下载： http://twitter.github.io/bootstrap/assets/bootstrap.zip ，下载下来的压缩包中，有一个doc目录，事实上就是官方网站的大部分页面了，是一个很好的范例。后面的文章大部分内容是从官方网站翻译或者网络搜索而来

Web前端知识：前端框架的介绍

阅读更多关于 Web前端知识：前端框架的介绍

首先我想说明一下，我们通常说的js不是框架，是语言，即javascript，据最新世界编程语言排行榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，现在基本上是基于ECMAScript5。jQuery是用js写的框架，其在DOM操作上有很明显的优势，也是时下很常用的一个js框架。至于之外还要学习那些框架呢？如果你说的是js框架，建议先掌握好jQuery，然后还有很多的，比如楼上提到的extjs，近几年比较流行的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquery mobile，还有适合写后端或服务端的node，等等。如果是web前端框架，就不仅仅是涉及的js了，还有html和css。个人觉得只有这三种语言都涉及到的框架才能说得上是web前端框架。现在比较火的是Bootstrap，还有Foundation，比较古老的有jqueryUI，easyUI等等，还有其他很多很多。如果还有算上处理方案及版本升级代码迭代等，就要用到百度团队研发的fis这种了。其实内容真的很多很多，前端任重而道远啊~ 常见框架 1、flex Apache基金会今天发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。需要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex 4

frame和iframe区别

阅读更多关于 frame和iframe区别

1、frame不能脱离frameSet单独使用，iframe可以； 2、frame不能放在body中；如下可以正常显示：  <frameset rows="50%,*"> <frame name="frame1" src="test1.htm"/> <frame name="frame2" src="test2.htm"/> </frameset>  如下不能正常显示： <body> <frameset rows="50%,*"> <frame name="frame1" src="test1.htm"/> <frame name="frame2" src="test2.htm"/> </frameset> <body> 3、嵌套在frameSet中的iframe必需放在body中；如下可以正常显示： <body> <frameset> <iframe name="frame1" src="test1.htm"/> <iframe name="frame2" src="test2.htm"/> </frameset> </body> 如下不能正常显示：  <frameset> <iframe name="frame1" src="test1.htm"/> <iframe name="frame2" src

【产品】《用户体验要素》用户体验重要性及要素

阅读更多关于【产品】《用户体验要素》用户体验重要性及要素

第一章用户体验为何如此重要 1、开发过程中，人们更多地关注产品将用来做什么，经常忽略的另一个因素是产品如何工作，而这一因素恰恰是决定产品成败的关键因素。 2、"用户体验"并不是指一件产品本身是如何工作的（虽然这有时对用户体验具有很大的影响）。用户体验是指"产品如何与外界发生联系并发挥作用"的，也就是人们如何"接触"和"使用"它。 3、转化率是一种常用的方式，来衡量用户体验的效果。通过跟踪有百分之多少的用户被"转化"到了下一个步骤，就能衡量你的网站在达到"商业目的"方面的效率有多高。 4、创建吸引人的、高效的用户体验的方法被称为以用户为中心的设计（User-centered design）。以用户为中心的设计思想非常简单：在开发产品的每一个步骤中，都要把用户列入考虑范围。 5、用户所体验的每一件事，对你来讲都应该是经过慎重考虑和论证以后的决定。实际上，设计出一个更好的解决方案需要更多的时间和费用，你可能不得不在各个方面做出妥协。但是，一个"以用户为中心"的设计流程保证了这些妥协不是随机决定的。考虑用户的体验、把它分解成各个组成要素、从不同的角度来了解它，通过这些才能确保你控制了决策所造成的全部结果。第二章认识这些要素 1、用户体验的五个层面（提供了一个较为系统的分析框架）：表现层在表现层（surface），你看到的是一系列的网页，有图片和文字组成。一些图片是可以点击的

Web框架本质及浅谈HTTP协议

阅读更多关于 Web框架本质及浅谈HTTP协议

Web框架本质对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。 # ！/usr/bin/env python # -*- coding:utf-8 -*- # __Author__ Jianer import socket def handle_request(client): buf = client.recv(1024) client.send("HTTP/1.1 200 OK\r\n\r\n") client.send("Hello, Seven") def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8000)) sock.listen(5) while True: connection, address = sock.accept() handle_request(connection) connection.close() if __name__ == '__main__': main() socket流程不细说，关于web框架的一些阐释上述通过socket来实现了其本质，而对于真实开发中的python web程序来说，一般会分为两部分：服务器程序和应用程序

Express框架的整体感知

阅读更多关于 Express框架的整体感知

Express 是基于 node.js 平台的快速、开放、极简的 web 开放框架，它的地位与作用有点类似于前端的 jquery 框架。它的英文官网地址为 http://expressjs.com ，其对应的中文官网地址为 http://www.expressjs.com.cn 。下面来简单介绍这个框架的用法。一、下载及引包 express 作为一个第三方模块包，同样是通过 npm 的方式进行下载，在当前的项目文件夹下，用命令 -> npm install express 来完成下载。再通过 const express = require('express'); 来完成引包。二、express提供创建http服务器的功能当使用了 express 这个模块包之后，不再需要引用 node 的 http 模块，也能提供创建 http 服务器的功能。其基本的代码段结构为： const express = require('express'); var app = express(); app.get('/',(req,res)=>{ res.send(''); }); app.listen(3000,'192.168.155.1'); 引包之后返回一个函数体，将该函数体调用执行之后的返回值用 app 来接收。 app 类似于创建的那个 http 服务器实例，该服务器监听IP地址为

C#常用开源框架

阅读更多关于 C#常用开源框架

01,Json.NET http://json.codeplex.com/ Json.Net 是一个读写Json效率比较高的.Net框架.Json.Net 使得在.Net环境下使用Json更加简单。通过Linq To JSON可以快速的读写Json，通过JsonSerializer可以序列化你的.Net对象。让你轻松实现.Net中所有类型(对象,基本数据类型等)和Json的转换。 02,Math.NET http://www.mathdotnet.com/ Math.NET的目标是为提供一款自身包含清晰框架的符号运算和数学运算/科学运算，它是C#开发的开源类库。Math.NET含了一个支持线性代数的解析器，分析复杂微分，解方程等等功能。 03,Faker.Net https://github.com/jonwingfield/Faker.Net 开发的时候是不是为测试数据烦恼？Faker.Net可以非常方便帮你生成大批量测试数据。例如人员表里面的姓名、性别什么的。 04,Html Agility Pack http://htmlagilitypack.codeplex.com/ Html Agility Pack 是CodePlex 上的一个开源项目。它提供了标准的DOM API 和XPath 导航--即使 HTML 不是适当的格式！HTML Agility Pack 搭配

HTML框架标签

阅读更多关于 HTML框架标签

与HTML框架有关的标签主要有三种： <frameset> 框架结构标签 <frame> 框架标签 <iframe> 内联框架标签一、先来说第一种框架结构标签 <frameset> ，其主要属性是rows和cols，使用如下： <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src="frame_b.htm" /> <frame src="frame_c.htm" /> </frameset> </html> 重要的提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。二、 <frame> 标签定义 frameset 中的一个特定的窗口（框架）。其常用的属性如下： frameborder，规定是否显示框架周围的边框。值：0/1； name，规定框架的名称。值：name； noresize，规定无法调整框架的大小。值：noresize； scrolling，规定是否在框架中显示滚动条。值：yes/no/auto； src，规定在框架中显示的文档的 URL。值：URL； marginheight

vue 插件大全

阅读更多关于 vue 插件大全

内容 UI组件开发框架实用库服务端辅助工具应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的app应用 vuetify ★2925 - 为移动而生的Vue JS 2组件框架 Keen-UI ★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme ★1529 - 优雅的Markdown编辑器 vueAdmin ★1455 - 基于vuejs2和element的简单的管理员模板 bootstrap-vue ★1267 - 应用于Vuejs2的Twitter的Bootstrap 4组件 Vue.Draggable ★1191 - 实现拖放和视图模型数组同步 eagle.js ★1128 - hacker的幻灯片演示框架 vue-awesome-swiper ★1012

订阅框架网页