精华内容
下载资源
问答
  • web网页开发

    万次阅读 多人点赞 2018-09-19 11:08:22
    这里主要总结,web网页开发,即我们经常所看见的淘宝,新闻等网页。我们将一个所见的网页中每次刷新不变的部分,称为静态。这些静态由HTML和CSS组成,他们形成了网页的样式。HTML是一种标记语言,用来结构化我们的...
    这里主要总结,web网页的开发,即我们经常所看见的淘宝,新闻等网页。我们将一个所见的网页中每次刷新不变的部分,称为静态。这些静态由HTML和CSS组成,他们形成了网页的样式。HTML是一种标记语言,用来结构化我们的网页内容和赋予内容含义(形成树形结构),例如定义段落、标题、和数据表,或在页面中嵌入图片和视频。CSS 是一种样式规则语言,例如设置背景颜色和字体,内容的排版,然后我们将这些样式应用于我们的HTML。

    可参考教程:MDN


    一个简单的HTML文件人下所示:

    <!DOCTYPE html>
    <html>
    	<head>
    	/*head主要有HTML的标题,指定你的文档中字符的编码,作者和描述,在HTML中应用CSS和JavaScript等	*/
    		<meta charset="UTF-8">
    		<title></title><!--标题-->
    		<link rel="stylesheet" type="text/css" href="css/css.css"/><!--引用外部css-->
    		<style type="text/css">/*使用内部CSS*/
    			.hello{
    //    设置class=hello的样式
    				color: red;
    			}
    		</style>
    	</head>
    	<body>
    	//body是HTML的主要内容,描述了页面的结构。
    		<h1>hello</h1>
    		<div class="hello">	
    		</div>
    	</body>
    	<script src="js/main.js" type="text/javascript" charset="utf-8"></script><!--引用外部js-->
    	<script type="text/javascript">/*使用内部js*/
    		var hello=document.querySelector(".hello");<!—采用DOM的API,引用html中的元素-->
    		var newhello=document.createElement("button");<!--新建html中的元素-->
    		newhello.textContent="botton";//设置这个元素的属性以及内容
    		hello.appendChild(newhello);<!--在元素后面新插入元素-->
    		newhello.onclick()=function (){
    			/*onclick 为鼠标点击事件
    			 鼠标点击时,触发事件,运行后面的函数function*/
    		}
    		function hanshu (){
    //			单独的函数
    		}
    	</script>
    </html>
    
    
    如果说HTML和css帮助我们完成了页面上的样式的设计,那么JavaScript就帮助我们完成与用户之间的交互,如用户点击,滑动,输入等。Js(JavaScript的简称)是一种编程语言,允许你创建动态更新的内容,控制多媒体,图像动画,和一些其他的东西。JS通过对HTML上元素的引用对网页上产生的事件(浏览器中发生的动作,例如点击按钮,加载页面或播放视频)进行响应。

    大多数现代的web站点是动态的—它们在服务端使用各种类型的数据库来存储数据(服务器), 之后通过运行服务器(server-side) 代码来重新获取需要的数据,把其数据插入到静态页面的模板中,并且生成出HTML渲染到用户浏览上。为此使用HTTP/HTTPS协议在 Web 上进行数据交换,并在数据传输的过程中需经过DNS和TCP/IP 协议。它是client-server协议。客户端和服务端通过交换各自的消息(与数据流正好相反)进行交互。由像浏览器这样的客户端发出的消息叫做 requests,被服务端回应的消息叫做
    responses。它是应用层的协议,通过TCP(HTTP),或者是TLS(加密的TCP ,HTTPS)连接来发送。

    举个例子:
    当你在浏览器里输入一个网址时(在我们的例子里就是走向商店的路上时):

    1. 浏览器在域名系统服务器(DNS)上找出存放网页的服务器的实际地址(IP地址)(找出商店的位置)。
    2. 浏览器发送 HTTP 请求信息(数据的传输遵守TCP/IP 协议)到服务器来请拷贝一份网页到客户端(你走到商店并下订单)。
    3. 服务器同意客户端的请求后,会返回一个“200 OK”信息,同意传输,然后开始将网页的文件以数据包的形式传输到浏览器。
    4. 浏览器将数据包聚集成完整的网页然后将网页呈现给你。

    这样一个简单的网页就完成了,但是在实际过程中,仍会许多问题。比如:HTTP是无状态的:在同一个连接中,两个执行成功的请求之间是没有关系的。这就带来了一个问题,用户没有办法在同一个网站中进行连续的交互,比如在一个电商网站里,用户把某个商品加入到购物车,切换一个页面后再次添加了商品,这两次添加商品的请求之间没有关联,浏览器无法知道用户最终选择了哪些商品。再比如:如果传输的数据较多,较大,那么每次交互时,均重新请求时,用户需等待较长时间,体验不好。为解决这些问题,开发人员们设计了AJAX,缓存,web worker,CORS等技术。


    Asynchronous JavaScript and XML(Ajax):异步,指无需重新加载整个页面的情况下,只更新部分页面的技术。主要是通过XMLHttpRequest ()(通常缩写为XHR)或 Fetch()来请求。为了进一步提高速度,有些网站还会在首次请求时将资产和数据存储在用户的计算机上,这意味着在后续访问中,他们将使用本地版本,而不是在首次加载页面时下载新副本。 内容仅在更新后从服务器重新加载。XHR允许你使用它的 onload 事件处理器来处理这个事件 — 当onload 事件触发时(当响应已经返回时)这个事件会被运行。
    image
    AJAX代码:

    var request = new XMLHttpRequest();
    request.open('GET, url);
    request.responseType = 'text';//XHR默认返回文本,可修改格式
    request.onload = function() { 
    var.textContent = request.response;//返回 };
    request.send();
    
    

    与XHR不同,fetch()返回一个解析HTTP响应的promise,它将解析从服务器发回的响应。我们使用then()来运行一些后续代码,这是我们在其内部定义的函数。这相当于XHR版本中的onload事件处理程序。
    Fetch代码:

    fetch(url).then(function(response) {
    response.text().then(function(text)
     {//text() 也返回了一个 promise 
    var.textContent = text;
    }
    }
    
    

    对于前面所说的,将资产和数据存储在用户的计算机上,主要才采取cookie,sessionStorage和 localStorage。这些参数均可在浏览器的开发者模式中application中查看。Cookie可以采用http头部扩展的方式,把Cookies添加到头部中,创建一个会话让每次请求都能共享相同的上下文信息,达成相同的状态。注意,HTTP本质是无状态的,使用Cookies可以创建有状态的会话。sessionStorage,只要浏览器开着,数据就会一直保存 (关闭浏览器时数据会丢失)。localStorage,一直保存数据,甚至到浏览器关闭又开启后也是这样。每个域都有一个单独的数据存储区,无法交错使用。Session,由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户.典型的场景比如购物车,当你点击下单按钮时,由于HTTP协议无状态,所以并不知道是哪个用户操作的,所以服务端要为特定的用户创建了特定的Session,用用于标识这个用户,并且跟踪用户,这样才知道购物车里面有几本书。这个Session是保存在服务端的,有一个唯一标识。Session是在服务端保存的一个数据结构,用来跟踪用户的状态,这个数据可以保存在集群、数据库、文件中;
    Cookie是客户端保存用户信息的一种机制,用来记录用户的一些信息,也是实现Session的一种方式。

    如果你的网站需跨域,去获取资源,则需要使用CORS(Cross-Origin Resource Sharing)技术。这是HTML5定义的如何跨域访问资源的方法。Origin表示本域,也就是浏览器当前页面的域。当JavaScript向外域(如sina.com)发起请求后,浏览器收到响应后,首先检查Access-Control-Allow-Origin是否包含本域,如果是,则此次跨域请求成功,如果不是,则请求失败,JavaScript将无法获取到响应的任何数据。
    假设本域是my.com外域是sina.com,只要响应头Access-Control-Allow-Origin为http://my.com,或者是*,本次请求就可以成功。
    可见,跨域能否成功,取决于对方服务器是否愿意给你设置一个正确的Access-Control-Allow-Origin,决定权始终在对方手中。

    展开全文
  • 分享超实用的web网页开发框架

    千次阅读 2017-09-14 17:16:57
    使用Web开发框架,可以帮助开发者提高Web应用程序、Web服务和网站等Web开发工作的质量和效率。如果没有这些框架,Web开发工作可能变得复杂和困难,开发者需要去做全部的工作,比如编写业务逻辑、设计用户界面、构建...

      使用Web开发框架,可以帮助开发者提高Web应用程序、Web服务和网站等Web开发工作的质量和效率。如果没有这些框架,Web开发工作可能变得复杂和困难,开发者需要去做全部的工作,比如编写业务逻辑、设计用户界面、构建数据库,并确保代码的稳定性和安全性。

     

    目前,互联网中有大量的Web开发框架,每个框架都可以为你的Web应用程序提供功能扩展。你可以让这些框架来分担你的工作,从错误和代码处理到逻辑验证等,你都可以使用一个优秀的框架来处理。

     

    Web开发框架是节省时间和减轻工作压力的比较好的解决方案,如果你计划开始Web开发,那么这些框架无疑是非常好的工具

     

     网页开发框架分享:

     

      这是一款很多人想要使用,但使用不了的网页框架,其中原因就不给大家详细说明了,如果你有机会使用这款框架,相信你会爱不释手,下面我们详细介绍一下。

     

    QUICKUI前端框架:

     

    QUICKUI是一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。

     

     选择QUICKUI 6大原因:

     

    1.功能最为强大

     

     

     

     

    QUICKUI经历了7年的迭代更新,不断从客户的各种业务中对组件的需求进行归纳和抽离,从而打造新的组件和功能。现在最新的4.0版本框架包含了一百多种组件,一千多个应用场景示例。可以说在前端框架领域中,QUICKUI拥有功能最强大组件库。

     

    2.运行最为稳定

      很多其他的第三方UI控件在简单场合使用OK,到了复杂的场景中就会出现很多问题,这种现象很常见,因为在组件设计时无法预料到所有的应用场合。而QUICKUI7年间经历了数千个项目实际检验,在各种复杂场景都应用过,并根据客户的反馈不断完善和调整。目前的第四代可以说是最稳定、最完美的版本。

     

    3.丰富精美的界面皮肤

     

     

      跟其他web前端框架仅仅是一套组件库不同,QUICKUI是一整套前端解决方案,拥有丰富的外观界面解决方案。采用现今流行的扁平化设计理念,推出了包括登录、响应式web、工作桌面、地图类、门户风格、大屏展示风格等等几百套制作精美、用户体验优秀的界面。这些界面是以QUICKUI皮肤包的形式发布,使用和更换都非常方便。

     

    4.事无巨细的开发文档

     

    QUICKUI拥有16万字+的开发文档,框架和组件的每一个功能点都有详细的讲解和代码示例,用于开发过程中随时查阅。除了框架机制讲解和组件使用教程,文档还涉及web前端开发的很多知识。仔细阅读并结合框架使用的话,你很快就能成为web开发的高手。

     

    5.上手开发非常容易

     

    QUICKUI采用组件化思想来构建组件,一个组件就是一两句html的标签,使用起来非常简单。将开发人员从繁琐的JS编码中解脱出来,很大程度减少前台编码的出错率;保留了HTML的布局方式,从而快速进行页面布局。对开发者前台技术要求也非常低,只需要了解html语法和一些简单的JS即可,从而把更多精力放在业务功能的实现上,极大地提高开发效率。

     

    6.浏览器兼容性非常好

     

    QUICKUI4.0使用了很多HTML5CSS3技术用于提高表现力和用户体验,这些新的特性在现代浏览器中会有很好的效果。但是,国内依然有大量的用户在使用IE7IE8等旧时代的浏览器,为照顾这部分用户,框架采用了渐进式思想,确保低版本浏览器也能正常使用。所以,QUICKUI兼容IE7以上所有主流浏览器。

     

    我们都知道使用一套好的前端框架会节约我们的开发时间,极大减少开发者的工作量,提高开发效率,还能做到功能强大、美观、兼容性好,这就是QUICKUI,你的开发小神器

    展开全文
  • 为了便于开发者灵活配置小程序,微信小程序开放了内嵌网页能力。...一、小程序内嵌网页web-view图文教程 1) 微信公众平台,登录小程序账号 2) 左侧-设置-开发设置-业务域名-配置 3) 小程序管理员微信扫码

    得意为了便于开发者灵活配置小程序,微信小程序开放了内嵌网页能力。这意味着小程序的内容不再局限于pages和large,我们可以借助内嵌网页丰富小程序的内容。下面附上详细的开发教程(含视频操作以及注意事项)


    一、小程序内嵌网页web-view图文教程



    1) 微信公众平台,登录小程序账号


    2) 左侧-设置-开发设置-业务域名-配置



    3) 小程序管理员微信扫码
     

    4) 填写小程序业务域名,域名需ICP备案
     


    5) 下载校检文件上传至服务器指定目录,保存



    6) 小程序业务域名配置完成



    7) 打开微信开发者工具,添加小程序项目


    8) 进入小程序调试,点击底部导航-外链页page10001,右侧找到page10001.wxml,删除原有代码,插入<web-view src=“ 业务域名/网页.html ”></web-view>
    备注:此处外链页为空白页,便于借助webview组件插入网页内容作对比


    9)ctrl+s保存查看小程序内嵌网页得内容
    备注:此处开发者需更新到教程库版本1.6.4



    二、小程序web-view注意事项



    1)业务域名需ICP备案,新域名备案24小时后即可配置,域名不支持IP地址及端口号

    2)下载校检文件,上传至服务器指定根目录

    3)开发者工具最新版-基础库版本1.6.4


    三、附上本次小程序web-view内嵌网页视频教程


    1)webview视频演示:https://www.zhihu.com/question/67564075/answer/258773999

    展开全文
  • [Web开发] IE8 网页开发参考文档

    千次阅读 2009-01-28 09:47:00
    以下是一些文档帮助Web 开发者了解IE8 内核引擎的变化,以便开发出更好更炫的网页。HTML and CSS Support: http://msdn.microsoft.com/en-us/library/cc817571.aspx CSS Compatibility and Internet

    IE8在兼容Web 标准方面做了巨大的改进,所以和以往的IE版本有非常大的差异。 以下是一些文档帮助Web 开发者了解IE8 内核引擎的变化,以便开发出更好更炫的网页。

    HTML and CSS Support:  http://msdn.microsoft.com/en-us/library/cc817571.aspx

     

    CSS Compatibility and Internet Explorer: http://msdn.microsoft.com/en-us/library/cc817571.aspx

     

    HTML and DOM Standards Compliance: http://blogs.msdn.com/ie/archive/2008/04/10/html-and-dom-standards-compliance-in-ie8-beta-1.aspx

    展开全文
  • Web前端开发学习2:动态网页

    千次阅读 2015-10-22 12:46:31
    一动态网页概述  动态网页是与静态网页相对应的,也就是说,网页 URL的后缀不是htm、html、shtml、xml等静态网页的常见形 式,而是以·aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一...
  • Java Web开发教程

    千次下载 热门讨论 2010-08-01 11:51:04
    Java Web开发教程Java Web开发教程Java Web开发教程Java Web开发教程Java Web开发教程
  • Web前端开发学习1:静态网页

    千次阅读 2015-10-21 12:20:12
    一静态网页概述  在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式的网页通常被称为“静态网页”,静态网页是 标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLASH动画、...
  • web开发网页数据分析工具

    千次阅读 2010-07-08 17:13:00
    1.FirebugFirebug ... 常方便,而且在各种浏览器下都能使用(IE,Firefox,Opera, Safari)。...总之就是一整套完整而强大的 ...WEB开发工具。再有就是其为开源的软件。  Firebug官网:http://getfirebug.com/
  • 在线测试网页性能和速度:http://speed.mmtrix.com/ 可以从各方面测试你页面的性能,分析当前页面存在的性能问题,网页开发,web开发必备工具
  • web开发中前端页面是如何跟后端服务器数据交互的

    万次阅读 多人点赞 2018-11-24 17:37:47
    前两个常用于静态网页,后面几个常用于动态网页。 这里前端网页以比较常见的 xx.html 和 xx.jsp 网页作为介绍,其它类似 一、静态页面xx.html如何跟后台交互: 先来看一个最简单的登陆界面源代码 &lt;...
  • WEB前端开发简易网页制作

    千次阅读 多人点赞 2020-04-04 12:54:27
    效果 ...网页代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body{ ...
  • 这篇文章只是我深入了解移动领域开发过程...1:移动web开发 这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是三足鼎立IEfirefox chorme。手机网页可以理解成pc
  • 移动端Web开发

    千人学习 2019-09-23 15:58:04
    HTML5是移动端开发最常用的技术,熟悉HTML5新标签和Api以及CSS3的新的Api,可以使你的网页更加的绚丽多彩,并且开发出你意想不到的网页效果。学完此课程,你编写的代码就可以移动设备上完美兼容啦。
  • Java Web中动态网页开发基础重点总结

    千次阅读 2019-01-10 23:32:24
    使用集成开发工具创建Web项目: 在MyEclipse中创建Web项目:File -> New -> Web Project 为项目命名并调整相关设置 查看项目目录结构   部署Web项目方法一: 1. 配置Tomcat a. Window -> ...
  • Web开发中添加网页图标的方法

    千次阅读 2011-02-09 11:59:00
    前段时间刚学会怎么在网页中添加网页图标,现在就迫不及待跟大家分享。 //网页小图标 //地址栏左侧的小图标 本人也是菜鸟,希望对初学者有所帮助。
  • python Web开发

    千次阅读 2018-12-27 17:50:04
    本文参考自廖雪峰老师的python教程,旨在理清用python做web开发的思路。 一,HTTP 二,请求一个网页的流程 三,WSGI 四,Web框架 五,模板 六,总结 一,HTTP http get请求格式: GET /path HTTP/1.1 ...
  • 腾亚幕墙Web开发基础教程

    万次阅读 2021-07-06 10:06:03
    Web开发可以分为两种方式: 前端开发 后端开发 前端开发:用户直接交互的网站部分称为前端。它也被称为应用程序的“客户端”。 前端开发路线图: HTML : HTML 代表超文本标记语言。它用于使用标记语言设计网页的前
  • 基于Python的Web开发

    万次阅读 2019-02-26 11:24:29
    下面来介绍一下基于Python语言的Web开发中几种常见的Web开发框架; 1、Python语言是第四代程序设计语言,是解释性的、交互性的和面向对象的。它在Web应用和非Web应用中都发挥了重要的作用。比如Google的核心代码是...
  • 从零开始学习移动端Web开发

    万次阅读 多人点赞 2017-05-11 13:19:57
    从传统的安卓、IOS原生手机系统应用开发,转向了移动端Web开发或者是混合开发,既然有需求,那就让我们一起来学习移动端Web开发吧。本文旨在让读者以最快的时间了解移动Web开发基础以及介绍一些常见问题。基础准备...
  • , response_type 是 填code, scope 是 应用授权作用域,拥有多个作用域用逗号(,)分隔,网页应用目前仅填写snsapi_login即可 ,state 否 用于保持请求和回调的状态,授权请求后原样带回给第三方。该参数可用于...
  • 参考链接:http://www.jb51.net/web/12422.html 邮件编写HTML网页正常显示实现方法: 1、问题:将HTML网页嵌入邮件中以html形式发送出去,但是不同的邮箱解析不一样,有的邮箱能正常显示,有的邮箱不能正常显示,...
  • 如何学好python web开发

    千次阅读 2018-07-05 16:39:42
    我现在虽然从事互联网相关的工作,但是也一直没有接触过Web开发之类的东西,不过兴趣终归还是要有的,还要自己动手去实践的。Web开发的途径有好多种,比如传统的.Net,还有很火爆的Java。 Python作为一种灵活好学的...
  • 现在web前端开发一定会用到的三门技术:HTML、CSS、JavaScript。无论是多么炫酷的页面都是这三门技术的组合而形成的。 HTML,超文本标记语言,标准通用标记语言下的一个应用。包括“头”部分(英语:Head)、和“主体...
  • java后端开发(一):基本认知之web开发是什么

    千次阅读 多人点赞 2018-08-05 13:22:10
    数据库设计学完后,接着来了解一下到底什么是web开发,在脑海中形成宏观的感受。本文主要讲述web开发的相关背景知识
  • Web Developer是一款Web开发人员必备的浏览器实用插件,它提供了多种模块让开发人员可以在工具栏中便捷地对网页的HTML、脚本、多媒体、CSS、缓存、图象等网页内容进行调试。Web Developer适用于Chrome,Firefox和...
  • 常用移动web开发框架

    千次阅读 2019-05-01 17:13:12
    纯粹的总结一下移动web开发框架,移动web开发框架有jQuery Mobile 、Sencha Touch等等,他们都来源于web开发,是成熟的框架,jQuery Mobile出自于jQuery家族,Sencha Touch来自于ExtJS。jQuery Mobile 和Sencha Touch...
  • 在接下来的几个月时间里,我打算写一系列关于完整web开发的文章。这第一篇文章虽然有所粗略,但也能够充分概括了在之前15年或者更久的时间里web应用程序如何进行演变。并且最后我会囊括下这段时间内所写的相关技术。...
  • 移动端web开发笔记(一)

    万次阅读 多人点赞 2018-07-15 20:33:43
    先搞清楚两个概念,移动端web开发,web app开发1、 移动web开发(pc端的页面用手机浏览器打开)这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天 下。手机...
  • ts上传至后台后,实现在线预览视频的功能,如何实现网页在线播放ts视频,或者后台将ts格式转码成其他视频,在liunx系统后台可用
  • JAVA Web开发基础知识

    千次阅读 2020-02-15 18:34:44
    在做渗透的期间,JAVA Web类型的网站是见过最多的(大部分的国企,大型企业都是用的JAVA Web),也是最难的,因为涉及到JAVA Web开发方面众多的框架。由于对JAVA Web方面的知识不是很了解,所以特此整理一番。 JAVA ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 381,394
精华内容 152,557
关键字:

网页web开发