web开发

推荐几个web中常用js图表插件

你。 提交于 2020-02-25 02:37:24
作者:zccst 我自己用过fusioncharts和highchart。 jQuery插件有: TufteGraph flot js charts jqchart elycharts jquery visualize plugin 普通的: 1 highcharts http://www.highcharts.com/ Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。 2 jscharts http://www.jscharts.com/ JS Chart是需要一些简 单或无需手工书写编码的基于Javascript的免费图表生成器。使用JS Chart可以很简单很容易的完成你的生成图表任务,因为你只需要使用客户端脚本(即浏览器端),无需多余的插件或服务器端模块。你只需要准备好JS Chart脚本、包含图表数据的XML或Javascript数组。 3 fusioncharts http://www.fusioncharts.com/ FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8

web框架

五迷三道 提交于 2020-02-25 01:50:46
http协议 HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。 HTTP特点 1、简单快速:客户向服务器请求服务时,只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同。 2、灵活:HTTP允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记 3.无连接:无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求,并收到客户的应答后,即断开连接。采用这种方式可以节省传输时间。 4.无状态:HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。 缺少状态意味着如果后续处理需要前面的信息,则它必须重传,这样可能导致每次连接传送的数据量增大。另一方面,在服务器不需要先前信息时它的应答就较快。 HTTP请求协议 请求协议遵照以下格式: 请求首行; // 请求方式 请求路径 协议和版本,例如:GET /index.html HTTP/1.1 请求头信息; // 请求头名称:请求头内容,即为key:value格式,例如:Host:localhost 空行; // 用来与请求体分隔开 请求体。 // GET没有请求体,只有POST有请求体。 get请求 GET /562f25980001b1b106000338.jpg HTTP/1.1 Host img

Java RESTful Web Service相关概念

纵饮孤独 提交于 2020-02-25 00:40:44
原文地址: http://1.liangtao.sinaapp.com/?p=647 接上一篇文章REST|RESTful初步认识: p=639">http://1.liangtao.sinaapp.com/?p=639 之后,在接下来的了解中也遇到了一些问题,不太懂的Java WebService这一套体系结构,导致对一些技术术语是是而非,对于若干技术,若干规范没有一个总体上的认识。这篇文章即是对Java中RESTful WebService架构相关规范,技术的认识。 Web Service 从表明上来看,Web service就是一个应用程序,它向外界暴露一个可以通过web进行调用的API(无关乎语言、平台)。 从深层次上看,Web service是一种新的web应用程序分支,他们是自包括,自描写叙述,模块化的应用。他遵循一定的技术规范和协议。 因此WebService并非某种详细的技术,他更像是一种标准,实际上webservice就是W3C的标准: Web Services是应用程序组件 Web Services使用开发协议进行通信 Web Services是独立的并可进行自我描写叙述 Web Services可通过使用UDDI来发现 Web services可被其它应用程序使用 对于Web Service先做以上认知就可以。 JWS 指的是与Web

Web前端复习(HTML、CSS、JavaScript)

老子叫甜甜 提交于 2020-02-24 23:20:07
一,HTML 1,什么是HTML HTML本质是超文本标记语言,能表现如文字、音频、程序等复杂元素。 2,什么是标签 标签对的组成:标签名、属性(名值对)、内容。 属性类似是给这个标签的内容加了个装备,让这些标签具有一些特殊的能力。 3,重要标签说明 (1)表格标签 table thead tr th tbody tr td <table border="1"> <thead> <tr> <th>表头1</th> <th>表头2</th> </tr> </thead> <tbody> <tr> <td>内容1</td> <td>内容2</td> </tr> </tbody> </table> 建议定义表格的时候,把 tbody,thead 都描述出来。 (2)表单标签form action :submit操作执行的请求地址 method :指定请求的类型get/post • form表单提交是不一定要通过submit操作的,可以通过Ajax请求序列化表单(serialize())的方式完成表单数据提交。(Ajax序列化就是将form中的数据构建为,名指对的字符串统一的提交到后台) • 通过form表单提交和Ajax请求方式提交数据是两个原理完全不一样的设计方式。 (3)表单元素标签 通过submit提交,浏览器会把表单元素的数据以名值对的方式提交给服务器。 <input>:type

Web 设计与开发者必须知道的 15 个站点

≯℡__Kan透↙ 提交于 2020-02-24 22:50:27
今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。 ColorCombos 配色是 Web 设计的首要大事,Color Combos 帮你预备了数千种配色方案,可以根据色调浏览选取。 LIpsum Lorem Ipsum Text 是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。 What the font? 有时候你对某个 Logo 感兴趣,想知道是拿什么字体做的,可以将 Logo 图片上传到这个网站,结果之准确会让你难以置信。 ConvertIcon Favicon 越来越受欢迎,尤其随着 Firefox 的流行,Firefox 会将你站点的 Favicon 标志显示在标签上,也会显示于书签,Favicon 支持多种图形格式,比如 png,但 IE 并不支持 png,该站点可以帮助你将 png 等图片格式的 Favicon 转换成 IE 支持的 ico 格式。 BgPatterns 现代 Web 设计的趋势之一包括使用背景图案, BgPatterns.com 可以帮你设计背景图案,他们有大量可选的图案

Web 设计与开发者必须知道的 15 个站点

