confidence68的专栏

之前用的一个地址过期了，现整理下自己在用的一个方法，资金充足推荐官方购买1：   首先去下载注册码，注册码地址 ：点击打开链接（http://idea.lanyus.com/）        打开链接后的页面，点击下载注册码：2：找到我们安装的包的bin的目录，将我们的下载的jar包放进去，          3：编辑我们的  idea64.exe.vmoptions  和  idea.exe.v...

视觉差效果描述所谓视觉差效果，就是我们所看到的那种背景固定的滚动的效果，你可以预览查看。我前面加链接的这两个，都是我们所常说的视觉差效果。其实视觉差效果流行蛮久了！那今天，我和大家简单介绍一下这个视觉差效果！视觉差效果的原理视觉差效果的制作，我们主要要了解css背景background-attachment: fixed;这个属性，我之前有介绍过background-image，制作多个背景这个属性

一直没有时间弄这个资料库，从2014年就开始筹备，中间断了好久！前段时间重新开始整理，整理了一部分前端资料，作为资料库上线，和大家一起分享！

问题1、你知道iframe和frame的区别吗？2、你用过frameset等相关属性吗？iframe和frame的区别不知道你在项目中用过frameset属性没有，frameset这个属性是在去年我在一个在线客服系统制作中用过，因为客服系统要有固定的布局，上面一块，下面一块等等，当时就是用的frameset和frame。在我用完了这些属性之后，我才明白了iframe和frame的区别。因为在这之前，我项目中一般不用框架，用的话也就是用到iframe。

作为前端开发，资料少不了，近期总结了一个前端资源列表。希望相互交流！http://www.haorooms.com/nav

jquery的checkbox，radio，和select是jquery操作的一个难点和重点，很多前端新手对其了解不是很透彻。时间久了不用，我在写的时候有时也难免对某些操作支支吾吾，记不清楚，现在，对其做一些简单的总结！

下载nginx1.7.4#注：下载地址：http://nginx.org/download/nginx-1.7.4.tar.gz

路径操作的CentOS常用命令 现在整理如下

本文演示在Linux上安装NodeJS及Express开发框架

一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安

今天研究了一下sublime,瞬间发现sublime text 简称ST简直是前端神器！拥有超强的代码编写能力，

js手机相应导航，可以在自适应屏幕的时候运用，当网站屏幕小到一定程度是，让该导航出现，该导航效果如下图：多级导航！

1，show dbs  查询mongodb里面的数据库列表

上面几个网站的UI和实现，本人觉得还不错，可以在制作和设计网站的时候做一些参考！优秀的博客在这里就不举例了。。。

1.子查询是指在另一个查询语句中的SELECT子句。 例句： SELECT * FROM t1 WHERE column1 = (SELECT column1 FROM t2); 其中，SELECT * FROM t1 ...称为Outer Query[外查询](或者Outer Statement), SELECT column1 FROM t2 称为Sub Query[子查询]。

解决思路大概就是屏蔽ECshop扩展的toJSONString方法，用别的函数代替。1.首先复制一份 transport.js 改名为 transport.org.js 提供给后台使用2.屏蔽掉transport.js里的toJSON功能 行数大概有497-737行之间//修改352行为:legalParams = 'JSON=' + $.toJSON(params);//

二话不说直接上效果图：实现原理:1:css控制本来要显示的radio为一小矩形.2:当点击此小矩形时,js使此radio选中,同时改变此小矩形的外观样式.涉及的修改文件，请做好备份(default模板为例)/themes/default/style.css/themes/default/goods.dwt注:此路径为待修改模板路径

下面分享一个PHP制作的图片验证码案例：案例如下图：

随着手机开发越来越流行，手机开发的很多框架也应运而生，比较好用的手机网站开发框架推荐如下： 1、zeptojs，里面封装了很多手机特有方法，例如touch.js等等。和jquery用法差不多，很好上手！

今天在公司没事，研究了一下最近流行的SVG技术，发现，随着css3的不断流行，和浏览器技术的发展，SVG将会取代网站大量图片，成为网站图片展现的主流。

GETTING STARTED WITH ANGULARJSBefore we can do anything we need to create a simple HTML page that we can include AngularJS into. Create a file called index.html and use the following code:he

表单控件(input, select, textarea )是用来获取用户输入的。表单则是一组有联系的表单控件的集合。用户能通过表单和表单控件提供验证的服务，知道自己的输入是否合法。这样能让用户交互变得友好，因为用户能通过反馈来修正自己的错误。不过，虽然客户端的验证能够起到很大作用，但也很容易被绕过，所以不能完全依靠客户端验证。 要建立安全的应用，服务器端验证还是必不可少的。简单表

Hello World!开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”：使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html。将下面的源代码复制到您的HTML文件。在web浏览器中打开这个HTML文件。

