- 博客(44)
- 收藏
- 关注
原创 chrome控制台出现http://localhost:8080/null访问,报404错误
知道是手势插件crxMouse Chrome™ 导致,当时我使用的版本号是5.0.2,就想着升级看看能不能解决。经测试后,升级到6.0.0可解决。
2022-11-28 23:57:17
972
原创 JS 数组和对象的浅拷贝和深拷贝
JS 数组和对象的浅拷贝和深拷贝一,数组的浅拷贝1,浅拷贝 let arr=[1,2,3,4,5]; // es5 const tt01 = arr.slice(); const tt02 = arr.concat(); //es6 const tt03 = [...arr]; tt01.push('dd'); tt0...
2019-10-22 11:32:35
225
原创 JS new,构造函数模式和原型模式的知识总结
JS new,构造函数模式和原型模式的知识总结1,每个实例化的对象都有constructor属性,指向实例的构造函数。2,每个函数(Function)都有prototype属性,这个属性是一个指针,指向一个对象。1,构造函数模式function Person(name, age, job) { this.name = name; thi...
2019-04-29 16:14:30
371
转载 node.js爬取网页图片
var http = require('http')var fs = require('fs')var cheerio = require('cheerio')var url = "http://www.ivsky.com/"function download(url, callback) { http.get(url, function (res) { va...
2018-11-19 22:18:19
779
原创 CSS line-height和text-align实现文本的水平居中
总结:1,line-height: 100px; 只对文本有效果,对定宽高的div是没有用的。所以在文本水平垂直居中时使用。2,在写button按钮时使用此方法较好。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=&qu
2018-09-22 10:18:33
1980
原创 apply,call,bind
call和apply都是改变上下文中的this并立即执行这个函数,bind方法可以让对应的函数想什么时候调就什么时候调用,并且可以将参数在执行的时候添加,这是它们的区别,根据自己的实际情况来选择使用。apply的第二个参数是数组,所以耗费时间多,尽量用call。1,apply和call都是立即执行2,bind是想什么时候调用就什么时候调用。
2017-06-30 09:02:55
315
原创 两重数组排序问题
北京空气质量:90 上海空气质量:70 天津空气质量:80 广州空气质量:50 深圳空气质量:40 福州空气质量:32 成都空气质量:90/* data = [ ["北京", 90], ["北京", 80]["北京", 70] …… ] */ data.
2017-06-29 14:48:27
469
转载 表单中input中间对齐
SD css表单对齐解决方案body{font:12px/1.5 Tahoma;}h1{padding:10px 0; margin-bottom:10px; color:#666; border-bottom:1px solid #ccc; font-size:12px;}.con{color:#666; padding:10px 20px; background:#FFC;}
2017-06-09 21:44:24
4591
原创 dateFormat日期格式
// 日期格式转换,日期转换成字符串function dateFormat(date,format){ var o = { "M+" : date.getMonth()+1, //month "d+" : date.getDate(), //day "h+" : date.getHours(), //hour "m
2017-05-24 16:10:32
7083
原创 jQuery全选和范选,按钮样式变化及取选中项的值
html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> title>testtitle> style> li
2016-12-24 17:16:14
517
原创 getQueryString函数,url传参
function getQueryString(name,noUnescape) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); //window.location控制获取当前页面的URL参数
2016-11-15 13:21:42
3808
原创 时间戳转换成多种日期格式
Date.prototype.format = function(format){ var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), /
2016-11-07 17:15:17
585
原创 js判断时间戳是否为当天时间
var str = 1478508411000;console.log(new Date(str).toDateString());if (new Date(str).toDateString() === new Date().toDateString()) { //今天 console.log("当天");} else if (new Date(str) new Date(
2016-11-07 17:01:13
29983
原创 javascript返回前一页
button id="J_Button" type="button" class="btn btn-primary" onclick="javascript:history.go(-1);">返 回button>总结一下:history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在
2016-10-27 09:58:31
390
原创 CSS实现垂直水平居中
html>html lang="en">head> meta charset="UTF-8"> title>002title> style> .wrapper { position: relative; width: 500px; height: 500px;
2016-10-08 09:32:55
259
原创 jquery简单轮播
html>html lang="en">head> meta charset="UTF-8"> title>001轮播title> script src="jquery-1.11.3.js">script> style> * { padding: 0; margin: 0; } a { text-decoration: n
2016-10-05 20:04:15
532
原创 transition属性实现div点击拉伸,再点击收回效果
html>html lang="en">head> meta charset="UTF-8"> title>004title> style> div { width: 80px; height: 50px; background-color: #90FF8E; transition: width 4s; /* 改变宽度,时间4
2016-09-28 21:03:01
6478
原创 http-server 手机端调试
1,npm install http-server -g2,http-server -v注意:手机和电脑必须在同一局域网下
2016-09-27 14:09:12
1048
原创 正则表达式——判断字符串组成,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20
//判断字符串是否是这样组成的,第一个必须是字母,后面可以是字母、数字、下划线,总长度为5-20var c = /^[a-zA-Z]\w{4,19}$/;// /是转义 ^ 是开头 [a-zA-Z]是字母出现一次 \w是任意字符 {4,11}是长度 $ 是结束console.log(c.test()); // true
2016-09-27 11:23:59
36645
1
转载 编写一个JavaScript函数 parseQueryString,把URL参数解析为一个对象
var url = "http://www.taobao.com/index.php?key0=0&key1=1&key2=2.............";function parseQueryString(argu){ var str = argu.split('?')[1]; console.log(str); var result = {}; var t
2016-09-26 10:05:13
1539
原创 CCS3动画效果插件——Animae.css和WOW.js
CCS3动画效果插件——Animae.css和WOW.js制作下拉和刷新活动的页面,效果非常好,用法如下基本用法在页面的 中引入样式文件:head> link rel="stylesheet" href="animate.min.css">head>给你想要添加动画效果的元素加上 animated 样式,如果想要动画循环执行的话,你需要加上 infinite
2016-05-04 09:55:30
2062
原创 CSS在线字体---谷歌在线字体库
网址:http://www.cssfontstack.com/Open-Sans总结:在线字体样式更多,且利于SEO
2016-05-04 09:42:15
1909
原创 CSS伪类before,after制作左右横线中间文字效果
html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> .container{ width: 1000px; margin: 10px auto; border: 1px solid red;
2016-05-03 14:48:14
49710
2
原创 回到顶部效果
html lang="en">head> meta charset="UTF-8"> title>回到顶部效果title> style> .box{ width: 1190px; margin: 0 auto; } #btn{ width: 40px;
2016-04-28 20:53:23
468
原创 tab选项卡切换效果(二)——延迟切换
JS代码如下:script> function $(id){ return typeof id==='string'?document.getElementById(id):id; //封装$简化代码 } window.onload=function() { //标签的索引 var timer = null;
2016-04-28 15:49:48
776
原创 按钮发送验证码等待时间效果——定时器setInterval使用
html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script type="text/javascript"> window.onload=function(){ var send=document.getElementById('send'); times=
2016-04-28 15:39:30
1902
原创 tab选项卡切换效果(一)——滑过切换和点击切换
JS代码如下:script> function tabMove(){ //获取鼠标滑过或点击的标签和要切换的内容分类元素 var divId01=document.getElementById('notice_tit'); var titles=divId01.getElementsByTagName('li'); var
2016-04-28 10:49:45
4739
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人