框架网页

Iframe内联框架

有些话、适合烂在心里 提交于 2020-02-26 00:21:13
iframe:内联框架标签,用于在网页中任意的位置嵌入另一个网页 <iframe src="url地址"> </iframe> iframe标签的常用属性   <iframe width="200" height="200" scrolling="no" frameborder="0" src="URL" allowtransparency ></iframe>   width和height默认单位名称为px,也可以使用%   scrolling="no" 禁止使用滚动条   frameborder=“0” 数字0代表无边框 1代表有边框   allowtransprency=true 透明显示 默认情况下iframe的背景是透明的,要想兼容一些版本较旧的浏览器,需要按照下面的方式写代码 另外还需要将border的背景颜色设置为 Background-color:transparency; 来源: https://www.cnblogs.com/xiaowie/p/9724189.html

内联框架(iframe元素)

人走茶凉 提交于 2020-02-26 00:20:31
iframe元素允许 网页设计者 在一个网页文本块中插入和显示另一个网页,这也被称为内联框架。 使用html框架可以在多个视图窗口中展示网页,视图可以是独立窗口或者子窗口。多视图模式提供给网页设计者一个方法,使用该方法,可以实现保持某一个视图始终可视,而其它视图可以滚动或者也可以被替换掉。 1.使用iframe元素的src属性可以定义框架所指向的文档资源,这是框架窗口的初始内容,可以是一个html文档,也可以是一个图片。当浏览器加载网页文档完成时。就会加载框架窗口的初始文档。 <iframe scr="index.html" width="300" height="50"> </iframe> <iframe scr="images/dog.png" width="300" height="50"> </iframe> 如上面代码,可以使用width和height属性指定框架的宽度和高度。 当然也可以使用srcdoc属性直接指定要显示的html文本。属性值是html语法的字符串、例如下面代码,使用srcdoc属性定义内容: <iframe srcdoc="<p>这是一副小狗图片</p>"scr="images/dog.png" width="300" height="50"> </iframe> 不过目前没有浏览器支持该属性。 来源: https://www.cnblogs.com

GitHub上整理的一些工具

放肆的年华 提交于 2020-02-25 11:50:11
技术站点 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同上 MSDN:微软相关的官方技术集中地,主要是文档类 infoq:企业级应用,关注软件开发领域 OSChina:开源技术社区,开源方面做的不错哦 cnblogs,51cto,csdn:常见的技术社区,各有专长 stackoverflow:IT技术问答网站 GitHub:全球最大的源代码管理平台,很多知名开源项目都在上面,如Linux内核, OpenStack等免费的it电子书: http://it-ebooks.info/ DevStore:开发者服务商店 不错的书籍 人件 人月神话 代码大全2 计算机程序设计艺术 程序员的自我修养 程序员修炼之道 高效能程序员的修炼(成为一名杰出的程序员其实跟写代码没有太大关系) 深入理解计算机系统 软件随想录 算法导论(麻省理工学院出版社) 离线数学及其应用 设计模式 编程之美 黑客与画家 编程珠玑 C++ Prime Effective C++ TCP/IP详解 Unix 编程艺术 《精神分析引论》弗洛伊德 搞定:无压力工作的艺术 平台工具(都是开源的好东东哦) Redmine/Trac:项目管理平台 Jenkins/Jira(非开源):持续集成系统(Apache Continuum,这个是Apache下的CI系统,还没来得及研究)

一款优秀的前端框架——AngularJS

烂漫一生 提交于 2020-02-23 16:40:57
前 言 AngularJS是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框架。AngularJS有着诸多特性,最为核心的是: MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入 等等。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 HTML 页面。   AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。   AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。   AngularJS最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护。它的最新版本是1.3.14。  各个AngularJS版本下载: https://github.com/angular/angular.js/releases 1. 走进 AngularJS AngularJS是为了克服HTML在构建应用上的不足而设计的。 AngularJS 使得开发现代的单一页面应用程序(SPAs:Single Page Applications)变得更加容易。 AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。

