- 博客(34)
- 资源 (7)
- 收藏
- 关注
RSS订阅转载 particles.js中文开发手册
1.插件下载：http://download.youkuaiyun.com/download/qq_33527238/99898612.使用方法: 在需要插件的页面引入particle.js并配置粒子； （放到后面） （记得也必须引入app.js） 3.配置参数 （可在app.js中根据具体需求修改参数） 键值参数选项/
2017-09-22 09:35:55
932
转载 Vue新手环境搭建
原文链接https://segmentfault.com/a/1190000008922234第一步 node环境安装 1.如果本机没有安装node运行环境，请先下载node并进行安装； 2.如果本机以安装node环境，请先更新到最新版本。 下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/第二步 node环境监测
2017-09-19 11:50:03
606
原创 基础面试题
1.对WEB标准以及W3C的理解与认识？标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率使用外链css和js脚本文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问更少的代码与组件，便于维护，便于改版。提高网站的易用性。2.XHTML和HTML区别是什么？HTML是一种基本的WEB网页设计语言，而XHTML是一种基于XML的置标语言。不同在于：
2017-08-04 17:25:53
261
原创 JavaScript的几种Math函数,random(),ceil(),round(),floor()
1.Math.random(),返回在0~1之间的随机整数。2.Math.ceil()，返回值；返回大于或等于，并且与之最近的整数(如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”)。3.Math.round() 四舍五入，4.Math.floor()：返回值：返回小于或等于x，并且与之最接近的整数(如果x是正数，则把小数“舍”；如果x是负数，则把小数“入”。)。
2017-07-31 11:46:15
375
原创 js截取字符串的常用方法
1.使用substring()或者split() 函数：split();使用一个指定的分隔符把一个字符串分割储存到数组中。 var str="jpg|bmp|png|gif"; var arr=str.split('|'); 函数：join();使用你选择的分隔符将一个数组合并成字符串var mylist=new Array("jpg","png","ico","
2017-07-28 16:51:40
1252
原创 js数组去重并排序
第一种： var arr=[1,8,5,6,4,2,3,8,6,7,5,3]; var res=[]; for(var i=0;i if(res.indexOf(arr[i])==-1){ res.push(arr[i]); res.sort(); }
2017-07-27 10:37:24
6050
转载 AngularJS：router路由与多重视图详解
出处http://blog.youkuaiyun.com/evankaka详见：http://blog.youkuaiyun.com/evankaka/article/details/512359001.AngularJS路由介绍（详见上述地址）2. 路由常用方法和属性 路由一般主要通过两个方法： when()：配置路径和参数； otherwise：配置其他的路径跳转，可以想象成d
2017-06-06 17:11:14
398
转载 AngularJs基础
AngularJS是JavaScript的一个框架、可以通过script加载到网页中。AngularJS 指令 AngularJS指令是扩展HTML属性。带有前缀ng。 ng-app 指令初始化一个AngularJS应用程序。 ng-init 指令初始化应用程序数据。 ng-model 指令把元素值（比如输入域的值）绑定到到应用程序。 ng-repeat
2017-06-06 14:21:06
286
转载 jq滚动到底部自动加载数据实例
JQ滚动到底部自动加载 html,body,ul,li{margin:0;padding:0;border:0;vertical-align:baseline;} body,html{line-height:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;font-si
2017-05-19 10:19:35
1680
原创 解决IOS点击延迟跳转的问题
fastclick基于微信开发ios默认click事件有300毫秒的延迟，这个延迟是IOS的系统特性并不是Jquery WeUi设定的。可以使用fastclick来消除这个延迟。Jquery WeUi其实是不包含这个fastclick的，但是只需要按照标准化的引用进行初始化就OK了。src="fastclick.js"> $(function() { FastClic
2017-03-07 13:30:41
1162
原创 前端正则表达式验证
验证数字的正则表达式集 验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 验证非零
2017-03-07 11:55:35
330
原创 用CSS实现的箭头
1.一个梯形当元素的宽、高和框的宽相近（等）时，改变某一边的颜色，可以得到一个梯形。 #demo1{ boder:10px solid #ccc;border-left-color:#ccc;width:10px;height:10px; }2.一个三角形当元素的宽、高等于零时，且其他边都透明室，可以形成一个三角形。
2017-02-09 10:55:28
355
转载 支持移动端的仿medium图片放大预览js插件
使用方法：在页面中引入mediumLightbox.js和样式文件style.css。12linkrel='stylesheet'type='text/css'href='css/style.css'/>scriptsrc="mediumLightbox.js">script>
2016-09-18 14:53:59
672
转载 Jquery 点击一次，显示下一个DIV 怎么做到？
111222333++--$(document).ready(function(){ var n=0;var mar=$("div").length;$(".btn1").click(function(){if(n>=(mar-1)){alert("已经是最后一个了");return false;}n++;$("div").hid
2016-07-28 11:31:57
1736
原创 jq实现点击添加和删除一行
jq实现点击添加和删除一行 $("#add").click(function(){ var num =$("#line").children("p").length+1; $("#line").append(("")); }); $("#minus").click(function(){ var lengt
2016-07-07 10:58:02
3628
1
转载 使用JQ播放和暂停HTML5的视频
视频播放的一般设置就是；点击按钮实现播放和暂停，当视频处于播放状态，点击按钮，实现暂停功能，反之。1.最简单的方法实现play和pause$('video').tigger('play');$('video').tigger('pause');2.点击视频实现播放、暂停$('video').click(function(){ if($(this).hasClass('p
2016-07-06 17:16:15
8426
原创 gulp自动添加版本号
1.安装Gulpnpm install --save-dev gulp2.分别安装gulp-rev、gulp-rev-collerctornpm install --save-dev gulp-revnpm install --save-dev gulp-rev-collector3.打开node_modules\gulp-rev\index.js第133行 man
2016-07-05 17:12:58
1729
原创 gulp.js--基于流的自动化构建工具
1.在node .js的环境下全局安装 gulp：$ npm install --global gulp2.作为项目的开发依赖安装$npm install gulp --save -dev3.在项目根目录下创建一个名为 gulpfile.js 的文件var gulp = require('gulp');(载入外挂)//载入插件var htmlmin=require(
2016-06-20 11:04:56
376
转载 jquery 动态实现进度条
JQuery 动态实现进度条 body{margin:0;padding: 0;} .main{width:100%;margin:0 auto;} .pro{wi
2016-06-12 17:33:28
1450
原创 移动端轮播图
jquery手机端触屏滑动幻灯片代码演示_大头网$(function(){$('#slider-box').touchSlider({box: '#slider-box',arrow: true,auto: true,autoTime: 3000});});
2016-06-12 17:24:00
571
原创 分页
需先引入jQuery，再引入pagination组件htmlJavascript$('.M-box1').pagination({ totalData:100, showData:5 coping:true});
2016-06-12 17:16:40
161
原创 从一个div向另一个div里面追加自己的元素
自定义添加借款合同房本委托书身份证户口本结婚/离婚证离婚协议书公章公司章程营业执照组织机构代码$(function(){$('#select_ect').on('click','span',function(){//事件委托$('#content').append('' + $(this).html() + '
2016-04-29 09:50:57
6487
原创 解决软键盘对fixed的影响
$('#wish_content').bind('focus',function(){ {literal} $('.submitform').css({'position':'absolute','bottom':'0'}); }).bind('blur',function(){ $('.submitform').css({'
2016-03-30 13:18:34
624
转载 用于解决微信自带浏览器输入法遮挡文本框的处理
$(function(){ if (is_weixn()){ var inp = $("input"), win = $(window), bod = $("body"), winH = win.height(); inp.each(function(){
2016-03-29 16:28:56
1804
转载 jQuery显示圆形统计插件circliful
jQuery显示圆形统计插件circliful $(function(){ $('#myStat2').circliful();});
2016-03-29 10:18:00
738
转载 IE对于overflow:hidden;及其它CSS属性不兼容问题
CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并 整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。1.对于在IE下不兼容overflow:hidden;而FF下兼容的情况加一个 posi
2016-03-28 19:14:39
5890
原创 tab切换
$(function(){ $(".detailed li").click(function(){ var index = $(this).index(); $(this).addClass("current").siblings().removeClass("current"); $(".matter
2016-03-25 14:55:07
236
原创 animate动画底部弹出
弹出层内容animated fadeInUpBig" id="mask3_content" style="display:none;"> 咨询热线 010-53806066 010-53806099 关闭 $(".zixun1").cl
2016-03-25 14:40:16
1779
转载 验证码的倒计时
var countdown=60; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled"); obj.value="免费获取验证码"; countdown = 60; return; }
2016-03-25 13:40:11
236
原创 移动开发，背景图片的处理问题
关于移动端开发“背景图片的处理”问题一般在开发过程中，背景图片都是以当成背景的方式，用CSS语法引入到页面中的；width:100%;heihgt:100%;background:url(./images/Activity/banner.png)no-repeat;);background-size: 100% auto;上述的这种方式，只能是在网页内容比较多的情况下；例如：htt
2016-03-25 13:37:49
504
原创 animate实现图片加载过程由小变大
$('.shen img').animate({ width:"300px",//最终的宽 height:"280px",//最终的高 right:"0px", opacity:"1"},500);
2016-03-22 15:24:26
2528
转载 marquee实现首尾相连循环滚动效果
代码如下:<marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTML;" scrollamount="3" width="100" onmouseover="this.stop();" onmouseout="this.star
2016-03-22 10:31:02
2912
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人