几个月之前我接到一个新的开发任务，要在一个旧的Web页面上面增添一些新的功能。...首先我查看了该Web页面的HTML代码，发现了一些典型的问题： HTML页面中包含了很多Javascript和CSS代码 HTML页面中引用了大量的外部Javascript文件和CSS文件 接下来就这些问题...，我们逐个讨论一下： HTML页面中包含了很多Javascript和CSS代码 一个正常的Web页面通常有以下三部分组成，HTML，CSS，Javascript，其中HTML是数据，CSS负责样式，而Javascript...在构建Web页面的过程中，要尽量让这三者保持松耦合的关系，不要牵一发而动全身，一个层面小的改动需要改动另外两个层面。...Javascript文件和CSS文件 HTML页面中引用了大量的外部Javascript文件和CSS文件，我们知道每一个引用外部文件的或者都会引起一个HTTP请求，而一个HTTP
div和class组合起来用，可以对页面进行很多的布局和样式调整。 补充：游戏测试有自己特定的工具。web自动化不适用于渲染画布类型的web游戏。...web自动化测试主要针对的是功能，游戏测试主要针对反应的速度，页面的质感，游戏的感觉，所以不是很合适。 3.想要在页面中找到一个元素 按f12，Elements中找到那个箭头。...border="2" 6）iframe是页面的一个元素，里面放的是另外一个html页面。 iframe在当前页面中再插入另外的页面。...body里面的script是js脚本，不代表页面的元素。 div里面放的才是页面的元素。 每个元素都有两个东西，一个是属性，一个是文本内容。 拿到一个页面，不需要去研究它的层级关系。...针对的是一个html页面，不是多个html页面。多个html页面之间有重复的元素，有重复的id是很正常的，我们找元素都只针对一个html。 看下这个页面中有没有人和input是一样的class。 ?
Web页面制作基础 说明：仅作为学习辅助 那么Web页面制作基础，能让你掌握什么呢？ 第一节掌握Web基础知识。 第二节掌握HTML基础知识。 第三节掌握CSS基础知识。 ?...WWW在使用上分为Web客户端和Web服务端。 用户可以使用Web客户端访问Web服务器上的页面。...c. telent：允许用户通过一个协商过程与一个远程设备进行通信。...Web Browser，中文名为网页浏览器，是一个显示网页服务器或者档案系统内的HTML文件，并让用户与这些文件互动的软件。...Web服务器可以解析HTTP协议，当Web服务器接收到一个HTTP请求时，会返回一个HTTP响应，客户端就可以从服务器上获取网页html，包括css，js,视频，音频等。
我们知道tomcat是用来发布jsp网站的，jsp的网站，页面漂亮还安全，上节课我们已经知道如何发布静态页面了，本节课我们一起来看一下如何发布动态页面，我们通过jpress一个使用java开发的建站软件来实现...jsp页面 jpress下载地址：http://jpress.io/download step 1 准备jsp页面 [root@zutuanxue ~]# mv jpress-v3.2.1.war jpress.war.../bin/shutdown.sh [root@zutuanxue ~]# sh /opt/tomcat1/bin/startup.sh #重启之后tomcat会自己将这个war的压缩包解压，生成一个同名的目录
查看服务器的状态，包括linux主机的信息，tomcat的版本信息，资源使用情况等 manager app 管理网站 host manager 虚拟主机的管理 默认使用这三个功能需要提供账号密码，...，其中在manager app中主要管理的是网站是否发布的操作，start=发布网站 stop=停止发布网站，reload=重新加载，undeploy=卸载/删除网站（慎用），expire session...=会话过期时间 与war文件部署相关的设置，包括定义war文件存放的位置，和上传war文件 war是一个可以直接运行的web模块，通常用于网站，打包部署。...一个war包可以理解为是一个web项目，里面是项目的所有东西。...设置中文 [root@zutuanxue ~]# dnf install ibus* -y 添加完整的中文环境后重启 重启完成为浏览器添加中文后重启浏览器 再次访问tomcat管理界面就会变成中文 发布静态页面
web页面流程 域名解析DNS 域名解析：把域名指向网络空间IP，让人们通过简单的域名访问Web网站的服务。...当前查询的域名的另一个域名的跳转地址） PTR逆向查询记录：用于IP地址查询域名 AAAA记录：IPv6主机记录 配置DNS 域名申请成功之后首先需要做域名解析。...web页面请求(Nginx) 请求过程 主机向DHCP(动态主机配置协议)服务器获取一个IP地址 浏览器确定目标域名/服务器IP DNS向浏览器返回目标域名的IP地址 浏览器接收DNS返回的IP地址并向目标发送...属性=value 计算机主要通过浏览器的URL进行HTTP请求发送，在linux中可以使用curl命令发送HTTP请求：（linux实现curl访问baidu） curl http://www.baidu.com...Server服务器所使用Web服务器的名称 Set-Cookie向客户端设置Cookie Last-Modified告诉客户端该资源最后的修改时间 Location302重定向的新的URL页面 Refersh
一、什么是移动端适配 移动端 Web 页面，就是常说的手机 h5页面、webview页面、公众号开发的网页等。...由于手机机型较多，各个手机的屏幕尺寸不一样，所以做移动端页面，需要考虑在安卓和ios的各种尺寸设备的兼容问题，我们要做的 web 页面适配，就是为了在不同设备上，页面能够保持统一展示效果，或等比缩放。...，或字符串‘device-width’ initial-scale - 设置页面的初始缩放值，是一个数字，可以是小数 maximum-sacle - 设置页面最大缩放值，是一个数字，可以是小数 user-scalable...任何一个元素都可以指定为弹性布局。...如：px像素，一个像素相当于我们屏幕的一个小点，屏幕实际就是由很多个像素点组成的，不同显示器像素大小不同。还有cm、mm、in等等。 相对单位：根据其参考物决定的，参照物大小改变时，它也会改变。
通常来说，Web页面开发的流程大致是这样的：设计师（设计师不是美工，就像程序员不是码农一样）提供设计稿，通常是图片格式。...Sublime的编辑器上的著名插件Emmet可以帮助开发人员飞速的开发HTML/CSS，这里有一个小例子。假设我们需要实现的页面是这样的： ?...，该UL下有3个LI，每个LI下有一个class为feature的DIV（不指定元素名称的话，默认生成div），每个DIV内，有一个类为.number的SPAN，一个i元素，一个H4元素和一个P元素”...LiveReload是一个浏览器的插件，通过协议与后台的服务器进行通信。当后台文件发生变化时，LiveReload会自动刷新页面。...你已经使用rvm安装了某个版本的ruby，即bundler这个gem 开发流程 我通常会启动两个终端，一个用来运行Guard，另一个用来运行HTTP Server，然后是一个浏览器： ?
曾经有一段时间专门处理了一下远程调试的事情，要解决的问题是不依赖Chrome如何在移动设备中调试Web页面。...利用Chrome调试Android Web页面，本来是很好的事情，但是由于Google在打开调试面板时，这个域名是google.com，我们都知道这个域名在中国大陆被封了，但我们又要调试，于是陷入了黑暗的死循环...今天，要分享的就是，如何绕过google.com域名，并且能正常顺利的去调试Android Web页面。...利用Google官方提供的Android Debug Bridge工具，在本地启动一个本地Socket服务，来与设备进行交互。...当我们运行adb start-server时，adb会在本地启动一个5037端口的本地服务，这个服务我们可以将其视为“远程”，然后需要在本地写一个客户端来连接这个服务。
近接触到了 Mason，并且了解到了它基础之上的一个 MVC 框架实现，随即联想到做网站以来接触到的各种各样的页面聚合的场景，颇有意思。...页面聚合本身是一种 “分而治之” 的思想，把复杂的页面分割成可以被重用和独立维护的部分，这些部分的来源灵活，可以来自同一个 web app 中，也可以来自不同的域；可以聚合独立的子页面（页面集成），也可以聚合数据...--#include file="extend.htm"--> 随着页面缓存在互联网应用世界的称王，Oracle 定义了ESI作为一种缓存方式聚合页面的规范，它规定了将 Web 网页的页面的片段进行缓冲...作为利用 servlets 进行 web 应用编程的下一步，portlets 实现了 web 应用的模块化和用户中心化。...Portlet 就能实现这一需求，Portlet 是由 Portlet 容器聚合的，用户看到的是一个单一和完整的页面，他并不了解页面中的一个个 portlet 栏目到底来自何方。
Web前端杂记 学习链接https://www.bilibili.com/video/av75501761?p=2 默认未设置定位 父元素 宽度最大填充父元素，高度正好容纳子元素。...浮动 1.将元素排除在普通流之外 2.元素将不在页面中占据空间 3.将浮动元素放置在包含框的左边或者右边 4.浮动元素依旧位于包含框之内 浮动的框可以向左或者向右移动，直到他的外边缘碰到包含框或者另一个浮动框的边框为止...子元素的浮动是基于父元素框体的 浮动可以通过CSS clear清除 Display属性 none,inline,block,inline-block,table-cell,flex 每个元素都有一个display...display:none;隐藏元素，不保留物理空间 visibility:hidden;隐藏元素，保留物理空间 定位 值 描述 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位
本篇文章主要讲解如何在本地安装Flask，以及如何将其web界面发布到公网进行远程访问。 Flask是目前十分流行的web框架，采用Python编程语言来实现相关功能。...Flask flask run 打开一个新的浏览器，输入http://127.0.0.1:5000/，进入到 HelloWorld的web界面。...配置Flask的web界面公网访问地址 点击左侧仪表盘的隧道管理——创建隧道，创建一个Flask的cpolar公网地址隧道： 隧道名称：可自定义命名，注意不要与已有的隧道名称重复 协议：选择http 本地地址...公网远程访问Flask的web界面 使用上面的cpolar https公网地址在任意设备的浏览器访问,即可成功看到Flask的web界面，这样一个公网地址且可以远程访问就创建好了，无需自己购买云服务器，...即可发布到公网访问。
在web.xml中加入如下代码： 3. 编写程序代码 首先编写一个功能的接口类。...下创建一个文件夹META-INF，在META-INF下边在创建一个目录xfire，在xfire目录里边创建一个services.xml文件，内容如下： cn.com.freshpower.services.HelloXfireImpl 调用XFire发布的...Web Service 服务以jar包形式发布的时候 直接调用 当服务端以jar包形式发布，我们就相当于有了客户端的接口类和其自定义对象类。...代码如下： //这个项目区访问 web service服务器 //创建一个服务的元数据 Service serviceModel =
Jetty provides a Web server and javax.servlet container, plus support for HTTP/2, WebSocket, OSGi, JMX
使用CXF框架开发 ①.CXF : xfire–>xfire + celtrix 做web service开发的开源框架 ②.开发Server端： 加入cxf的Jar包即可，其它不需要动 测试CXF...map.put(3,new Student(3,"TG3",153)); return map; } public class serviceTest2 { //发布服务... /** * @param args */ public static void main(String[] args) { //客户端发送web...datatypews"; //处理请求的SEI对象 DataTypeWS dataTypesImpl=new DataTypesImpl(); //发布...(address, dataTypesImpl); System.out.println("web service 发布成功"); } -------
一步一步用jenkins，ansible，supervisor打造一个web构建发布系统。 本来应该还有gitlab这一环节的，但是感觉加上，内容会增加很多。...当然也可以任意linux环境下搭建。...jenkins生成的war包发布到远程服务器上 supervisor启动tomcat 在http端口等待tomcat启动成功 supervisor托管app进程，提供一个web界面可以查看进程状态，日志...执行完之后，会得到一个container的shell。...在配置页面里，勾选“参数化构建过程”，再依次增加“String”类型的参数 ?
1.元素使用rem单位(相对于html的font-size，单位px) 1 /* 自动调节页面适配 */ 2 $(function(){ 3 (function(){ 4...320px){ 10 #example { 11 font-size: 10px; 12 } 13 } 媒体查询样式的条件 可以使用 and 满足想要的范围 注意：手机页面都要加上这个...name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0″> 发布者
一步一步用jenkins，ansible，supervisor打造一个web构建发布系统。 本来应该还有Gitlab这一环节的，但是感觉加上，内容会增加很多。...当然也可以任意linux环境下搭建。...下面将要介绍的完整流程是： github作为源代码仓库 jenkins做为打包服务器，Web控制服务器 ansible把war包，发布到远程机器 安装python-pip 用pip安装supervisor...supervisor托管app进程，提供一个web界面可以查看进程状态，日志，控制重启等。...在配置页面里，勾选“参数化构建过程”，再依次增加“String”类型的参数 ?
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
