特效网:http://www.xwcms.net  1.图片拖动特效http://www.xwcms.net/js/tpdm/32946.html2.弹出层焦点图特效:http://www.xwcms.net/js/tpdm/20571.html3.标题悬停效果动画SVG图标http://www.xwcms.net/js/tpdm/98394.html4.jquery制作浏览器调整大小-监控动作进度小插件http://www.xwcms.net/js/qttx/29373.html5.jquer…

web开发常用图片格式有:gif   jpg/jpeg    png gif:图片压缩率高,可以显示动画,但是只能显示256色,可能造成颜色丢失. jpg:图片压缩率高(有损压缩),可以用小文件来显示,网页上比较常用. png:该格式综合了gif.jpg优势,在上传时会首先压缩到极致,但不能显示动画. 图片保真度:png > jpg > gif…

from: 软件过滤: 排序:收录时间 | 浏览数 网页开发FireFox插件 Firebug Firebug是Firefox下的一款开发类插件,现属于Firefox的 五星级强力推荐插件之一.它集HTML查看和编辑.Javascript控制台.网络状况监视器于一体,是开发JavaScript.CSS.HTML和 Ajax的得力助手.Firebug如同一把精巧的瑞士军刀,从各个不同的角度剖析Web... 更多Firebug信息 最近更新: Firebug 2.0.2 发布,Firefox 调试利…

公司电脑本来是win系统的,不知道怎么突然中毒了,由于比较讨厌杀毒软件,所以之前都被我卸载掉了,所以我干脆重装了一个ubuntu系统 1.IDE    vscode 各种插件,自带Git,markdown预览,NodeJs调试等,web开发无压力 2.浏览器  chrome 3.抓包工具  mono fiddler 基于mono跨平台的fiddler 4.命令行工具    guake terminal 比系统自带的和vscode自带的都好用 其他的一些常用软件  mongobooster mon…

Python是跻身于当代IT世界最流行和代码最高效的编程语言之一.Python框架能帮助你快速启动Web应用. 1.CubicWeb CubicWeb的最重要的功能是其代码的可重用性,由一个个代码单元组成.它灵活又强大,并且还有一些特别的功能,包括RQL查询语言和支持有效编码的语义视图功能.这是语义Web应用程序的最佳解决方案,并且提供理想的环境. 作为一个程序员,我们必须了解Python这门编程语言的灵活和强大.框架的选择取决于Web应用程序的使用目的和复杂程度.测量项目所需的负荷.可扩展性和…

文章地址:https://my.oschina.net/u/2903254/blog/798135 工欲善其事,必先利其器.如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能.为使大家的开发工作更顺利进行,本文整理了 10+ 款比较优秀的 Web 开发工具,希望对你有帮助. 喜欢的不要忘了收藏.点赞和打赏哦,感谢大家的支持! Bootstrap Bootstrap 是快速开发 Web 应用程序的前端工具包.它是一个 CSS 和 HTML 的集合,它使用了最新的浏览器技术…

原文:http://www.iteye.com/news/28697 Django是一款高级的Python Web框架,可以帮助开发者快速创建web应用.我们这里整理了15款Django开发中常用的软件包,学会使用它们可以节省大量开发时间,提高开发效率.同时,也给出了它们的pip安装方法.下面一起来看下. 一.认证和授权 1. Python social auth 一款社交账号认证/注册机制,支持Django.Flask.Webpy等在内的多个开发框架,提供了约50多个服务商的授权认证支持,如G…

我在Nodejs的体系里也算泡了很久了,的确非常喜欢javascript和Nodejs. 在我看来,用nodejs做web开发有以下几个优点: Javascript作为一个语法异常简单的脚本语言,约束较少,开发效率比较高. Nodejs在设计时就考虑了依赖管理,有一个成熟的npm机制,在使用过程中很少遇到版本问题. Javascript的语法非常灵活,而且它的基于prototype的链式集成机制,obj[property]和obj.property的混用可以创造出很多变化. 对于JSON的天然支…

记录一下 web 开发中常用的一些字符串模式,这是我遇到的一些,后面如果还有的话,欢迎大神提出,会继续更新. 正则表达式 这个主要用在前端的验证,nginx 路径匹配,shell 脚本文本处理,后端感觉并没有经常拿正则来做校验,这个如果只是一般使用的话,百度搜搜就会有答案,但如果有特殊的验证,还是需要自己了解正则的规则,个人感觉是前端和运维需要深入了解. 初学时只需要了解正则一些字符的含义并且会使用正则做一些简单的验证 稍深入一些需要了解反向引用,贪婪匹配,js 正则替换 再往深的学需要了解 前…

