web开发

web端 调试 手机混合应用中的h5部分(chrome浏览器的devtool使用)

﹥>﹥吖頭↗ 提交于 2020-01-28 11:30:24
Learning Hybird App Test–Appium Java(Leyden) 浏览器的远程调试工具,使得我们可以通过PC上开启的控制台,调试手机浏览器中正在运行的代码。运行于 Android 4+系统的Chrome for Android 同样也可以配合ADB(Android Debug Bridge)实现桌面远程调试。桌面版Chrome32+已经支持免安装ADB即可实现远程调试移动设备页面/WebView 。 Android远程调试目前支持所有操作系统,并且支持以下: ● 调试站点的页面 ● 调试安卓原生App中的WebView ● 实时将安卓设备的屏幕图像同步显示到开发机器。 ● 通过端口转发(port forwarding)与虚拟主机映射(virtual host mapping)实现安卓移动设备与开发服务器进行交互调试。 而在最新的Android 4.4 Kitkat版本中,原本基于Android WebKit的WebView实现被换成基于Chromium的WebView实现。 移动端 1. 在eclipse中配置AndroidSDK环境(Android6.0、ADT23.0) 2. 将手机与PC通过USB连接,开启USB调试模式; 3. 使用360手机助手或在dos窗口输入adb devices查看手机驱动连接是否成功; PC端 1.

Java学习笔记-全栈-web开发-06-Request&Response

送分小仙女□ 提交于 2020-01-28 04:58:17
Request&Response 1. HttpServletResponse 1.1 响应正文(主体) 1.2 响应编码 1.3 响应状态码 1.4 文件下载 1.5 手写验证码(了解) 1.6 工具类实现验证码 1.7 请求重定向 1.8 其他常用功能 1.8.1 设置缓存禁用 1.8.2 自动刷新 1.9 Response实现细节 2. HttpServletRequest 2.1 常用方法 2.1.1 获取客户端信息 2.1.2 获取请求头 2.1.3 获取请求参数(核心) 2.2 应用 2.2.1 获取表单数据一 getParameter 2.2.2 获取表单数据二 getParameterMap 存入model 2.2.3 获取表单数据三 通过beanutils封装参数(开发推荐) 2.2.4 获取原始表单数据 request.getInputStream 2.2.5 实现请求转发 2.2.6 实现请求重定向 2.2.7 转发和重定向的区别 2.2.8 include()、forward()、sendRedirect()的区别(重要) 1. HttpServletResponse Web服务器收到客户端的http请求,会 针对每一次请求,分别创建 一个用于代表请求的request对象、和代表响应的response对象。 1.1 响应正文(主体) getWrite();

运行Symfony

给你一囗甜甜゛ 提交于 2020-01-28 04:51:05
设置一个程序 Symfony将所有相关的程序组织在一个工程中。一个工程的所有程序共享同一个数据库。为了设置一个程序,我们必须首先设置一个工程。 创建工程 每一个Symfony工程遵循一个预定义的目录结构。Symfony命令行通过使用正确的树结构与访问权限来初始化一个工程的框架,从而自动化一个工程的创建。所以创建一个工程,只是简单的创建一个目录,并且要求symfony将其组织成为一个工程。 创建一个工程,我们可以执行下面的命令: mkdir ~/myproject cd ~/myproject symfony init-project myprojetc symfony必须在工程的根目录下进行调用,因为这个命令执行的所有任务都是工程相关的。 Symfony将会创建如下的一个目录结构: apps/ batch/ cache/ config/ data/ doc/ lib/ log/ plugins/ test/ web/ 创建一个程序 现在还不可以访问这个工程,因为他要求至少有一个程序。为了初始化,我们可以使用symfony init-app命令,并且将程序名作为参数传递给他。 symfony init-app myapp 这个命令会在工程根目录下的apps目录下创建一个myapp目录,并且会使用默认的程序配置以及要保存我们网站文件的目录。 apps/ myapp/ config/

IntelliJ IDEA 12 与 Tomcat7 配置

做~自己de王妃 提交于 2020-01-28 02:40:47
IDEA 全称 IntelliJ IDEA,是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn、github等)、JUnit、CVS整合、代码分析、 创新的GUI设计等方面的功能可以说是超常的。IDEA是JetBrains公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。它的旗舰版本还支持HTML,CSS,PHP,MySQL,Python等。免费版只支持Java等少数语言。 系统配置:win7 64bit,IntelliJ IDEA 12,tomcat7 先说一下与Tomcat相关的两个配置: 1、配置默认端口 在tomcat安装目录的conf目录下的server.xml文件中,以下内容中的port属性指定了默认端口: <Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443"/> 2、将url与web程序目录绑定 默认的根目录是tomcat7\webapps\ROOT,我们可以在conf\server.xml文件Host标签中指定根目录和其他目录,例如: <Host appBase="webapps"

Web字体格式介绍及浏览器兼容性一览

此生再无相见时 提交于 2020-01-28 01:11:09
目前,文字信息仍是网站最主要的内容,随着CSS3技术的不断成熟,Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,具体实现例子将在下一篇文章介绍,本文介绍主要的几种Web字体格式及各浏览器兼容情况。 Web字体格式介绍 TrueType (.ttf) Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性。同时,这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。 EOT – Embedded Open Type (.eot) 嵌入字体格式(EOT)是微软开发的一种技术,允许 OpenType 字体嵌入到网页并可以下载至浏览器渲染,浏览器根据 CSS 中 @font-face 的定义,下载,渲染这种 .EOT 后缀的字体文件。这些文件只在当前页活动的状态下,临时安装在用户的系统中。 OpenType (.otf) OpenType是一种可缩放字型(scalable font)电脑字体类型,采用PostScript格式,是美国微软公司与Adobe公司联合开发,用来替代TrueType字型的新字型。这类字体的文件扩展名为.otf

