web开发

某厂面试归来，发现自己落伍了！>>> 智能手机已经从各个方面改变了大家的生活，通过手机打车、玩游戏、工作、定外卖、刷新闻、聊天交友等等，已经成为日常现象。传统网站、论坛的访问量大幅度下滑，转型移动互联网已经是时代趋势 。 对于企业来说，要想拥有自己的移动互联网阵地，主要分为三种：原生App、web版H5和微信小程序，特备是后两者现在特别火 。推荐一款可同时实现APP/h5/小程序的快速配置框架。这款开发框架的手机端可视化开发----使用简单，会数据库就可以用。演示一下移动开发的快速配置。移动开发向导包含了移动开发的核心功能。 1. 点击移动应用设计，我们先做首页登录页面设计。可视化操作按向导开发，轻松就可以完成。 2.首页界面设置 这里主要配置移动端需要展示的内容，通常会有一些数据交互，选好数据表，到时需要用到时直接读取。只要会SQL语句就会做手机端开发，各种控件拖拽式设计，很轻松的就可以把炫丽的页面做完。这个功能适合做展示性的页面。 3、移动端功能页面设置 比如手机端做录入订单、商机、考勤等功能性页面，跟PC端开发差不多，做好后会生成代码。XJR会将这些解决方案生成好。可以打开它调试，生成APP、百度小程序、微信小程序、网站H5等。 这个 开发框架直接通过操作界面元素诸如文本框、按钮、编辑框、单选框、下拉框、附件框和图片框等拖拽拉方式实现，简单高效。 来源： oschina 链接

前端自学大概的路线图 因为刚开始学习，没有完整的前端知识体系，所以是大概的路线图，希望大家可以帮我一起修改完善。 大致的思路是：1.先打好基础，在学习框架。 基础方面主要涉及到的语言是Html、CSS、JavaScript，如果在这三个里面在挑基础的话应该就是Html、CSS了。 所以，2.基础知识里面先学Html,CSS。 Html\CSS学习计划 之前有过一个月的断断续续的学习，W3C的基础知识也看了，但是一到自己写页面还是不会。我就问自己为什么？我觉得可能的原因是，会HTML\CSS基础知识还不足以写出完整的静态页面，一定是我还缺少了某些知识和能力。 我觉得一个最重要的能力是：拿到设计图，首先是分析它，而不是直接写代码。 分析是一种能力，而HTML\CSS只是实现我们目标的工具，而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具，就像是我会搬砖，但并不知道怎么盖房子。 我认为这种分析能力是需要通过做大量完整的页面来锻炼的。 所以我大致的学习思路是：以最快的速度了解Html\CSS基础知识，然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。 1.快速掌握基本的HTML、CSS知识 网上有很多免费的HTML\CSS教程，但是为了快速，我推荐[marksheet]，这个教程的好处是它先介绍了web方面的基础知识，让大家对web有个宏观上的了解

Web应用性能分析工具—HAR文件 来源 https://raynorli.com/2018/06/11/web-performance-analysis-har-file/ 客户经常有的一个问题就是，我的网页服务通过你的设备之后，访问变慢了，这类直观感受的故障很不好量化，而且基于Web应用的架构，其实可能牵扯到很多问题，对于定位问题以及精确收集数据都会有不小的挑战。 现代Web网页都不是一个HTTP请求（request）就能搞定的，打开一个网页需要许多HTTP交互（transaction）才可以完整显示一个网页，有时候就是一个HTTP请求没有得到及时响应，造成了整体网页加载速度变慢，但是怎么找出这一个有问题的HTTP请求呢？ 如果是做过Web前端开发的同学会说，我们可以按F12，进入浏览器的开发者模式来查看各个请求所消耗的时间，这是个可行的方法，但是作为技术支持，没有办法长时间占用客户电脑来进行排查，那么有没有工具可以帮我们收集这部分信息呢？答案当然是肯定的。 通过开发者模式查看我们访问百度时实际浏览器所发出的所有HTTP交互 HTTP Archive format 又称 HAR 文件，是用来记录浏览器加载网页时所消耗的时间的工具。它可以记录每一个HTTP请求发出直到收到完整的HTTP响应中间所耗费的时间，可以迅速帮助我们知道是哪些HTTP请求没有得到及时的回复