有几天没有分享前端资源了,今天要向大家分享15款非常给力的HTML5/jQuery特效插件,废话少说,一起来看看. 1.CSS3图片重力感应特效 很酷的一款CSS3模拟重力感应特效,你可以拖动图片来甩开图片,途中会产生很多碰撞,完全和现实中重力感应效果一样. 2.jQuery侧边多级菜单插件 这是一款非常有特色的jQuery多级下拉菜单,点击父菜单即可在菜单傍边弹出下级子菜单,也可以点击BACK菜单项返回父级菜单,非常个性化. 3.HTML5超级玛丽游戏 这款儿时常玩的超级玛丽游戏现在制作成了H…

html特效代码(一) html特效代码(二) 图片漂浮广告代码 <bodybgcolor="#F7F7F7"> <!--图片漂浮广告代码开始--> <divid="www_qpsh_com"style="position:absolute"> <!--链接地址--><ahref="www.baidu.com"_fcksavedurl="/"target…

小续 还记得当初和八哥一起制作百家成员chm电子书的时候,各种特效啊,这里收集了一些个人比较喜欢的html特效,看个人喜欢了,不喜勿喷啊 html特效代码(一) html特效代码(二) 3D相册代码 <embed src="http://flash.picturetrail.com/pflicks/acrobatcube_r.swf" loop="false"quality="high" FlashVars="backopacit…

前沿 Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim.是目前应用最广泛的编程工具之一,受到众多程序猿的追捧.网络上已有很多关于Sublime Text3的配置文章,但很多都不太适合本人的需求,很多插件在前端开发中很少会用到或者不能恰当的使用.由于每次重装一次Sublime Te…

我们开发的网站,总有它一定的用途.如企业站用来宣传企业或展示产品,技术站用来分享自己的思路和经验.既然网站有了它的用途,那么就拥有了它本身的关键词(关键词说明网站的主要内容).例如企业站的关键词大部分是企业名称或产品名称,技术站的关键词大部分是技术术语.不论是企业宣传产品或分享思路经验,我们都想给某些术语加上说明或链接(跳转到术语页面),这时我们就可以使用cluetip插件. 1.     cluetip插件功能 主要用于为某些关键词添加提示说明功能,也可以展示广告.cluetip插件可以读取另…

在介绍这个插件之前,先吐槽一下.这个插件功能很强大.带有的功能有:上传(单个文件或批量文件),自动上传或点击按钮上传,上传前缩略图显示,判断文件格式,上传前的文件操作,上传时进度条显示等功能.如果你用的是最新的浏览器,那么所有的功能都能正常使用.但如果你或你的用户使用的是ie8(包括ie8)以下的浏览器,那么这个插件对于我们来说就只能使用单文件上传功能.ie9不支持上传前缩略图显示.也就是说这个插件主要是面向ie10+,chrome,firefox新版本浏览器的. 但为什么介绍这个插件呢,主要是…

实现折叠菜单,可以完全不使用插件.如果使用jquery的话,实现起来也比较简单,我们只需要定义折叠菜单的样式,然后使用jquery中的渐隐渐现就可以了.如果我们自己写折叠菜单,可以方便的使用我们自己的样式.如果我们使用jquery插件,需要根据插件的设计来定义样式,其实就是修改插件的Akordeon默认样式.在这里既然写的是jquery插件,也就把折叠插件Akordeon算进去了.Akordeon插件定义了很多固定的样式,如折叠菜单的高度宽度等.我在测试时,简单的修改了插件默认的样式,自定义的样…

一.插件功能 用于对图片进行修剪.但是在使用Jcrop时,还需要配合服务器端开发语言(如asp.net,php等)使用. 二.官方地址 http://deepliquid.com/content/Jcrop.html在官方地址中有5个demo,在这5个demo中,有3个带有代码说明.有1个提供了完整的实例,前端(js)与后台(php)交互,修剪图片并显示.而本次测试时,后台使用的是asp.net来修剪图片.在文章的下面有完整的测试代码可供下载.官方Demo也可以下载,但是下载下来的文件包含js代…

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 用于显示弹出层 2.Ligh…

1.gridster插件功能 实现类似于win8 磁贴拖拽的功能 2.gridster官方地址 http://gridster.net/ 在官方的网站上也有插件的帮助和实例,但是按照官方的说明,我在本地测试总是出现这样那样的问题,一是无法移动,二是在磁铁的附近有一个黑点,可能是定位使用的.但是如果在网站中正常使用,应该不会出现这样的黑点.gridster插件的属性和方法在官网上有详细说明. 经过测试了一下,最后终于解决了问题.效果显示如下: 3.gridster使用方法 1.首先引用js文件 <…

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 实现弹出层操作 2.Ligh…

