aizhanqian5077-CSDN博客

转载 oracle笔记

修改日期为格式字符串to_char(date, 'yyyy/mm')获取当前日期往前6个月add_month(sysdate, -5)order by 要放在group by 后面SELECT FORMATDATE, DEALER, SUM(AMOUNT) FROM SHIPMENTS WHERE F...

2018-08-17 10:53:00 163

转载 javascript Cookie

cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。JS设置cookie:假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：document.cookie="name="+username; JS读取cookie:假设cookie中存...

2016-06-22 22:30:00 151

转载 currentColor

http://www.zhangxinxu.com/wordpress/2014/10/currentcolor-css3-powerful-css-keyword/转载于:https://www.cnblogs.com/zcynine/p/5598527.html

2016-06-19 18:17:00 188

转载 clip:rect()

写进度条的时候用过这个方法，记录一下它的用法是.test{ clip: rect(<top>, <right>, <bottom>, <>left);}方向是按顺时针走的。具体这四个值代表什么意思，看下面这几张图就明白了。Demo<!doctype html&...

2016-06-16 12:55:00 170

转载 webkitAnimationEnd事件与webkitTransitionEnd事件

写一个焦点图demo，css3动画完成以后要把它隐藏掉，这里会用到css3的事件，以前没有接触过，结果查了一下发现这是一片新天地啊，而且里面还有好多坑，比如重复动画多次触发什么的。anyway，我还是先抓住有用的吧！任何能为我所用的都是有用的，任何不能为我所用的都是没用的，任何我能学会掌握的都是有用的，我学不会的，再屌也没用！//捕捉webkitAnimationEnd事件...

2016-06-13 16:02:00 135

转载正方体旋转demo

接着上一篇博客的内容顺藤摸瓜往下想，既然stage有景深这个概念，可以表达3D场景，那么这个stage就可以呈现立体几何咯，于是自己写了个Cubic Demo一个正方体有6个面，我们把一个正方体平铺开来就是一个十字的形状，然后变换每一面的角度把正方体“折叠”起来！<!DOCTYPE html><html><head> ...

2016-06-12 21:26:00 143

转载由-webkit-transform-style:preserve-3d;所想

看一个用css3写幻灯片的demo用到了这么几个属性.demo{ -webkit-transform-style:preserve-3d; -webkit-perspective:800px; -webkit-transform-origin:left; backface-visibility:hidden;}一时半会儿理解不了...

2016-06-12 16:44:00 332

转载设置网站的图标

从来没碰到过这种需求，记录一下，留个印象。<link rel="icon" href="img/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />转载于:https://w...

2016-06-11 00:35:00 75

转载条件注释判断浏览器

<!--[if IE 6]> 仅IE6可识别 &lt...

2016-06-10 23:05:00 46

转载怎样动态地插入不会暴露给用户的JS文件