前台绑定jsmart是一种不错的选择。之前在项目中经常用到。最近涉足部分后端领域，jsmart用的相对少了一些，主要是因为他要引用一个文件，还要写模板，在简单的项目中，就直接用js绑定了，只有在非常复杂的前端绑定中才使用。

IE6 png 背景透明的方法有很多，网上也可以随处查到，我之前一直用pngfix进行透明，但是有时候是可以的，有时候会出现问题，要么透明透的太厉害，都看不到了，要么就到时图片变形，出现多个图片，影响样式，经过长期的总结，我觉得以下方面比较好，针对网站中某张图片做处理，一般不会出现问题。网站尾部加上如下代码DD_belatedPNG.fix('.ad_i

使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；下面符号列表的后面有两列编号，它们并不太一样，第一列是用于HTML的，你需要在前面加上&#符号；第二列可以用于CSS文件中，但是需要用反斜杠\转义；第二列也可以用于JavaScript，和CSS用法一样，不过要用\u来转义。需要主意

制作网页的时候，IE8浏览器浏览页面的时候，有时候文档模式默认是IE7，导致IE8兼容性不是很好，出现IE7应该出现的模式。

使用panel的onMove事件解决了panel,dialog以及window组件在被拖动时，会超出浏览器边界而无法拖回的情况。当窗口被拖出浏览器有边界时，$(document).width();会增大，增大的部分就是窗口超过浏览器窗口的部分，所以right > browserWidth条件永远无法满足。

jQuery窗口、文档各种高度的理解

jQuery获取Select元素，并选择的Text和Value: 1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 

导出EXCEL一般是用PHP做，但是项目中，有时候PHP后端工程师返回的数据不是我们想要的，作为前端开发工程师，把对应的数据编号转换为文字后，展示给用户，但是，需求要把数据同时导出一份EXCEl。无奈之下，我只能用js导出table中的数据了。

CSS3制作精美日历，很不错，给大家分享一下，学习一下！

前端部署ant+yuicompressor文件压缩+获取版本号+SSH发布（部分代码）,部署方便了！

之前在百度博客上写过一篇关于CSS hack的汇总，对CSS各种hack做了汇总，最近浏览器很多时候都不考虑IE6了，IE6在很长一段时间里，他的兼容性让很多搞前端的人员头痛！

分享一个纯css制作的动画化，在网页（手机）加载等的时候可以引用！

分享一个手机隐藏导航，点击出现，点击隐藏。如下图：

最近在用手机做网站的时候，发现，用同等比例的图片在

推荐一个比较好用的安卓虚拟机，地址http://www.genymotion.cn/

highhcarts是一个很好的jquery封装的图标制作工具，

CSS3动画效果大全/* animation */.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}.a-fadein,.a-fadei

js弹出弧形按钮如下图：

