自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

黄沙百战穿金甲,不破楼兰终不还。

------->生无所息 行胜于言<-------

  • 博客(23)
  • 资源 (200)
  • 收藏
  • 关注

原创 js 面试的坑(2)

Part1 手写代码现场手写代码是现在面试中很常见的一类面试题,考察基础的数据结构与算法能力。1 数组去重的实现基本数组去重Array.prototype.unique = function(){ var result = []; this.forEach(function(v){ if(result.indexOf(v) 0){ resu

2016-07-25 12:35:15 2068

原创 仿百度首页登陆框拖拽效果(可视窗口内拖动)

慕课网视频地址: http://www.imooc.com/learn/60<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style type="text/css"> * {

2016-07-18 00:24:18 60279

原创 CSS技巧收集——毛玻璃效果(深入理解滤镜filter)

原文链接:http://www.cnblogs.com/ghost-xyx/p/5677168.html先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单,只是用到了 css 滤镜(filter)中的 blur 属性。但是要做一个好的毛玻璃效果,需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果,首先想到的是给其设置一个透明度,并添加模糊滤镜:.content {

2016-07-16 23:55:29 28867 1

原创 CSS实现单行、多行文本溢出显示省略号(…)

.inaline { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*clip 修剪文本。*/ } .intwoline { display: -webkit-box !important; overflow: hidden; text-o

2016-07-10 16:14:53 10231 2

原创 支持移动端,PC端图片弹出层(支持键盘)

DEMO下载:http://download.csdn.net/detail/cometwo/9571755<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" conten

2016-07-09 17:57:17 4282 1

转载 Canvas 大师之路

canvas 是H5 里面神一样的东西,使得只是通过html和js就能做出非常棒的游戏和画面.因为对前端无限的爱好,更加对canvas充满好奇,将我学习canvas的经验和样例分享出来,两个目的给自己做笔记,以后忘的时候可以随时看充实自己的博客.canvas基本的语法都比较简单,我这里就不再介绍,主要通过一些由简到繁的例子来深入学习canvas.我所有的代码都会托管到github我的开发环境是VS

2016-07-25 13:08:15 799 2

原创 css技巧,如何设置select、radio 、 checkbox 、file这些不可直接设置的样式 。

前言:  都说程序员有三宝:人傻,钱多,死得早。博主身边的程序“猿”一大半应了这三宝,这从侧面说明了一个问题,只有理性是过不好日子的。朋友们应该把工作与生活分开,让生活变得感性,让工作变得理性,两者相提并行,岂不快哉。咳,话题扯得有点远,今天博主给大家写一篇关于css如何设置select、radio 、 checkbox 、file样式的问题,这里不涉及模拟框,仅介绍原生情况下如何做到自定义样式,

2016-07-25 13:03:08 2663

原创 可视区域内拖拽

视频地址:http://www.imooc.com/learn/60看最下面的例子<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>慕课网-拖拽效果</title> <style type=

2016-07-17 20:05:12 5430

原创 CSS 三列平分

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0px; padding: 0px;

2016-07-17 17:41:58 3227

原创 padding 不把盒模型撑开

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .main{ width: 200px; height: 200px;

2016-07-17 15:51:09 4895

转载 Chrome使用技巧(几个月的心得)

原文地址:http://www.cnblogs.com/MuYunyun/p/5678405.html#3471461阅读目录如何最简易地用上谷歌搜索?chrome实用插件:Chrome调试工具介绍:快速切换文件在源代码中搜索在源代码中快速跳转到指定的行使用多个插入符进行选择设备模式格式化凌乱的js源码颜色选择器改变颜色格式强制改变元素状态(方便查看不同状态下元素的样式)利用chrome来查看和编

2016-07-17 15:33:02 5753 1

原创 CSS水平垂直翻转效果

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> a { display: block; float: left; ma

2016-07-16 18:37:01 6610

原创 jQuery.tap.js插件tap事件执行两次问题

jQuery.tap.js/** * Author: Sergey Bondarenko (BR0kEN) * E-mail: broken@propeople.com.ua * Github: https://github.com/BR0kEN-/jTap * Updated: May 27, 2014 * Version: 0.2.8 */(function($, _) { '

2016-07-16 18:11:19 7101 1

原创 js仿iPhone手机端alert,loading,正在加载...

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <t

2016-07-15 11:35:25 4568

原创 图片斜拼接

原文链接:http://www.alloyteam.com/2016/02/use-the-css-of-the-mask-to-achieve-a-picture-diagonal-mosaic/<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style

2016-07-15 11:15:03 2078

原创 短信发送倒计时(以及正则验证)

<div class="login"> <form action="" method="post"> <div class="login-box"> <p class="pho-0 pho"> <img class="" sr

2016-07-13 16:14:27 3391

原创 手机标题栏左右滑动无滚动条

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <ti

2016-07-12 19:39:04 3554 1

原创 手把手教你做三级联动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 省: <select style="width: 100px;" id="pre" onchange="chg(this);">

2016-07-12 14:05:43 3264

原创 手把手教你做三级联动

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 省: <select style="width: 100px;" id="pre" onchange="chg(this);">

2016-07-12 14:05:31 6725 2

原创 jquery插件讲解:轮播(SlidesJs)+验证(Validation)

转自:http://www.cnblogs.com/chenrf/p/5654093.html#undefinedSlidesJs(轮播支持触屏)——官网(http://slidesjs.com)1.简介SlidesJs是基于Jquery(1.7.1+)的响应幻灯片插件。支持键盘,触摸,css3转换。2.代码doctype html>head> style> /* Prevents

2016-07-12 13:03:07 4063 1

原创 js简单的设置快捷键,hotkeys捕获键盘键和组合键的输入

设置快捷键这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键,它没有依赖,压缩只有只有(~3kb)。hotkeys on Github:https://github.com/jaywcjlove/hotkeyshotkeys预览:http://jaywcjlove.github.io/hotkeys/ __ __ __

2016-07-05 22:42:41 6544 2

原创 Jquery事件委托之Safari

什么是事件委托事件委托是Jquery中一种事件绑定的方式,不同于常见的事件绑定方式将事件绑定在目标元素上,而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。//常见的事件绑定(Jquery)$(element).click(function(){ //do something})//事件委托(Jquery)$(parents).on("click",element,functi

2016-07-05 22:23:31 1671

原创 js可编辑表格

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript" src="js/editab

2016-07-05 09:30:16 2167

超级小的web手势库AlloyFinger

超级小的web手势库AlloyFinger:https://github.com/cometwo/AlloyFinger

2016-05-27

仿百度左右滑动无滚动条

参考:http://download.csdn.net/detail/cometwo/9523866

2016-05-18

jquery.nicescroll无滚动条左右拖拽

jquery.nicescroll无滚动条左右拖拽

2016-05-18

js+css文件压缩工具

js+css文件压缩工具

2016-05-07

旋转插件,可以制作轮播图

旋转插件,可以制作轮播图:http://blog.csdn.net/libin_1/article/details/51012070

2016-04-01

tab选项卡插件(6星级)

tab选项卡插件(6星级):http://blog.csdn.net/libin_1/article/details/50707870

2016-03-21

手机端左右全屏滑动

手机端左右全屏滑动:http://blog.csdn.net/libin_1/article/details/50945532

2016-03-21

手把手教你做APP官网网站(带动画效果,插入百度地图)

手把手教你做APP官网网站(带动画效果,插入百度地图):http://blog.csdn.net/libin_1/article/details/50939133

2016-03-20

手把手教你制作easyUI工作站,主要学习tabs方法

手把手教你制作easyUI工作站,主要学习tabs方法:http://blog.csdn.net/libin_1/article/details/50931955

2016-03-19

自定义抖动效果库

自定义抖动效果库

2016-03-18

基于Bootstrap的Jquery分页

基于Bootstrap的Jquery分页

2016-03-17

类似fullPage.js全屏滚动插件大全

类似fullPage.js全屏滚动插件大全

2016-03-17

等高布局

等高布局

2016-03-17

canvas-image

canvas-image:http://blog.csdn.net/libin_1/article/details/50890367

2016-03-15

图片鼠标悬浮效果

鼠标悬浮效果:http://blog.csdn.net/libin_1/article/details/50879505

2016-03-13

翻转效果翻转效果翻转效果

翻转效果:http://blog.csdn.net/libin_1/article/details/50866652

2016-03-12

强悍的鼠标悬浮图片特效hover.css

强悍的鼠标悬浮图片特效hover.css强悍的鼠标悬浮图片特效hover.css强悍的鼠标悬浮图片特效hover.css

2016-03-09

加载特效加载特效加载特效

加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效加载特效

2016-03-07

kxbdSuperMarquee.js无缝滚动

kxbdSuperMarquee.js无缝滚动:http://www.ijquery.cn/?p=240

2016-02-29

jquery.SuperSlide.js 轮播图和tab切换插件

jquery.SuperSlide.js 轮播图和tab切换插件

2016-02-29

每天一个linux命令PDF

每天一个linux命令PDF

2018-12-18

深入浅出Rxjs高清文字版PDF

深入浅出Rxjs高清文字版.pdf

2018-12-18

阿里巴巴校招前端笔试题

阿里巴巴校招前端笔试题 校招前端笔试题.pages

2018-03-12

算法图解PDF高清有书签

算法图解算法图解算法图解算法图解算法图解算法图解算法图解算法图解算法图解

2018-02-01

HTTP权威指南(高清).pdf版

本书是 HTTP 及其相关核心 Web 技术方面的权威著作, 主要介绍了 Web 应用程序是如何工作的,核心的因特网协议如何与架构构建块交互, 如何正确实现因特网客户端和服务器等。 本书适合所有想了解 HTTP 和 Web 底层结构的人阅读。

2017-10-11

JavaScript设计模式与开发实践

JavaScript设计模式与开发实践

2017-10-03

深入理解ES6 【美】Nicholas C. Zakas

ES6是ECMAScript标准十余年来变动大的一个版本,其中添加了许多新的语法特性,既有大家耳熟能详的Promise,也有闻所未闻的Proxy代理和Reflection反射;既有可以通过转译器(Transpiler)等方式在旧版本浏览器中实现兼容的let、const、不定参数、展开运算符等功能,亦有无论如何都无法实现向前兼容的尾调用优化。深入理解ES6的特性对于所有JavaScript开发者而言至关重要,在可预见的未来,ES6中引入的语言特性会成为JavaScript应用程序的主流特性,这也是《深入理解ES6》的初衷。希望你通过阅读《深入理解ES6》可以了解ES6的新特性,并在需要时能够随时使用。 购买地址:https://item.jd.com/12213616.html

2017-07-14

自己动手写分享插件

分享插件:http://blog.csdn.net/libin_1/article/details/52424340

2016-09-03

WOW.js(可视区域展示动画)

WOW.js(可视区域展示动画):http://blog.csdn.net/libin_1/article/details/52200659

2016-08-13

解密小米魅族等网站在可视区域加载动画

解密小米魅族等网站在可视区域加载动画:http://blog.csdn.net/libin_1/article/details/52199758

2016-08-13

图片懒加载(延迟加载)

图片懒加载(延迟加载)

2016-08-13

利用jQuery旋转插件jqueryrotate制作转盘抽奖(ajax版)

利用jQuery旋转插件jqueryrotate制作转盘抽奖(ajax版):http://blog.csdn.net/libin_1/article/details/52198339

2016-08-13

SliderPro插件(带缩略图),可以取代swiper的插件

SliderPro插件(带缩略图),可以取代swiper的插件

2016-08-04

基于jQuery左右滑动切换特效(4星级)

基于jQuery左右滑动切换特效(4星级):http://blog.csdn.net/libin_1/article/details/52108219

2016-08-04

js仿iPhone手机端alert,loading,正在加载...

js仿iPhone手机端alert,loading,正在加载...:http://blog.csdn.net/libin_1/article/details/51916304

2016-07-15

仿微信图片查看器(支持左右滑动)

仿微信图片查看器(支持左右滑动):http://blog.csdn.net/libin_1/article/details/51867794

2016-07-15

手机端图片弹出层查看(支持左右滑动图片切换)

手机端图片弹出层查看(支持左右滑动图片切换)

2016-07-14

支持移动端,PC端图片弹出层(支持键盘)

支持移动端,PC端图片弹出层(支持键盘):http://blog.csdn.net/libin_1/article/details/51867794

2016-07-09

刮刮卡效果

刮刮卡效果:http://blog.csdn.net/libin_1/article/details/51594869

2016-06-06

图片放大镜

图片放大镜:http://blog.csdn.net/libin_1/article/details/51497635

2016-05-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除