也是无意间看见的，以前想过这个问题，但是没多想，今天看到这段代码豁然开朗(function() { var dynamicScript = document.createElement('script'); dynamicScript.type = 'text/javascript'; dynamicScript.async = true; ...

2016-06-10 22:54:00 188

转载 scale.fix.js

无意间在一个网站上看到的，本来是对另一个效果感兴趣的，结果看到这个放开来的js就读了一下。var metas = document.getElementsByTagName('meta');var i;if (navigator.userAgent.match(/iPhone/i)) { for (i=0; i<metas.length; i++) {...

2016-06-10 22:48:00 102

转载 inline-block的间距问题

张鑫旭的博客有提到，解决的方法有很多，先贴下，回头再做整理。http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/转载于:https://www.cnblogs.com/zcynine/p/5571847.html...

2016-06-09 01:57:00 80

转载如何用javascript获取和设置css3属性

==================获取========================我想到的第一个思路var test = document.getElementById('test');console.log(test.style);然而这种方法并没有什么效果，因为style代表的是行间样式。我突然想起以前学JS运动，有一个叫做getStyl...

2016-06-09 01:28:00 118

转载 tweenMax学习笔记

tweenMax是一款缓动插件，能实现很多牛逼的效果，在网上看了些demo，确实很吊，虽说很多用CSS3也能做出来，但是技多不压身，学之。网上的demo还是很多的，但是资料不多，唯一能够让我有思绪的就是tweenMax的官网（http://greensock.com/tweenmax）讲到这个Greensock，我还特意去了下它的gihub（https://githu...

2016-06-06 22:46:00 249

转载移动端获取手机摄像头和相册

获取相册的方法<input type="file" accept="image/*" /> http://www.html5plus.org/doc/zh_cn/gallery.html获取摄像头的方法http://www.html5plus.org/doc/zh_cn/camera.html转载于:https://www.cnblog...

2016-06-05 21:01:00 275

转载 livereload使用方法

搞这个自动刷新的插件搞了好几个小时了还没搞明白，快被气死了，想改用browser-sync结果npm又一直转啊转一直卡死。刚才终于神奇地搞定了，结果发现还是我自己智商太低。。。大概的经过是这样的。。。首先如果你没装node/npm/gulp/livereload就别玩了，这个东西离你还很遥远，你甚至要花一些时间去了解这些东西是什么鬼。然后你还得下载一个liv...

2016-06-04 23:07:00 172

转载 Bower使用笔记

全局安装bower$ npm install -g bower检测成功$ bower help在项目根目录下进行安装(最新版本)，会自动生成一个bower_components文件夹（如果在cmd下会出bug就修改下环境变量，或者用git bash）$ bower install jquery列出已安装包列表$ bower list...

2016-06-04 17:50:00 81

转载 github 远程仓库

因为本地Git仓库和GitHub仓库之间的传输是通过SSH加密的，所以设置一下第1步：创建SSH Key。在用户主目录下，看看有没有.ssh目录，如果有，再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件，如果已经有了，可直接跳到下一步。如果没有，打开Shell（Windows下打开Git Bash），创建SSH Key：$ ssh-keygen -t rsa...

2016-06-04 16:41:00 76

转载 git for windows 本地仓库

1.安装先在网上安装好git for windows的程序在gitbash中输入以下$ git config --global user.name "Your Name"$ git config --global user.email [email protected].创建版本库根据自己的喜好找个目录创建一个文件夹，我这里选的是E:/mygit/...

2016-06-04 15:01:00 73

转载模仿博客园写了一个在线编辑自动保存

本来只是想写个简单的demo，没想到写得越多，强迫症犯得越厉害，又搞到凌晨了，不行了，贴完代码就睡觉去了。没什么好解释的，注释都写的很清楚。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta ...

2016-06-03 01:24:00 130

转载关闭标签页时询问是否关闭

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-sca...

2016-06-02 23:04:00 102

转载对象的浅拷贝与深拷贝

因为JS对象和函数都存在引用的关系，某些时候我们想要直接复制一个对象或者数组什么的，存在引用关系会引起程序发生我们不期望发生的改变，所以需要进行拷贝方法的封装。浅拷贝，适用于对象深度只有一层，多层的对象要使用深拷贝，把所有层都拷贝出来。function simpleCopy(obj){ //浅拷贝 var newObj = {}; ...

2016-06-02 22:59:00 71

转载用原生JS实现getElementsByClass

直接用jQuery里Sizzle选择器那一段源码也行，自己写了一个function getByClass(oParent,sClass){ var aEle = oParent.getElementsByTagName('*'); var result = []; var re = new RegExp('\\b' + sClass + '\\...

2016-06-02 22:11:00 102

转载文字选取的方法

IE下有些特殊，所以要做if...else...判断返回的结果是选取的文字的字符串格式function selectText(){ if(document.selection){ //ie return document.selection.createRange().text; } else{ //标准 ...

2016-06-02 22:02:00 91

转载面试必备之快速排序

快速排序的原理为1.找一个基准数（从数组的中间取）2.把所有数和基准数作比较，小的放基准数的左边，大的放基准数的右边3.再不断地把左边和右边两个数组递归demo如下<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD...

2016-06-02 15:22:00 56

转载 H5播放器

自定义视频播放器的最好办法就是，隐藏掉原生播放器，把图像输出到canvas上面，然后再在周边加上一系列的控件，控件通过H5的API来控制源，源被控制了，Canvas上的图像也就被控制了。自定义音频播放器的最好办法原理基本如上，有时间我要写个牛逼的播放器。测试Demo<!DOCTYPE html><html><head...

2016-06-01 23:22:00 154

转载瀑布流原理

瀑布流效果分为两类：蘑菇街效果（第一种：固定列数）、百度图片/花瓣网(第二种：随着窗口的大小列数发生变化 )涉及到的问题：1.数据问题（应用的技术：ajax/jsonp）2.数据加载之后如何显示在页面上，展现出效果。第一种：蘑菇街式的固定列数原理：一个ul，如果有四列，就是有四个li(浮动定位，宽度提前定义，但是高度没有定义)，如果一次性的加载10条数据，那么一...

2016-05-27 16:07:00 86

转载 -webkit-css

WebKit CSS:1.“盒模型”的具体描述性质的包围盒块内容，包括边界，填充等等。.test{ -webkit-border-bottom-left-radius: radius; -webkit-border-top-left-radius: horizontal_radius vertical_radius; -webkit-border...

2016-05-03 13:58:00 137

转载手机中的js事件

// 手势事件touchstart //当手指接触屏幕时触发touchmove //当已经接触屏幕的手指开始移动后触发touchend //当手指离开屏幕时触发touchcancel // 触摸事件gesturestart //当两个手指接触屏幕时触发ges...

2016-05-03 13:31:00 80

转载长按识别二维码所联想到的长按问题

长按原生js写法<script> var num = 0 ; function whichElement(e){ var timer_alert = setTimeout(function() { if(e.which==1) { num++ ...

2016-05-03 13:28:00 161

转载手机网页中，长按会触发系统事件，怎么取消这些事件？

给要取消系统事件的元素加上如下css.test { -webkit-user-select: none; -moz-user-select: none;}转载于:https://www.cnblogs.com/zcynine/p/5454655.html

2016-05-03 13:26:00 179

转载微信网页动画---swiper.animate.css

项目需要，自己写了个demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalabl...

2016-04-27 16:57:00 102

转载 browser.versions.weixin

最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。以下是一段示例代码，注释中表明了通过JS如何判断是否在微信浏览器打开，是否在QQ空间浏览器，是否在新...

2016-04-27 14:55:00 314

转载微信 js-sdk

使用方法http://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.htmlDemohttp://203.195.235.76/jssdk/转载于:https://www.cnblogs.com/zcynine/p/5438684.html

2016-04-27 14:09:00 70

转载关于移动端页面强制横屏的问题

http://www.noupe.com/design/html5-screen-orientation-api-uses-javascript-to-rotate-the-screen-89639.html转载于:https://www.cnblogs.com/zcynine/p/5434810.html

2016-04-26 13:48:00 139

转载视差插件parallarx

github上的demo，自己拿来改了改。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, us...

2016-04-24 14:43:00 83

转载经典幻灯片插件Swiper

照着写的demo，搞清楚什么叫分页器Pagination，什么叫nav，搞清楚DOM结构，container，wrapper之类的，就能写了。效果掉渣天！<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="view...

2016-04-24 10:40:00 91

转载经典全屏滚动插件fullPage.js

要写简单可以写的很简单，对着github上面的参数和注释随便写了个demo。这个插件十分高端大气上档次，配上良好的配色和布局，简单几笔就可以把网站装扮得十分洋气。唯一的缺点就是，感觉对移动端的兼容性略有不足。下面是我的demo。<!DOCTYPE html><html><head> <meta ...

2016-04-24 00:36:00 80

转载 Dialog插件artDialog

经本人测试，发现没有layer好用，因为artDialog不能拖拽。不过除了拖拽，其他还蛮简洁的，在自定义上的灵活性也还可以。下面是我自己写的测试demo。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewpo...

2016-04-23 23:03:00 79

转载经典Dialog插件Layer

Github上只有一个test，所以最好还是到官网去学习，官网的示例写的很详尽，难得一见的设计思路和灵活性都极好的插件。下面是我自己test过的demo<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewp...

2016-04-23 20:04:00 120

空空如也

空空如也