框架集和其他标签

假装没事ソ 提交于 2020-02-23 06:58:18
其他标签: 滚动标签:<marquee></marquee> 属性:direction 滚动方向 做分割线:<hr /> 标记文字:<mark>文字 </mark> 网页里面嵌入视频:1)找到视频 2)点击左下角分享 3)选择复制HTML代码或通用代码 4)粘贴复制 <body> <hr /> <marquee direction="down">滚动文字</marquee> <hr /> <mark>标记文字</mark> <embed src='http://player.youku.com/player.php/sid/XMjgxMDczMjkxNg==/v.swf' allowFullScreen='true' quality='high' width='480' height='400' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed> </body>    框架集: <frameset></frameset> 去掉body用frameset frameborder="no" 去掉分割线 <frame src="网页地址"> 属性:scrolling="no" 取消显示滚动条 <html xmlns="http://www.w3.org/1999

【总结整理】《用户体验要素》-学习

浪子不回头ぞ 提交于 2020-02-23 04:25:23
对于企业外项目:用户体验为转化率铺垫,查看ROI(return on investment) 对于企业内项目:优点:1.帮助人们工作得更快 2.减少他们犯错的几率 用户体验做的好:为企业创造价值的项目(工具效率改进,会直接提升企业的整体生产力) 不好:变成资源消耗噩梦的项目 科技产品的可用性不够简单,会让人们觉得自己很笨,累的筋疲力尽,要求:简单、容易使用、不令人沮丧、没有不必要的复杂性 表现层:一系列网页 框架层:按钮、控件、照片、文本区的位置;框架层用于优化设计布局,以达到这些元素的最大的效果和效率:在你需要的时候能记得并找到购物车的按钮在哪里 结构层:比框架层更抽象,框架是结构的具体表达方式; 对比:框架决定了某个页面的交互元素的位置,而结构层用来设计用户如何到达某个页面,并且在他们做完事情以后能去什么地方, 框架层定义导航条上各类元素的排列方式,允许用户可以浏览不同的商品分类,结构层则确定哪些类别应该出现在哪里 范围层:结构层确定网站各种特性和功能最合适的组合方式,这些特性和功能就构成了网站的范围层。任何一个功能是否应该成为网站的功能之一,属于范围层要解决的问题; 战略层:网站范围基本上是由网站战略层所决定的,战略层包括了经营者想从网站得到什么,还包括用户从网站得到什么,比如电商:买卖商品;但是促销或者广告就不那么清晰; 五个层面:战略、范围、结构、框架、表现

最近学到的知识概述,求大神指点后续的路该怎么规划

天大地大妈咪最大 提交于 2020-02-22 13:53:24
求大神指导迷津: 前端的路,已经走了一年多了,从懵懂地编码到现在的熟悉的操作,学会使用了svn、git、webstrom这些版本控制和开发软件,尤其是当学会用webstrom进行git提交代码时,才很惊喜的发现,学会使用好用的工具可以节省很多时间,大大提升工作的效率!【工具很重要】。 在搭建好的框架下,去开发设计好的网页图,对我来说都是没问题的了,前段时间,在没有人指导的情况下,自己摸索着在现有的框架下,调用ztree完成一个功能,包括API接口该如何设计、保存后如何向后台传数据。【自学能力在成长】。 之前很少自己去设计接口,最近的项目让我有了这个学习机会。接口一般需要哪些参数,(result_msg、result_code、data存放json数据),请求到数据后该如何处理(要思考值为null、undefined、length==0等情况,是数组的话,要遍历数组的属性又要注意什么)【思考】 有使用angularJS的框架,去做左侧菜单的动态加载时,遇到同步异步的问题,导致请求的列表无法显示。意识到这基础的知识还是要先补充牢靠,用的时候不至于模模糊糊。【基础要牢靠才行】 每天一小时在啃那本厚厚的书《Javascript高级程序设计》,已啃到了原型链部分,由于自己看书的领悟力不高,只能先敲代码再去理解代码这样去写的优点、缺点、应用场景、是否是现在常用的做法。时而有些困惑

