web技术

2012年，Web 开发领域继续在快速的发展， HTML5 仍然在展示其跨平台的优越性， CSS3 被人们更多的应用到实际项目中，响应式设计（Responsive Design）技巧也被人越来越多的人熟知和使用。 　　技术的快速发展让很多人学习起来无所适从，幸运的是，很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案。 因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。 　　 这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表，从功能全面的 IDE 到美观、充满异国情调的小框架，小工具等等。他们能够帮助你降低 Web 开发过程中的复杂度，节省时间和精力。 01. Foundation 3 　　响应式设计（Responsive Design）似乎瞬间就发展起来了，各个网页设计的论坛或者社区都会讨论这个话题，大家都想知道如何实现响应式设计，有什么框架或好的解决方案。 　　 Foundation 3 ，由 ZURB 公司开发，号称世界上最先进的响应式前端框架。利用灵活的网格系统可以快速设计出页面布局。更妙的是，网格可以是你所需要的任何尺寸，它很容易适应各种尺寸的屏幕。 02. Proto.io 　　 Proto.io 是一个新的界面原型设计工具，专门针对移动应用程序。基于 Web

本博客为原创：综合 尚硅谷（http://www.atguigu.com）的系统教程（深表感谢）和 网络上的现有资源(博客，文档，图书等)，资源的出处我会标明 本博客的目的：①总结自己的学习过程，相当于学习笔记 ②将自己的经验分享给大家，相互学习，互相交流，不可商用 内容难免出现问题，欢迎指正，交流，探讨，可以留言，也可以通过以下方式联系。 本人互联网技术爱好者，互联网技术发烧友 微博：伊直都在0221 QQ：951226918 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 多个请求对应一个Servlet解析 如果我们每一个请求对应一个Servelt，这样的话，代码就显得比较臃肿，最主要的是，也不方便系代码的管理和优化 方式一： 　　 　 　　1. 思路：对于每一个页面请求我们设置成一个对应的方法

现在市场上的电子商务软件基本上可归结为两大阵营，即PHP阵营和Java阵营。但对接触电子商务不久的用户来说，看到的往往只是它们的表相，只是明显的价格差异，却很难看出它们之间的实际差异。其实，PHP+ MySQL高效的开发、品质优良的特性，已经让风靡大学校园的Java变的越来越难堪。而作为PHP+ MySQL为什么在历史的进程中，后来居上，独领风骚呢？为什么基于Java架构的的电子商务除了高额的开发成本，而变的前途暗淡呢?首先得明白PHP和Java之间的差异才行。 1、 出身 Java本来的设计初衷是为了家用消费电子产品开发一个分布式代码系统。 PHP就是为了互联网的应用而生的。 　　2、系统的技术架构比较 分层是将系统进行有效组织的方式，分而治之的思想是计算机领域中非常重要的思想。在好的分层思想引导下，便能实现“高内聚、低耦合”，也能将具体的问题割 裂开来，易于控制、易于延展，更易于分配资源。从PHP5版本之后，PHP对于系统架构方面也有了质的飞跃。ShopNC 采用PHP语言开发，可以完美的实现多层架构分布。运用MVC的设计模式，可使电子商务软件具有更加高效、合理的系统架构。使得系统在可拓展性、需求应变性上与Java编写的电子商务软件系统的毫不逊色。 Gutmans 在前年发表过一篇文章，其中也阐述了多核环境中多线程（JVM）与多进程（LAMP）的比较

本博客为原创：综合 尚硅谷（http://www.atguigu.com）的系统教程（深表感谢）和 网络上的现有资源(博客，文档，图书等)，资源的出处我会标明 本博客的目的：①总结自己的学习过程，相当于学习笔记 ②将自己的经验分享给大家，相互学习，互相交流，不可商用 内容难免出现问题，欢迎指正，交流，探讨，可以留言，也可以通过以下方式联系。 本人互联网技术爱好者，互联网技术发烧友 微博：伊直都在0221 QQ：951226918 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 1.面向接口编程的优势 　　1）增加了程序的课扩展性，降低耦合度。即，只需要知道方法就好了，具体的实现不关注。如果需要新的功能，添加在接口中添加方法的声明，还有具体的实现类，这就是可扩展性。 　　2）程序的可配置性。通过一个配置的修改，就可以达到不同的实现的目的