github github-myBlob 从输入URL到页面加载完成的整个过程 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两端的端口号,然后下发给网络层.网络层中的 IP 协议会确定 IP 地址,并且指示了数据传输中如何跳转路由器.然后包会再被封装到数据链路层的数据帧结构中,最后就是物理层面的传输了 TCP 握手结束后会进行 TLS 握手,然后就开始正式的传输数据(如…

这个插件在前段时间用过一次,当时是改一个网站.要求顶部的菜单栏随着滚动条的滚动而固定.也大体写了一下,不过在文章中也只是提了一下,文章地址:jQuery插件固定元素位置. 在这篇文章中,再进行总结一下. 一.scrolltofixed插件功能 固定某个元素的位置,在页面滚动时,元素仍然显示. 二.scrolltofixed官方地址 https://github.com/bigspotteddog/ScrollToFixed.在官方地址上有使用说明,在下面有插件的属性方法说明.demo中也有详细的…

网站对于菜单的依赖其实并不是很大,我们完全可以不使用菜单来设计网站,显示网站内容.但是如果网站的分类太多,“也许”使用菜单作为网站导航可以使 用户 更方便的寻找内容.superfish插件就是用于实现菜单的功能.但是在使用superfish时,与自身网站整合.superfish样式设置是不可避免的.因为官方只给出了怎么使用插件,并且提供了一个简单的样式.如下图: 在我以前的使用中,superfish不符合我的需求,所以我对superfish的样式进行了修改.在本文中,我会提到怎样修改superf…

一.Tagit插件功能 提高网站交互性,增加用户体验.至于其它的功能,还真没有.用一个input text就可以替换了它.但是text没有输入提示功能,而tagit拥有这个功能.官方示例如下图: 将关键词标签化,成为一个整体.方便删除与浏览. 二.Tagit官方地址 http://aehlke.github.io/tag-it/官方地址上有使用说明,也有用例.用例的颜色搭配也可以选择.不过选来选去也就是这几种,Tagit插件使用jqueryui,所以jqueryui提供的样式也兼容.jquery…

一.scrollto插件功能 scrollto用于定位页面中元素的位置,并使滚动条滚动到当前元素. 二.scrollto官方地址 https://github.com/flesler/jquery.scrollTo 在官方地址中并没有特别详细的说明,只是说插件可以按x轴.y轴滚动.可以嵌套元素,当前元素在父元素中滚动.官方提供demo下载,在demo中有应用案例,如在父元素中滚动,滚动定位的间隔时间等. 三.scrollto使用方法 1.文件引用.只需引用两个js文件,一个jquery,一个插件…

在网站开发过程中,有时我们需要验证用户输入的信息是否符合我们的要求,所以我们会对用户提交的数据进行验证.验证分两次进行,一次是在客户端,一次是在服务端.客户端的验证可以提升用户的体验. jquery验证插件有很多,实现的功能也基本相同.本文介绍的只是jquery验证插件中的一种jquery.validate 1.jquery.validate插件功能 简单实现客户端信息验证,过滤不符合要求的信息 2.jquery.validate官方地址 官方地址:http://jqueryvalidation…

Android App开发中用到过的专题类开源代码: 项目的需求多了,不知不觉成了Github摘抄员,感谢分享精神,节省了很多弯路和时间.不过想要实现指定效果,还是要看懂作者的思路才好下手改造. 主题:     Gif动画 链接:     https://github.com/koral--/android-gif-drawable 简介:     在Android上讲动画的Gif像View和Drawable一样使用,使用JNI lib的方式播放Frame,比直接利用WebView或Movie类…

笔者菜鸟里最不会飞的那个,所以这些基础的习惯都没养成,正好抽时间特意做个笔记以方便自己规范代码, 有兴趣的大佬多多指点. 养成好的编码习惯收益良多, 总结下编码时应注意的细节<借鉴高程里代码约束>,对了默默吐槽下,说是前端不需要英语基础的那些机构们真的是为了钱失了智; a .命名约束:匈牙利命名/驼峰命名/帕斯卡命名法 匈牙利命名:此命名方法可细分为系统匈牙利命名法和匈牙利应用命名法. -> 语法:变量名 = 类型 + 描述 ->约定类型: a --- array o --- ob…

一.JQ入门 二.引入JQ 三.页面加载 四.分析JQ源码流程 五.JQ操作 六.c菜单栏案例 一.JQ入门 what is jQuery ???1.jQuery是对原生JavaScript二次封装的工具函数集合<注: 使用jq,基本上都是完成函数的调用, 函数调用需要()>2.jQuery是一个简洁高效的且功能丰富的JavaScript工具库<注:本质还是js,采用的还是原生js语法,只是对js做二次封装> 优势:1. 简洁的选择器2. 强大的DOM操作3. 简化的Ajax操作4…

一.网页变灰的代码:a) 网页变灰色<head>加到这里</head><style type="text/css">html {FILTER: gray}</style>b) <style type="text/css"><!--BODY {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}--></styl…