　　自网站诞生以来，响应速度/响应时间一直都是大家关心的话题，而速度慢乃是网站的一个杀手，正当大家以为四核和宽带能力的提升能够解决这些问题时，Wi-Fi和移动设备为热点移动互联网又悄然兴起。 　　在2006年，Amazon曾做过一个报道，响应时间每提高100ms，他们便会增加1%的收入。优化的价值已显而易见，但到底多快才是个标准，或者速度有多快才算够快呢？那么到底什么是响应时间，它有多大的价值？ 　　从技术上来讲，响应时间是指用户发送一个指令（例如，一个页面请求）浏览器接收到完成加载的时间。定义看起来非常简单，但当你在思考如何设计一个带有许多额外对象的现代网页时，响应时间对用户体验是非常重要的，并且它也不会告诉你，哪些因素影响着响应时间。 　　一个稍微好点的衡量标准则是页面加载时间。页面加载时间是指从用户发送指令到浏览器加载完整个页面对象所用的时间。好比响应时间，页面加载整个过程涉及到很多事情，它由一系列执行步骤组成，并且每一步都需要单独监控，每一步都会告诉你问题所在。 　　步骤包括： DNS解析时间 TCP链接时间 HTTP重定向时间 首字节加载时间 HTML内容时间 整个页面对象加载时间 　　 DNS解析时间 　　DNS查找的时间就是将域名翻译成具体IP的时间，大多人数认为，无论DNS是否工作，都不是件简单的事情。 　　在这个过程中，你可能会遇到许多微妙的问题，比如响应时间太长

web前端的薪资是让大多数人所向往的，如果一个项目能胜任得很好的话那么就业便跟学历无关了，是真正看技术的一份工作。据统计：web前端开发工程师平均月薪10400。按照工作经验来统 计的计算的话，应届生工资4280，1-3年工资8770，3-5年工资12910，5-10年工资19730。从这薪资可以看出，程序员的确是一个高薪行业啊。 学习Web前端开发应该从基础的Html开始学起，学习Html还是比较简单的，主要是理解并记住一些常见标签的使用，在学习的初期应该多动手敲一下代码，这样会加深理解。在学习完Html语法之后，需要学习CSS，CSS的内容也并不复杂，CSS主要解决Html中样式设计的问题和复用的问题。接着应该系统的学习一下JavaScript，JavaScript语言自身还是具有一定难度的，而且JavaScript涵盖的内容比较多，需要一个较为系统的学习过程才能逐渐掌握。 HTML是构成网页的骨架，所有的信息显示都要靠HTML实现。一个网页可以没有CSS代码，没有JavaScript代码，但绝对不能没有HTML代码，HTML是web页面的核心。现在HTML发展到了HTML5，新版本增加了很多特性，使得HTML功能更加完善。 CSS在一个网页中起到的作用就像是一个化妆师，它可以让网页变的更加漂亮，更加易于浏览阅读。一个看脸的时代，CSS就是网页的化妆师

第一章 Java Web应用开发概述 知识点： （1） 了解 C/S 结构和 B/S 结构 （2） 理解 Web 应用程序的工作原理 （3） 了解 Web 应用的客户端应用技术 （4） 了解 Web 应用的服务器端应用技术 （5） 了解 Java Web 成功案例 （6） 了解 Java Web 开发的常用网上资源 本章概述： 随着网络技术的迅猛发展，国内外的信息化建设已经进入了以 Web 应用开发为核心的阶段。与此同时， Java 语言也在不断完善优化，更适合开发 Web 应用。因此，越来越多的程序员或编程爱好者走上了 Java Web 应用开发之路 。 1.1 程序开发体系结构 随着网络技术的不断发展，单机的软件程序已难以满足网络计算的需要。为此，各种各样的网络程序开发体系结构应运而生。其中，运用最多的网络应用程序开发体系结构可以分为两种，一种是基于客户端 / 服务器的 C/S 结构，另一种是基于浏览器 / 服务器的 B/S 结构。下面进行详细介绍。 1.1.1 C/S 体系结构介绍 C/S 是 Client/Server 的缩写，即客户端 / 服务器结构。在这种结构中，服务器通常采用高性能的 PC 机或工作站，并采用大型数据库系统（如 Oracle 或 SQL Server ），客户端则需要安装专用的客户端软件，如图 1.1 所示。这种结构可以充分利用两端硬件环境的优势