spring boot(二)

此生再无相见时 提交于 2020-01-27 23:14:00
Web 综合开发 Web 开发 Spring Boot Web 开发非常的简单,其中包括常用的 json 输出 filters、property、log 等 json 接口开发 在以前的spring 开发的时候需要我们提供json接口的时候需要做那些配置呢: 1.添加 jackjson 等相关jar包 2.配置 spring controller 扫描 3 . 对接的方法添加 @ResponseBody 就这样我们会经常由于配置错误,导致406错误等等,spring boot如何做呢,只需要类添加 @RestController 即可,默认类中的方法都会以json的格式返回。 @RestController public class HelloWorldController { @RequestMapping("/getUser") public User getUser() { User user=new User(); user.setUserName("小明"); user.setPassWord("xxxx"); return user; } } 如果我们需要使用页面开发只要使用 @Controller ,下面会结合模板来说明 自定义 Filter 我们常常在项目中会使用filters用于录调用日志、排除有XSS威胁的字符、执行权限验证等等。Spring

django学习

↘锁芯ラ 提交于 2020-01-27 14:34:22
初识web框架 什么是web框架? web框架之django django是如何工作的? 什么是web框架? 网上各种web框架比比皆是,有人推荐学这个有人推荐学那个,然而到底什么是web框架呢? wikipedia是这么说的: A web framework (WF) or web application framework (WAF) is a software framework that is designed to support the development of web applications including web services, web resources, and web APIs. Web frameworks provide a standard way to build and deploy web applications on the World Wide Web. 简单来说,web框架就是为我们创建和部署web应用提供的一种标准花的方法。 web框架之django python对于初学者的友好性吸引了众多的学习者(我是其中之一),那么对于学习了python的我们,如果想要开发web应用的话就需要这么一款神器 django 了。 django是如何工作的? 当我们打开浏览器并向浏览器的地址框输入网址后,。。。。(这里省略了若干过程)

Web开发百宝箱——提升网站档次的时尚 jQuery 图片滚动插件

為{幸葍}努か 提交于 2020-01-27 05:38:24
  这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件。jQuery 是最流行和使用最广泛的 JavaScript 框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果。希望这些插件对你有所帮助,能够帮助你节省时间和精力。 Smooth Div Scroll 效果非常平滑的鼠标悬浮图片切换效果,提供了非常详细的使用帮助文档和示例。 Elastic Image Slideshow 最后这款也是带缩略图功能 jQuery 幻灯片插件,效果很炫。 jQuery Easy Slides 这是一个非常易用的幻灯片插件,同样非常轻量,与JavaScript和CSS加起来才2.1KB。 Flickr Photobar Gallery Responsive Gallery Plugin 这是一款带缩略图功能的幻灯片插件,能够根据父容器的尺寸自适应大小,效果不错。 Supersized TN3 Gallery 这款 jQuery 图片切换插件是这里面功能最丰富的,支持不同的布局方式以及切换效果。 Easy Slider 您可能感兴趣的相关文章 60款非常酷的 jQuery 幻灯片演示和下载 15个款优秀的 jQuery 图片特效插件推荐 几款优秀的 jQuery Ajax 分页插件和教程 Web开发者必备的20款超赞 jQuery 插件 分享23款美轮美奂的 jQuery 图片特效插件

调试WEB APP多设备浏览器

╄→гoц情女王★ 提交于 2020-01-27 04:58:20
方法:adobe shadow \ opera远程调试\ weinre adobe shadow: 我们经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试页面,JavaScript,DOM元素和CSS样式的调试。但是,当我们为移动Web站点或应用进行调试时,这些工具就很不方便,因为不知道在手机上或者pad看到的效果是怎样的? 解决方案一: adobe shadow 我们先来安装Adobe Edge Inspect CC 下载地址: https://creative.adobe.com/products/inspect?promoid=KFKMN (tips:下载前要先安装Adobe Creative Cloud才能下载到Adobe Edge Inspect CC http://html.adobe.com/edge/inspect/ ) 下载后打开Adobe Edge Inspect CC,双击任务栏图标就会提示安装chrome插件,或者自行安装插件,插件地址: https://chrome.google.com/webstore/detail/adobe-edge-inspect-cc/ijoeapleklopieoejahbpdnhkjjgddem?hl=zh-TW 安装完成windows客户端后在手机端安装apps: IOS: https:/

Web—02-轻松理解css

a 夏天 提交于 2020-01-26 23:58:56
CSS基本语法以及页面引用 CSS基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例: /* css注释 ctrl+shift+"/" */ div{ width:100px; height:100px; color:red } CSS页面引入方法 1、外联式:通过link标签,链接到外部样式表到页面中。 <link rel="stylesheet" type="text/css" href="css/main.css">` 2、嵌入式:通过style标签,在网页上创建嵌入的样式表。 <style type="text/css"> div{ width:100px; height:100px; color:red } ...... </style> 3、内联式:通过标签的style属性,在标签上直接写样式。 <div style="width:100px; height:100px; color:red ">......</div> CSS文本设置 常用的应用文本的css样式: color 设置文字的颜色,如: color:red; font-size 设置文字的大小,如:font-size:12px; font-family 设置文字的字体,如:font