自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

转载 link预加载

link标记的常见使用是css,但是link也可以用来加载资源;使用方式(as属性在部分loadType的情况下有效)<link rel="loadType" href="url" as="fileType" >做为加载类型的情况下,loadType常见值有:preload、prefetch、prerender;url常见值有:各种文件(图片、视频...

2019-04-14 17:19:00 318

转载 svn检出固定文件夹

前言:这里使用的是svn客户端;1、在需要检索的文件夹的父级文件夹上右键选择Repo-browser(当前仓库所有文件预览);2、找到需要的文件(夹)右键选择Update item to revision;注:第2步也可以改为用Checkout,但要注意需要将检出文件的路径补全(Checkout directory),默认路径不正确;~over~转载于:https:/...

2019-01-08 15:16:00 310

转载 canvas实现扣洞

最近要实现的需求是露出页面上的某一个元素,周围用半透明遮罩;想到的实现方式有两种:1、用扣洞的半透明图片,图片的尺寸要尽量大,以确保屏幕变化能全部遮住,这里需要稍微计算下图片上的洞的位置,和页面上要露出的元素的位置,稍微调整是可以实现的;2、用canvas实现,canvas实现比较灵活,缺点是精度没有图片那么高,这里主要用到了canvas的 clearRect方法,一小块一小...

2018-08-30 11:02:00 751

转载 z-index小惑

先上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ ...

2018-08-22 10:51:00 109

转载 执行与字符串同名的函数

//有时候,需要根据函数名执行不同的函数,函数名的传递一般是字符串;//比如:function ab(){console.log('I am funab')};function ac(){console.log('I am funbc')};function comFun(str){  //利用eval把字符串当js执行的能力  eval(str+'()'); } com...

2018-08-06 11:07:00 230

转载 跨文档消息传递postMessage方法使用

<body>//主页代码<h3>这里是主页米娜</h3><iframe src="boxShadow.html" frameborder="0"></iframe><h4>点我发送消息</h4><script type="text/javascript"> ...

2018-07-10 10:41:00 125

转载 阻止右键默认弹框

<div class="Main_left" id="querierXaxis" oncontextmenu = "newQuerierPreventRightKey(event)">阻止弹窗</div>function newQuerierPreventRightKey(e) { e.preventDefault ? e.preventD...

2016-04-07 17:11:00 628

转载 css3属性兼容前缀

使用过CSS3属性的同学都知道,CSS3属性都需要带各浏览器的前缀,甚至到现在,依然还有很多属性需要带前缀。这是为什么呢(兼容自家老版本浏览器)?Trident内核:主要代表为IE浏览器Gecko内核:主要代表为FirefoxPresto内核:主要代表为OperaWebkit内核:产要代表为Chrome和Safari而这些不同内核的浏览器,CSS3属性(部分需...

2015-12-11 11:17:00 203

转载 字符串、数组操作小汇总(上菜中...)

1、substring() 方法用于提取字符串中介于两个指定下标之间的字符。语法:stringObject.substring(start,stop);返回值:一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。说明:substring() 方法返回的子串包括 ...

2015-12-09 14:06:00 69

转载 jquery 及时下拉框

该方法解决了click与blur的冲突,有时候换个思想,解决问题真的会好很多。。$("#CusNameClass ul li").hover(function () { $(this).css("background-color", "#CFCECE"); $(this).addClass("clickMe") }, function () { $(this).css("ba...

2015-11-25 09:17:00 67

转载 键盘按键操作例子

按回车后调用CommonEventfunction PressEnterEvent(eve) { var currKey = 0, e = e || event; currKey = e.keyCode || e.which || e.charCode; if (currKey == 13) { CommonEvent(eve); } if (...

2015-11-17 14:04:00 118

转载 CSS3新属性(上菜中.....)

clip(裁剪)语法:clip:auto | <shape>取值:auto: 对象无剪切rect(<number>|auto <number>|auto <number>|auto <number>|auto): 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,...

2015-11-13 12:08:00 73

转载 setTimeout()带参数问题

前两天在项目中遇到setTimeout()需要带参数问题;原始办法setTimeout("Fun(+ element+)",1000);不用字符串拼接。。。更好的方法:setTimeout(function () { Fun(element) }, 1000);转载于:https://www.cnblogs.com/chjb/p/4929298.html...

2015-11-02 09:49:00 221

转载 百度编辑器Ueditor

项目中用到了该编辑器,发现非常好用!介绍下简单配置!!1.在官网下载这里选择的是.net版本utf-8编码格式2.项目中引用以下两个js文件(editor是自己取的文件名)<script type="text/javascript" src="editor/ueditor.config.js"></script><script type=...

2015-10-19 17:20:00 99

转载 font缩写的顺序

一直记不住这个,今天写下来!font : font-style || font-variant || font-weight || font-size || line-height || font-family 可以按顺序设置如下属性:font-style(使用斜体、倾斜或正常字体)font-variant(设置小型大写字母的字体显示文本)font-wei...

2015-09-15 14:30:00 564

转载 transform 属性

感谢分享》》http://www.w3cplus.com/content/css3-transform/Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scal...

2015-04-21 15:33:00 191

转载 Media Queries详解

感谢分享》》http://www.cnblogs.com/asqq/archive/2012/04/13/2445912.htmlMedia Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码: <link href="css/reset.css" rel="stylesheet" type="text/css" media="s...

2015-04-21 15:05:00 104

转载 media query(屏幕自适应布局)

<style> #container{ margin:auto; width:750px; } #container>div{ border:1px solid #aaf; text-align:left; box-sizing:border-box; -mo...

2015-04-21 15:00:00 226

转载 光标样式

<style> div{ display:inline-block; border:1px solid black; width:60px; height:50px; }</style>//////////////<div style="cursor:all-scroll">十字箭头</div&gt...

2015-04-21 10:50:00 66

转载 疯狂--表格

<style> table{ width:400px; border:1px solid black; } td{ background-color: #ccc; border:1px solid black; }</style>//////////////////////////表格...

2015-04-20 21:34:00 61

转载 Canvas例子

1、绘制几何图形<body><h2>绘制矩形</h2><canvas id="myCanvas" width="400" height="280" style="border:1px solid black"></canvas><script type="text/javascript"> var canvas...

2015-04-20 20:23:00 67

转载 取出两数组不同元素

var drr=[],k=0;for(var m=0;m<allOldCardInfo.length;m++){ var n=0; for( n;n<arr.length;n++){ if(allOldCardInfo[m]==arr[n]){ break; } } if(n==arr.length){...

2015-04-20 09:24:00 65

转载 jquery随便写些

查找所有div下的p元素.....$("div>p");设置页面背景色.........$(document.body).css("background","black");隐藏一个表单中所有元素..........$(myForm.elements).hide();>>>>>>>>>在文档的第一个表单中,查找所有的...

2015-03-05 10:43:00 56

转载 关于input框问题

今日在input上发现点小问题,解决办法也好简单在FF浏览器里的高度解析与(谷歌,ie,oprea,safari)--(一样的)都不一样直接上菜。。原因是由于对input的border解析不一样,所以,解决办法就是在css里加上一句border:1px;解决问题了,显示都一样以前没注意这些细节,遇到了还真不能一下就解决了。。谢谢网络上的各种大神文章,获益良多。转载...

2015-03-04 11:20:00 77

转载 关于引用Jquery后在外部继续引用自己的JS文件失效问题

今天遇到了这个问题,感觉很意外,因为以前没遇到过。。解决办法:将jquery和自己的js文件引入代码写在body之后。。。问题解决只是看着有点不习惯。转载于:https://www.cnblogs.com/chjb/p/4304865.html...

2015-02-28 10:29:00 665

转载 jQuery中的text(),html(),val()

.text():获取或者改变指定元素的文本.html():获取或改变指定元素的html元素以及文本.val():获取或者改变指定元素的value值(一般是表单元素) 以上3个都是jquery类库中的语法 作用都是获得当前对象的value值(一般是表单元素)只是,this.value是js的原生语法,$(this).val()是jquery的语法使用this.value无需引入任何库文件,...

2015-02-26 19:10:00 54

转载 jquery筛选条件eq,find,paren,prev,end

eq(index|-index)概述获取第N个元素参数index一个整数,指示元素基于0的位置,这个元素的位置是从0算起。获取匹配的第二个元素-index一个整数,指示元素的位置,从集合中的最后一个元素开始倒数。(1算起)HTML 代码:<p> This is just a test.</p> <p>...

2015-02-25 20:42:00 180

转载 jquery的文档操作

appendTo(content)概述把所有匹配的元素追加到另一个指定的元素元素集合中。实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。<<<<<<<<<<<<<<<<<<<<&lt...

2015-02-25 19:54:00 63

转载 Websocket简介

WebSocket是html5新增加的一种通信协议,目前流行的浏览器都支持这个协议,例如Chrome,Safari,Firefox,Opera,IE等等,对该协议支持最早的应该是chrome,从chrome12就已经开始支持,随着协议草案的不断变化,各个浏览器对协议的实现也在不停的更新。该协议还是草案,没有成为标准,不过成为标准应该只是时间问题了,从WebSocket草案的提出到现在已经...

2015-02-25 17:54:00 75

转载 js对象与json格式的转换

目前的项目数据交互几乎都用JQuery,所以处理流程是:前端页面数据-》JS对象-》jQuery提交-》python处理,另外一种就是倒过来。python肯定不能直接处理JS对象数据,所以要把JS对象转换成为python能处理的一种数据格式(通常是字典dict),同样,python取数据反馈到前端也要把字典数据转换成JS能处理的对象,这个中间转换数据格式通常就是JSON。 一、JS对象转...

2015-02-25 17:30:00 58

转载 HTML5中的localStorage与sessionStorage简单介绍

HTML 5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。 在 HTML 5 中,数据不是由每个服务器请求...

2015-02-25 16:40:00 89

转载 jquery Table的一些操作(2)

1.鼠标移动行变代码如下:$('#table1 tr').hover(function(){ $(this).children('td').addClass('hover')}, function(){ $(this).children('td').removeClass('hover')});方法二:代码如下:$("#table1 tr:gt(0)"...

2015-02-25 14:29:00 89

转载 jquery Table的一些操作

Jquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。首先建立一个通用的表格css 和一个 表格Table:table{ border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left...

2015-02-25 14:15:00 80

转载 关于Table

表格表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<table border="1"><tr>...

2015-02-25 13:57:00 73

转载 jquery事件绑定(2)

Jquery中绑定事件有三种方法,下面是三种方式绑定(1)element.click(function(){});(2)element.bind("click",function(){});(3)element.live("click",function(){});注意第一种方式绑定和之前的差不多,(这里节约了一个关键字on)注意API中这么写的$("p").on("cl...

2015-02-24 17:42:00 64

转载 jquery动画(1)

jQuery基本动画效果show()用于显示页面元素与之相对应的hide()测试案例:<p title="标题">测试</p><ul style="display: none"> <li title='苹果'>苹果</li> <li title='橘子'>橘子</li> <li t...

2015-02-24 17:27:00 66

转载 jquery选择器

基本选择器id选择器#id .class类选择器element元素选择器*通配select1,select2,select3 群组---集合元素选择器$('input,#bt1')1:改变id为one的元素的背景色$(function (){ $('#one').css("background","red"); });2:改变所有class为m...

2015-02-24 10:05:00 117

转载 Javascript常见技术点

1、javascript面向对象中继承实现javascript面向对象中的继承实现一般都使用到了构造函数和Prototype原型链,简单的代码如下:[javascript]view plaincopyprint?<spanstyle="font-family:MicrosoftYaHei;font-size:12p...

2015-02-12 08:12:00 88

转载 jquery事件绑定

JQUERY事件绑定方法研究阅读前,我认为你需要先知道以下几点基础知识:dom对象是树形结构的dom中的事件会从触发事件的目标节点开始逐级向上冒泡每当我们想给某个元素绑定事件的时候,第一个想到的方法是bind,我们就先来说说bind。bind的作用是给具体的某个元素绑定事件,比如1$(‘button’)....

2015-02-11 11:30:00 58

转载 闭包

一、闭包(closure)的概念:闭包简单的理解就是能够读取其他函数内部变量的函数,从本质上理解,闭包就是将函数内部和函数外部连接起来的一座桥梁。二、闭包的用途:,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。举例如下:Js代码  function f1(){    var n=999;    nAdd=function(){n+=...

2015-02-11 11:15:00 51

空空如也

空空如也

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

TA关注的人

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