前面两篇博客中我们简单介绍了Spring Boot项目的创建、并且也带小伙伴们来DIY了一个Spring Boot自动配置功能，那么这些东西说到底最终还是要回归到Web上才能体现出它的更大的价值，so，今天我们就来看一下如何使用Spring Boot来开发Web项目。当然，如果小伙伴对Spring Boot尚不熟悉的话，可以先参考一下这两篇博客： 1. 初识Spring Boot框架 2. 初识Spring Boot框架(二)之DIY一个Spring Boot的自动配置 Spring Boot 提供了spring-boot-starter-web来为Web开发予以支持，spring-boot-starter-web为我们提供了嵌入的Tomcat以及SpringMVC的依赖，用起来很方便。另外，我们这里还要用到模板引擎，我们做web开发可选的模板引擎还是挺多的，这里我主要使用Thymeleaf作为模板引擎，事实上，Spring Boot提供了大量的模板引擎，包括FreeMarker、Groovy、Thymeleaf、Velocity和Mustache，在 提供的这么多中它推荐使用Thymeleaf。Thymeleaf在使用的过程中通过ThymeleafAutoConfiguration类对集成所需要的Bean进行自动配置

Web服务器收到客户端的http请求，会针对每一次请求，分别创建一个用于代表请求的request对象、和代表响应的response对象。 request和response对象即然代表请求和响应，那我们要获取客户机提交过来的数据，只需要找request对象就行了。要向客户机输出数据，只需要找response对象就行了。 一、HttpServletResponse对象介绍 　　 　　HttpServletResponse对象代表服务器的响应。这个对象中封装了向客户端发送数据、发送响应头，发送响应状态码的方法。查看HttpServletResponse的API，可以看到这些相关的方法。 1.1、负责向客户端(浏览器)发送数据的相关方法 　　 1.2、负责向客户端(浏览器)发送响应头的相关方法 　　 　　 1.3、负责向客户端(浏览器)发送响应状态码的相关方法 　　 1.4、响应状态码的常量 　　HttpServletResponse定义了很多状态码的常量(具体可以查看Servlet的API)，当需要向客户端发送响应状态码时，可以使用这些常量，避免了直接写数字，常见的状态码对应的常量： 　　状态码404对应的常量 　　 　　状态码200对应的常量 　　 　　状态码500对应的常量 　　 二、HttpServletResponse对象常见应用 2.1

web框架概念 框架，即framework，特指为解决一个开放性问题而设计的具有一定约束性的支撑结构，使用框架可以帮你快速开发特定的系统。 对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。 import socket def handle_request(client): buf = client.recv(1024) client.send("HTTP/1.1 200 OK\r\n\r\n".encode("utf8")) client.send("<h1 style='color:red'>Hello, yuan</h1>".encode("utf8")) def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8001)) sock.listen(5) while True: connection, address = sock.accept() handle_request(connection) connection.close() if __name__ == '__main__': main() socket模拟服务端 最简单的Web应用就是先把HTML用文件保存好

Web前端JQuery面试题（一） 一：选择器 基本选择器 什么是 #id ， element ， .class ， * ， selector1, selector2, selectorN ？ 答： 根据给定的 id 匹配一个元素，用于搜索，通过 id 的属性给定值。 案例：查找 id 为 da3 的元素 html代码： <div id="da1"></div> <div id="da2"></div> <div id="da3"></div> jquery代码： $("#da3"); 结果： [ <div id="da3"></div> ] html代码： <div id="da:q"></div> jquery代码： $("#da\\:q"); 根据给定的元素名匹配所有元素 案例，查找 div 元素： html代码： <div> da1 </div> <div> da2 </div> <p>da3</p> jquery代码： $("div"); 结果： [ <div> da1 </div> , <div> da2 </div> ] 根据给定的类匹配元素 html代码： <div class="dashu"> dashu </div> <div class="da"> da </div> jquery代码: $(".da"); 结果: [ <div class="da"> da