- 博客(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 2071
原创 仿百度首页登陆框拖拽效果(可视窗口内拖动)
慕课网视频地址: 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 60285
原创 CSS技巧收集——毛玻璃效果(深入理解滤镜filter)
原文链接:http://www.cnblogs.com/ghost-xyx/p/5677168.html先上 demo 和 源码其实毛玻璃的模糊效果技术上比较简单,只是用到了 css 滤镜(filter)中的 blur 属性。但是要做一个好的毛玻璃效果,需要注意很多细节。比如我们需要将上图中页面中间的文字区域变成毛玻璃效果,首先想到的是给其设置一个透明度,并添加模糊滤镜:.content {
2016-07-16 23:55:29 28868 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 10233 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 4283 1
转载 Canvas 大师之路
canvas 是H5 里面神一样的东西,使得只是通过html和js就能做出非常棒的游戏和画面.因为对前端无限的爱好,更加对canvas充满好奇,将我学习canvas的经验和样例分享出来,两个目的给自己做笔记,以后忘的时候可以随时看充实自己的博客.canvas基本的语法都比较简单,我这里就不再介绍,主要通过一些由简到繁的例子来深入学习canvas.我所有的代码都会托管到github我的开发环境是VS
2016-07-25 13:08:15 801 2
原创 css技巧,如何设置select、radio 、 checkbox 、file这些不可直接设置的样式 。
前言: 都说程序员有三宝:人傻,钱多,死得早。博主身边的程序“猿”一大半应了这三宝,这从侧面说明了一个问题,只有理性是过不好日子的。朋友们应该把工作与生活分开,让生活变得感性,让工作变得理性,两者相提并行,岂不快哉。咳,话题扯得有点远,今天博主给大家写一篇关于css如何设置select、radio 、 checkbox 、file样式的问题,这里不涉及模拟框,仅介绍原生情况下如何做到自定义样式,
2016-07-25 13:03:08 2665
原创 可视区域内拖拽
视频地址: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 5431
原创 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 3228
原创 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 4899
转载 Chrome使用技巧(几个月的心得)
原文地址:http://www.cnblogs.com/MuYunyun/p/5678405.html#3471461阅读目录如何最简易地用上谷歌搜索?chrome实用插件:Chrome调试工具介绍:快速切换文件在源代码中搜索在源代码中快速跳转到指定的行使用多个插入符进行选择设备模式格式化凌乱的js源码颜色选择器改变颜色格式强制改变元素状态(方便查看不同状态下元素的样式)利用chrome来查看和编
2016-07-17 15:33:02 5754 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 6611
原创 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 4570
原创 图片斜拼接
原文链接: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 2080
原创 短信发送倒计时(以及正则验证)
<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 3557 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 3265
原创 手把手教你做三级联动
<!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 4064 1
原创 js简单的设置快捷键,hotkeys捕获键盘键和组合键的输入
设置快捷键这是一个强健的 Javascript 库用于捕获键盘输入和输入的组合键,它没有依赖,压缩只有只有(~3kb)。hotkeys on Github:https://github.com/jaywcjlove/hotkeyshotkeys预览:http://jaywcjlove.github.io/hotkeys/ __ __ __
2016-07-05 22:42:41 6546 2
原创 Jquery事件委托之Safari
什么是事件委托事件委托是Jquery中一种事件绑定的方式,不同于常见的事件绑定方式将事件绑定在目标元素上,而是将事件绑定在父级元素上通过事件冒泡来执行绑定函数。//常见的事件绑定(Jquery)$(element).click(function(){ //do something})//事件委托(Jquery)$(parents).on("click",element,functi
2016-07-05 22:23:31 1673
原创 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 2168
手把手教你做APP官网网站(带动画效果,插入百度地图)
2016-03-20
手把手教你制作easyUI工作站,主要学习tabs方法
2016-03-19
加载特效加载特效加载特效
2016-03-07
HTTP权威指南(高清).pdf版
2017-10-11
深入理解ES6 【美】Nicholas C. Zakas
2017-07-14
解密小米魅族等网站在可视区域加载动画
2016-08-13
利用jQuery旋转插件jqueryrotate制作转盘抽奖(ajax版)
2016-08-13
基于jQuery左右滑动切换特效(4星级)
2016-08-04
js仿iPhone手机端alert,loading,正在加载...
2016-07-15
支持移动端,PC端图片弹出层(支持键盘)
2016-07-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人