function in_array(stringToSearch, arrayToSearch) {for (s = 0; s < arrayToSearch.length; s++) {thisEntry = arrayToSearch[s].toString();if (thisEntry == stringToSearch) {return true;}}return fals

仿IBM网站首页效果http://pan.baidu.com/share/link?shareid=2423301494&uk=3305909457

IE6把select文本框挡住弹出div的调整方法   写上弹出层的宽度和高度，就可以了！example:js            $('#innerperson').click(functio

$("#file").uploadify({ 'width': 110, 'height': 30, 'uploader' :'/common/uploadify/jquery.uploadify-v2.1.0/uploadify.swf', 'cancelImg': '/common/uploadify/jquery.uploadify-v2.1.0/cancel

js提交form表单所以我总结了一下，用Javascript提交表单大概有两种写法（根据我目前的理解）1. document.formName.submit();2.  var form = document.getElementById(id);    form.submit();input file 文件上传控制上传文件的大小和格式

邮箱和手机：(^[\w.\-]+@(?:[a-z0-9]+(?:-[a-z0-9]+)*\.)+[a-z]{2,3}$)|(^1[3|4|5|8]\d{9}$)手机和电话：(^13[0-9]{9}$|14[0-9]{9}|15[0-9]{9}$|18[0-9]{9}$)|(^0(10|2[0-5789]|\\d{3})\\d{7,8}$)同时验证一般是在两个

1、滚动轴::-webkit-scrollbar{    padding-left:1px;    background-color:#fafafa;    overflow:visible;    width:9px;}::-webkit-scrollbar-thumb{    background-color:rgba

使用panel的onMove事件解决了panel,dialog以及window组件在被拖动时，会超出浏览器边界而无法拖回的情况。当窗口被拖出浏览器有边界时，$(document).width();会增大，增大的部分就是窗口超过浏览器窗口的部分，所以right > browserWidth条件永远无法满足。如果我们在思考得多一点，其实对于panel,dialog,window

今天开电脑，打开XAMPP,突然appach启动不了了。昨天还好好的，很是郁闷！找了一下原因如下：打开Aapche的日志文件error.log。发现有如下的错误日志记录[Thu Jan 09 16:30:00 2014] [notice] Digest: generating secret for digest authentication ...[Th

只要写一个方法就可以了。fangf

@media screen and (max-width: 1100px) {//此处写最大屏幕是1100px的css}@media screen and (max-width: 978px) {//此处写最大屏幕是978px的css}@media screen and (max-width: 978px) {#footer{

如下图：百度文库刷新页面之后数字由0滚动到9。最近总结了一个这个效果！思路，背景图片滚动，根据数字多少，进行相应的滚动。要引用一个jquery插件animateBackground-plugin.js用法如下：$(function(){  show_num(12566);

一个比较好用的日期和日历插件，可以指定时间范围，在范围之外的不能选择，只有范围之内的才可以选择。如下图：日期和日历插件demo下载

// JavaScript Document//调用方法//   var test=new PageToExcel("data",0,255,"测试.xls");//table id , 第几行开始，最后一行颜色 ，保存的文件名//   test.CreateExcel(false);//   test.Exec();//   test.SaveAs();//   test

table中可以把js中li改成tr就可以了如下图下载地址 js滚动

function checkLength(which) {var maxChars = 10; //if(which.value.length > maxChars){alert("您出入的字数超多限制!");// 超过限制的字数了就将 文本框中的内容按规定的字数 截取which.value = which.value.substring(0,maxChar

百度地图API要先申请key。申请了之后代码如下body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}用城市名设置地图中心点// 百度地图API功能

近期准备申请一个阿里云的空间，里面是linux操作系统，基于本人是linux菜鸟，进行了linux突击学习，首先，说明一下centeros下面安装appach，mysql和php注意，一般centeros要用root登录才能获得最高权限！一、使用screen(可选)1、安装screen如下命令：yum install -y screen

项目要求，不要详细日期，时间只显示年和月，例如2013-09这样的格式为此，我写了如下一个demodemo下载http://download.csdn.net/detail/confidence68/7166479转载请注明！

最近做了微信平台的项目，微信中调用网页。    我把网页制作了全屏效果，电脑上可以缩放浏览器观看，也可以扩展浏览器查看。按理说，手机屏幕是小的，应该看到比较好的效果，但是手机上预览和电脑上预览一样，网页很长。    如何防止此类事件发生呢？   在Mobile页面上有提供viewport这个meta，可以用它来设置缩放。 但是在使用viewport之前要把页面的文档类型改成

EXTJS5带领EXTJS步入了新的时代，Ext JS 5已经不再支持IE6、IE7和其他旧版本的浏览器了，这样可以显著减少跨整个框架的逻辑和样式设置。再加上额外的优化，Ext JS 5已经为企业级的Web应用程序迈出了惊人的一步。      EXTJS5不在和EXTJS4一样，直接应用就可以运行，EXTJS5运行需要2步      1、下载和安装 Sencha Cmd 5 win

1、导出csv文件<?php require_once (dirname(__FILE__) . "/../include/common.inc.php"); $output = fopen('','w') or die("can't open "); header('Content-Type: ap

function RemoveXSS($val) {    // remove all non-printable characters. CR(0a) and LF(0b) and TAB(9) are allowed    // this prevents some character re-spacing such as     // note that you have to

1、dedecms  common.inc.php代码中封装了数据库信息，直接引入即可。由于本人做前端开发，对应后端PHP操作不是很熟练，因此，在做dedecms后台二次开发的时候，摒弃了dede自身的模板，自己用PHP写了新的功能，新的功能直接用php页面执行即可。dede数据库查询：      require_once (dirname(__FILE__) . "/

制作网页的时候，IE8浏览器浏览页面的时候，有时候文档模式默认是IE7，导致IE8兼容性不是很好，出现IE7应该出现的模式。解决办法如下：在X-UA-Compatible中可用的方法有：IE5和IE7现在已经不用了。其中最后一行是Edge 模式，通知 Windows Internet Explorer 以最高级别的可用模式显示内容。

CSS中有很多标签写法，不常用的话，就容易忘记，手写写不出来，还要再查资料什么的，现在对我工作中容易忘记的标签写法整理一下：1、谷歌闭合机制.clear{height:1px;overflow:hidden;clear:both;}.clearfix{*zoom:1}.clearfix:after{display:block;visibility:hidden;

在网站css样式中添加如下代码：html {   filter: grayscale(100%);//IE浏览器  -webkit-filter: grayscale(100%);//谷歌浏览器  -moz-filter: grayscale(100%);//火狐  -ms-filter: grayscale(100%);  -o-filte

在css文件中使用中文字体时，如果书写中文，在IE6下，可能会导致部分样式无法识别，所以最好在CSS文件中不要出现中文，包括注释。一下是中文字体对应的英文写法：华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong俪黑 Pro：LiHei Pro Medium

nodejs+express开发环境快速搭建：1.下载安装node js, 设置环境变量path: http://nodejs.org/dist/v0.8.21/x64/node.exe 2. npm安装express: npm install -g express 3. npm安装supervisor: npm install supervisor -g 3. c