经过两天的折腾，终于自己搞定一个完整的分页项目。。。。。。眼都要瞎了。。。。。。有用信息全部展开了，整体截图如下： 1：DBC.java（数据库连接封装类） package com.common.db; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.Statement; public class DBC { private static String driver = "com.mysql.jdbc.Driver"; private static String url = "jdbc:mysql://localhost:3306/StaffRec"; private static String username = "root"; private static String password = "root"; static { try { /** * 加载驱动 */ Class.forName(driver); }catch(Exception ex) { ex.printStackTrace()

rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。 rem是什么？ rem（font size of the root element）是指 相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单 位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则是依赖根元 素一个是依赖父元素计算。 为什么web app要使用rem？ 这里我特别强调web app，web page就不能使用rem吗，其实也当然可以，不过出于兼容性的考虑在web app下使用更加能突显这个单位的价值和能力，接下来我们来看看目前一些企业的web app是怎么做屏幕适配的。 1、实现强大的屏幕适配布局： 最近iphone6一下出了两款尺寸的手机，导致的移动端的屏幕种类更加的混 乱，记得一两年前做web app有一种做法是以320宽度为标准去做适配，超过320的大小还是以320的规格去展示，这种实现方式以淘宝 web app为代表作，但是近期手机淘宝首页进行了改版，采用了rem这个单位，首页以内依旧是和以前一样各种混乱，有定死宽度的页面，也有那种流式布

目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做,web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处理有多么强大;在设计人员中web前端工程师是直接面向开发人员的设计人员，向开发人员以一种计算机语言的方式传递其设计理念，web前端工程师在整个团队中是很关键的。 　　Web前端工程师要掌握的基础知识和技能包括： 　　1、网页的基本结构(HTML + CSS) 　　HTML是一种标记语言，而不是编程语言，最基本是标签是和，CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门，但很多人不够深入，举几个例子： 　　签是作什么用的?margin-left与left有什么区别，应该在什么情况下使用?再出个DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对HTML+CSS还不够深入。 　　2、浏览器是怎么展现网页的 　　不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具，下图展现一个google首页在IE9下的加载细节： 　

首发至个人博客http://www.zidafone.com/blog/36 以下是对一些读过的书和一些买后随便翻了翻的书的个人感觉。 都是java web开发的程序员可能接触的书，其他的如设计/手机开发/其他语言的书就不写了，因为自己只做过java web开发，那些书没什么资格评判。 因为不是每本书都翻开确定一下再写的，可能有张冠李戴或记忆错误的情况，如发现了请指正。 如有好书我这里没列举到的，请补充。此书单将持续完善。 js书籍： 《Javascript权威指南》犀牛书 厚，唯一的顶尖著作，上册的每个章节都将一个知识点深入挖掘讲透，必看。下册API无关紧要。 《Javascript高级程序设计》 厚，与犀牛书有很大重叠，但感觉各个方面都不如犀牛书。可以看犀牛书之后随便翻翻这本书，有的地方可做补充。 《Javascript精粹》蝴蝶书 薄，让人喜欢javascript的一本书。 《Javascript DOM编程艺术》 薄，最佳入门书没有之一，对新手来说，前两本太厚让人望而生畏心生恐惧，这本书是优选，豆瓣评分高达8.7。 css书籍： 首先入门还是w3school的教程。大部分作为非美工的程序员就够用了。 看过几本不错的书但忘了名字，待补充。 《精通CSS高级WEB标准解决方案》 《CSS设计指南》 入门之后可以用来提高。 《CSS禅意花园》 非新手向

CGI 什么是CGI CGI全称通用网关接口，是一种让客户端（web浏览器）与web服务器（nginx等）程序进行通信（数据传输）的协议 用来规范web服务器传输到php解释权中的数据类型以及数据格式，包括URL、查询字符串、post数据、http header等，也就是为了保证webserver传递过来的数据是标准格式的 CGI可以用任何一种具有标准输入、输出和环境变量的语言编写，如php、perl、tcl等。不同类型语言写的程序只要符合cgi标准，就能作为一个cgi程序与web服务器交互，早期的cgi大多都是c或c++编写的 一般说的cgi指的是用各种语言编写的能实现该功能的程序 CGI程序的工作原理 每次webserver收到index.php这种类型的动态请求后，会启动对应的CGI程序（php的 解析器） php解析器会解析php.ini配置文件，初始化运行环境，然后处理请求，处理完成后将数据按照cgi规定的格式返回给webserver然后退出进行进程 最后webserver再把结果返回给浏览器 CGI程序的特点 高并发时性能较差 cgi程序的每一次web请求都会有启动和退出过程，也就是最为人诟病的fork-and-execute模式（每次HTTP服务器遇到动态请求时都需要重新启动脚本解析器来解析php.ini，重新载入全部dll扩展并初始化全部数据结构

赛门铁克2017年互联网安全威胁报告中提出在他们今年扫描的网站中，有76%都含有恶意软件。如果你在用WordPress，SUCURI的另一份报告也显示，超过70％的被扫描网站也都存在一个或多个漏洞。 如果你刚好是某个网络应用程序的所有者，怎样才能保证你的网站是安全的、不会泄露敏感信息？ 如果是基于云的安全解决方案，那么可能只需要进行常规漏扫。但如果不是，我们就必须执行例行扫描，采取必要的行动降低安全风险。 当然很多付费扫描器功能会更加全面、严谨，包含报表输出、警报、详细的应急指南等等附加功能。 开源工具最大的缺点是漏洞库可能没有付费软件那么全面。 1. Arachni Arachni是一款基于Ruby框架搭建的高性能安全扫描程序，适用于现代Web应用程序。可用于Mac、Windows及Linux系统的可移植二进制文件。 Arachni不仅能对基本的静态或CMS网站进行扫描，还能够做到对以下平台指纹信息（(硬盘序列号和网卡物理地址)）的识别。且同时支持主动检查和被动检查。 Windows、Solaris、Linux、BSD、Unix Nginx、Apache、Tomcat、IIS、Jetty Java、Ruby、Python、ASP、PHP Django、Rails、CherryPy、CakePHP、ASP.NET MVC、Symfony 一般检测的漏洞类型包括： NoSQL