web开发 | 易学教程

Web程序运行原理

阅读更多关于 Web程序运行原理

3 月，跳不动了？>>> 这篇文章用一个简单的示例回味一下Web程序的运行原理。在开始Web框架设计之前，有必要先讲一讲Web软件的运行原理。 Web软件和一般软件最大不同，就是Web软件是运行在一台服务器上，大家通过浏览器访问服务器来工作学习。而一般软件则是运行在用户手中的计算机设备里。从部署角度来讲，Web软件是一处部署服务各方。而一般软件则需要一台一台的去安装部署。照此分析，如今流行的App其实说白了也算是一般软件喽？其实从运行本质上来看是这样的。不同的是App运行在端上，这个端一般指的是Pad、手机或者智能设备。现如今一些智能路由器也支持App了，搞不好那天我们的插座上也能跑两个App。但是无论如何一对一的部署方式和Web一次部署服务各方这种方式。是有着本质的区别的，好了言归正传回到我们的话题上来。一个简单的Web应用程序所谓Web开发其实就是编写一个程序运行在一台机器上，然后通过浏览器访问这个应用。下面就展示一个非常简单的Web应用程序： import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.Reader; import java.net

如何使用微信web开发者工具调试企业微信

阅读更多关于如何使用微信web开发者工具调试企业微信

　　最近因工作需要围绕着企业微信来进行调试，从而掏出了我的微信web开发者工具，在进行授权的时候微信web开发者工具成功的提示了我：“您未绑定企业微信开发者权限”。那么关键来了，因为我也百度过，发现也有很多关于开发者如何绑定企业微信web开发者权限的。但是因为企业微信的展示页面稍微有点变化，所以我现在花费点时间来讲点废话。　　如何在微信web开发者工具开发企业微信　　第一步：　　　　下载开发者工具：　　　　官方文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140 　　　　win X64：http://dldir1.qq.com/WechatWebDev/release/0.7.0/wechat_web_devtools_0.7.0_x64.exe 　　　　win X32：http://dldir1.qq.com/WechatWebDev/release/0.7.0/wechat_web_devtools_0.7.0_ia32.exe 　　　　mac：http://dldir1.qq.com/WechatWebDev/release/0.7.0/wechat_web_devtools_0.7.0.dmg 　　　　　　第二步：　　　　进行微信扫描登录，扫描是肯定可以成功的

WEB前端面试题查询整理

阅读更多关于 WEB前端面试题查询整理

HTML+CSS 1.对WEB标准以及W3C的理解与认识？（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率；（2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的分离，提高页面的渲染速度，能更快地显示页面的内容；（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，从而降低维护成本、改版更方便；（4）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性；遵循w3c制定的web标准，能够使用户浏览者更方便的阅读，使网页开发者之间更好的交流。 2.xhtml和html有什么区别? HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言；最主要的不同： XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。标签名必须用小写字母。 XHTML 文档必须拥有根元素。 3.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 用于声明文档使用那种规范（html/Xhtml）一般为严格过度基于框架的html文档加入XMl声明可触发，解析方式更改为IE5.5 拥有IE5.5的bug 4.行内元素有哪些?块级元素有哪些?CSS的盒模型? 块级元素：div p h1 h2 h3

静态网页和动态网页

阅读更多关于静态网页和动态网页