时间秒杀一切 提交于 2020-02-24 22:50:06
新闻来源:catswhocode.com 工作期间,常用到一些工具与帮助站点,今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。 ColorCombos 配色是 Web 设计的首要大事,Color Combos 帮你预备了数千种配色方案,可以根据色调浏览选取。 LIpsum Lorem Ipsum Text 是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。 What the font? 有时候你对某个 Logo 感兴趣,想知道是拿什么字体做的,可以将 Logo 图片上传到这个网站,结果之准确会让你难以置信。 ConvertIcon Favicon 越来越受欢迎,尤其随着 Firefox 的流行,Firefox 会将你站点的 Favicon 标志显示在标签上,也会显示于书签,Favicon 支持多种图形格式,比如 png,但 IE 并不支持 png,该站点可以帮助你将 png 等图片格式的 Favicon 转换成 IE 支持的 ico 格式。 BgPatterns 现代 Web 设计的趋势之一包括使用背景图案,

2011年Web开发者必须掌握的10大技能

笑着哭i 提交于 2020-02-24 22:06:39
原文出自: Skills Needed to be a Web Developer in 2011 很多的Web开发人员认为他们目前掌握的技能已经可以维持他们的工作。但是,请检查以下列出的10大技能,如果你还没有掌握,那就抓紧时间吧,想在2011年脱颖而出,你得继续努力。 1.掌握Web的基本语言 HTML5 + CSS3将会是接下来的Web应用主流技术,别以为还早,套用一句流行的话:别输在起跑线上,赶紧找点资料开始学习吧。可以从 http://slides.html5rocks.com/ 这里获取一些关于HTML5的演示。 2.理解所有Web开发环境 .NET,PHP,和Java,这些流行的Web开发环境,至少要掌握其中之一,但还不够,尽可能多了解其他的环境作为辅助。 3.了解RIA(Rich Internet Application)功能 RIA最厉害的算是Flash了,也包括RIA和Flex;微软也有Sliverlight和Java的JavaFx技术。其中Ajax也是必须的。 4.尽可能的了解Web服务 你知道怎么创建Web服务吗?怎么集成第三方的Web服务到你的项目中吗?理解XML、SOAP、JSON和REST吗? 5.了解动态编程语言 除了Java、C、PHP外,现在有很多新的动态编程语言,有如:Python,F#,Groovy,Ruby等,多少了解一点吧。 6

WEB开发疑难杂症:HTTP Status 500 - Error instantiating servlet class 解决

杀马特。学长 韩版系。学妹 提交于 2020-02-24 13:31:45
问题描述: web项目中请求出现错误,如下: HTTP Status 500 - Error instantiating servlet class XXXX类 type Exception report message Error instantiating servlet class test.Test description The server encountered an internal error that prevented it from fulfilling this request. exception javax.servlet.ServletException: Error instantiating servlet class root cause java.lang.ClassNotFoundException:XXXX类 再次刷新 则出现404错误 此博主列出几种原因如下: 出现原因&解决方法: web.xml中< servlet-class >路径配置错误,检查servlet类是否在该路径下,注意要包含package名 web-inf/classes目录下没有XXXX.class文件,应该编译把classes作为输出目录 servlet类同时在web.xml中配置并加上了@webservlet的注解,去掉其中之一即可 tomcat并没有成功部署项目

LoadRunner中的函数

冷暖自知 提交于 2020-02-24 08:55:12
函数是LoadRunner提供给性能测试工程师的利器,有了它,性能测试工程师可以对脚本进行更为自由的开发,更适应实际测试的需求,进一步扩展脚本的功能。 LoadRunner函数的格式: 返回值 函数名称 (参数列表) 具体的写法可以分为C语言、Java语言和Visual Basic语言3种。 1、常见函数列表 函数名称 函数说明 Web_custom_request() 使用HTTP支持的任何方法来创建自定义HTTP请求 Web_image() 在网页某指定图像上单击鼠标 web_link 在网页某指定文本链接上单击鼠标 Web_submit_data()     执行表单提交 Web_submit_form() 执行表单提交 Web_url() 加载指定网页 Web_find() 在网页中搜索指定的文本字符串 Web_global_verification() 在随后所有的HTTP请求中搜索文本字符串 Web_image_check() 验证指定的图片是否存在于网页内 Web_reg_find() 在随后的HTTP请求中对文本字符串搜索进行注册 Web_create_html_param() 将网页上的动态信息保存为参数 Web_create_html_param_ex() 将包含在网页内的动态信息创建为参数(使用边界) Web_reg_save_param()

移动web

拈花ヽ惹草 提交于 2020-02-24 01:42:34
1、像素和物理像素 iphone5:320*568px(像素)=》640*1136px(物理像素) 2、viewport 手机浏览器默认为我们做了两件事情 1)页面渲染在一个980px(ios)的viewport:为了排版正确 2)缩放 3、Meta标签 不使用默认的viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> width=device-width:布局viewport宽度=设备宽度 4、在手淘的设计师和前端开发协作过程中:手淘设计师常选择iPhone6作为基准设计尺寸,交付给前端的设计尺寸是按 750px * 1334px 为准(高度会随着内容多少而改变)。前端开发人员通过一套适配规则自动适配到其他的尺寸。 5、flex布局(带上-webkit-前缀适配不兼容的手机) 1)父容器:display:flex;display:-webkit-flex; 子容器:flex:1;-webkit-flex:1;(按比例划分) 2)不定宽高元素水平垂直居中   父容器:display:flex;align-items:center;(子元素垂直居中)justify-content:center;(子元素水平居中) 6、响应式布局 1)