GitHub上整理的一些工具

守給你的承諾、 提交于 2020-02-21 14:29:20
GitHub上整理的一些工具 技术站点 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同上 MSDN:微软相关的官方技术集中地,主要是文档类 infoq:企业级应用,关注软件开发领域 OSChina:开源技术社区,开源方面做的不错哦 cnblogs,51cto,csdn:常见的技术社区,各有专长 stackoverflow:IT技术问答网站 GitHub:全球最大的源代码管理平台,很多知名开源项目都在上面,如Linux内核, OpenStack等免费的it电子书: http://it-ebooks.info/ DevStore:开发者服务商店 不错的书籍 人件 人月神话 代码大全2 计算机程序设计艺术 程序员的自我修养 程序员修炼之道 高效能程序员的修炼(成为一名杰出的程序员其实跟写代码没有太大关系) 深入理解计算机系统 软件随想录 算法导论(麻省理工学院出版社) 离线数学及其应用 设计模式 编程之美 黑客与画家 编程珠玑 C++ Prime Effective C++ TCP/IP详解 Unix 编程艺术 《精神分析引论》弗洛伊德 搞定:无压力工作的艺术 平台工具(都是开源的好东东哦) Redmine/Trac:项目管理平台 Jenkins/Jira(非开源):持续集成系统(Apache Continuum

HTML入门

坚强是说给别人听的谎言 提交于 2020-02-20 14:55:21
一、简介 1、前端开发最核心技术 我们知道,用所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。 (1)HTML是什么? HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。 (2)CSS CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS。 (3)JavaScript JavaScript是一门脚本语言。 、前端开发其他技术 前端技术最核心的是HTML、CSS和JavaScript,但是对于一个真正的前端工程师来说,哪怕你精通这三个,你也不能称为一个真正的“前端工程师”。因为前端技术除了HTML、CSS和JavaScript这三种,还需要学习Ajax、SEO等。 (1)Ajax Ajax,即“Asynchronous Javascript And XML(异步JavaScript和XML)”,是指一种创建交互式网页应用的网页开发技术。 通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新

ASP.NET MVC学前篇之Ninject的初步了解

a 夏天 提交于 2020-02-17 23:20:11
ASP.NET MVC学前篇之Ninject的初步了解 1.介绍 废话几句。Ninject是一种轻量级的、基础.NET的一个开源IoC框架,在对于MVC框架的学习中会用到IoC框架的,由于这样的IoC开源框架有非常多,本篇的主题仅仅有一个,就是让阅读过本篇幅的朋友逗知道IoC框架在项目中的作用,以及它的重要性。 这样做的目的是以便在以后的学习工作中选择自己中意的一个IoC框架来学习、使用,或者是自己去实现一个。好了,不废话了。 2.环境准备 1.新建个4.0Framework的一个控制台应用程序项目,名称为IoCDemo 2.在 http://www.ninject.org/download 网页中,下载Version 2.2版本号的Ninject程序集(之前版本号的不支持4.0库)。下载完毕解压后会看到如图1里的几个文件,在这里你仅仅须要关心名称为Ninject的文件,其他的忽略掉。 图1 3.在项目中新建个Lib文件夹,并把Ninject.dll、Ninject.pdb和Ninject.xml三个文件复制到文件文件夹下,而且加入引用到项目中。 如图2: 图2 环境准备工作做好了,能够安心的来看演示样例了。捎带一句Ninject.xml文件是程序集文件的凝视。只是都是英文的,对于姿势水平不高的屌丝来说这并不算是福利。当然也包含本人。(ps:谷歌翻译什么的非常好用) 3.初步认识