一、静态web页面： 1、在静态Web程序中，客户端使用Web浏览器（IE、FireFox等）经过网络(Network)连接到服务器上，使用HTTP协议发起一个请求（Request），告诉服务器我现在需要得到哪个页面，所有的请求交给Web服务器，之后WEB服务器根据用户的需要，从文件系统（存放了所有静态页面的磁盘）取出内容。之后通过Web服务器返回给客户端，客户端接收到内容之后经过浏览器渲染解析，得到显示的效果。 2、为了让静态web页面显示更加好看，使用javascript／VBScript／ajax（AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。）但是这些特效都是在客户端上借助于浏览器展现给用户的，所以在服务器上本身并没有任何的变化。 3、静态web无法连接数据库； 4、静态web资源开发技术：HTML； 5、由于现在的web页面中，大量使用JS，导致浏览器打开页面，就会占用大量的内存，服务端的压力是减轻了，但压力转移到了客户端。二、动态web页面：动态WEB中，程序依然使用客户端和服务端，客户端依然使用浏览器（IE、FireFox等），通过网络(Network)连接到服务器上，使用HTTP协议发起请求（Request），现在的所有请求都先经过一个WEB

【原】移动web页面兼容处理的思考

阅读更多关于【原】移动web页面兼容处理的思考

本月收到一份关爱里程碑的邮件，入职满3周年了，从一个懵懂的新人到从容淡定的小油条，在外辛苦打工不容易，能收到一封简单的关怀邮件也是有感欣慰，这里祝愿公司越发展越好。进入主题，移动网页设计中，很多同学常问一个问题：这么多种移动设备，要兼容哪几类呢？相信很多人会回答主流的系统ios、android，但是这2个系统又有多个版本，如ios就有4、5、6、7，android有2.2、2.3、3.0、4.1、4.2，包括我之前提到winphone 8，大家也在考虑到底该不该兼容，这是一件非常头疼的事情，主要在对一些特殊机器(ios 4、android 2.2-2.3)的处理，需要消耗不少的时间和精力，而且不一定能解决问题，反而会增加工作成本。上图是在公司遇到过一个场景，苹果的ios 4于2010年6月份上市，ios 5于2011年10月推出，而目前国内ios系统最新版本是7.1.2，在2年前我还是会做好ios 4的兼容，可4年过去了，虽然手机系统更新特别快，而仍然存在顽固的ios 4用户呢，想想可能的原因是这部分用户的机器越狱了，不想升级系统。往往我们会下意识得感知到目前ios 4、android 2.2、winphone的用户极少，就因为周围几乎没有人使用，单凭这样的理由说服产品经理或者老板放弃对该版本的兼容，不具备说服力，反而会遭到挑战，要不要放弃这部分用户，我们可以通过真实的数据

linux入门系列18--Web服务之Apache服务1

阅读更多关于 linux入门系列18--Web服务之Apache服务1

前面系列文章讲解了Linux下通过文件传输、文件共享、邮件系统来分享和获取资源，本文讲解网络资源获取和共享的另外一种形式，通过Apache服务程序来提供Web服务。本文先讲解目前主流的Web服务程序以及各自的特点和优势，然后以Apache服务为例讲解Linux下Web网站的部署，并在部署过程中穿插讲解SELinux的使用。最后在以示例讲解Apache的虚拟主机功能及访问控制。一、Web服务程序分类我们平时在互联网上访问的网站服务就是Web服务，比如我们常用的百度网站，他就是一个Web网站。Web网络服务，一般是指允许用户通过浏览器访问到其中各种资源的服务。 Web网络服务是一种被动访问的服务程序，当接入到互联网中的用户主机发出请求后，Web服务才会响应并通过HTTP或HTTPS把请求的内容回传给用户。示意图如下：目前提供Web服务的程序有：IIS、Apache、Ngnix等。 1.1 IIS IIS(Internet Information Services)：互联网信息服务，是Windows系统中默认的Web服务程序。它是一款带图形化界面的网站管理工具，不仅提供Web网站服务，还可以提供FTP、SMTP等服务，功能丰富。但是由于它是用在Windows系统中，因此不介绍它。 1.2 Apache Apache程序是目前市场上占有率很高的Web服务程序之一，其特点是跨平台

前端Web开发MVC模式-入门示例

阅读更多关于前端Web开发MVC模式-入门示例

MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架：model模型是理解成服务器端的模块程序；view为发送给客服端的内容；control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分：js程序员和ue页面制作、另外从整个前端项目的清晰明朗可以扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目？例如需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <html> <head> <title> example </title> </head> <body> <input type="button" value="baidu" onclick="alert(this.value);"/> </body> </html> 说明：如上写法的好处：简单、直接；严重的弊端：如果都是这样写法，页面代码很大的时候，修改js代码还需要查找整个页面，导致整个页面非常混乱。批注：类似与 jsp中直接嵌入java片段语句。 2、将html和js代码进行适当分离：（view和model control在同一页面适当分离）修改以上的写法： <html> <head> <title> example </title> </head>

简单理解前端web开发的MVC模式

阅读更多关于简单理解前端web开发的MVC模式

随着前端Ajax兴起、前端开发工作进一步划分：js开发和ui页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。例如需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value="baidu" onclick="alert(this.value);"/> </BODY> </HTML> 说明：如上写法的好处：简单、直接；严重的弊端：如果都是这样写法，页面代码很大的时候，修改js代码还需要查找整个页面，导致整个页面非常混乱。 2、将html和js代码进行适当分离：（view和model control在同一页面适当分离）修改以上的写法： <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value="baidu" onclick="tipInfo(this);"/> <SCRIPT LANGUAGE="JavaScript"> <!-- function tipInfo(obj){ alert

ASP.NET MVC 4, ASP.NET Web API 和ASP.NET Web Pages v2(Razor)现在都是开源了

阅读更多关于 ASP.NET MVC 4, ASP.NET Web API 和ASP.NET Web Pages v2(Razor)现在都是开源了

[原文发表地址] ASP.NET MVC 4, ASP.NET Web API and ASP.NET Web Pages v2 (Razor) now all open source with contributions [原文发表时间] 2012-03-28 12:05 星期二快乐！它确实是快乐的一天, （字面上这一刻) 正如我在拉斯维加斯的一次会议上，刚刚点击发布按钮来发布这篇博文，以此来宣布 ASP.NET MVC 4 ， ASP.NET Web API ， ASP.NET Web Pages v2 （ Razor ）都成为开放源代码了，所有的贡献程序都在 Apache 2.0 许可证下。你可以在 CodePlex 上查找源。请务必阅读 ScottGu 的博客中的详细信息。耶，我加粗、加下划线和斜体的最后部分，是的，这是无偿的。;) 这是在我们组织中的许多人艰辛工作的结果。这也正是我来微软工作的原因。所以，这里发生了什么？自从成立以来， ASP.NET MVC 已经是开源的了，在 2009 年 4 月转换为了 MS PL 许可证，开发人员没有从社区采用贡献程序。我们在开放源代码时，我们没有“开放源码，索取回报”。今天我们继续前进，现在 ASP.NET MVC，Web API, Web Pages将会从社区采纳贡献的程序。来自 OuterCurve

单页Web应用优缺点

阅读更多关于单页Web应用优缺点

一、定义单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户的交互。由于避免了页面的重新加载，SPA 可以提供较为流畅的用户体验。二、优缺点单页Web程序的出现是富客户端发展的必然结果，但是该技术也是有些局限性，所以采用之前需要了解清楚它的优缺点。 1、优点： 1).良好的交互体验用户不需要重新刷新页面，获取数据也是通过Ajax异步获取，页面显示流畅。 2).良好的前后端工作分离模式单页Web应用可以和RESTful规约一起使用，通过REST API提供接口数据，并使用Ajax异步获取，这样有助于分离客户端和服务器端工作。更进一步，可以在客户端也可以分解为静态页面和页面交互两个部分。 3).减轻服务器压力服务器只用出数据就可以，不用管展示逻辑和页面合成，吞吐能力会提高几倍； 4).共用一套后端程序代码不用修改后端程序代码就可以同时用于Web界面、手机、平板等多种客户端； 2、缺点： 1).SEO难度较高

订阅 web开发