关于全局变量和局部变量的那些事

2016年07月27日 5 阅读

变量对于学习js，学习编程语言的同学在熟悉不过了，在这里就不在阐述官方的定义了，网上太多了，今天我们就从生活中来理解他 1.什么是变量？ 比如： 一个水杯里面装了水，这个水杯就是变量； 一瓶啤酒，这个啤酒瓶就是变量； 变量就是一个载体，一个媒介 2.定义变量 var a=12；//typeof a=Numer var a=‘aaa" //typeof a =string 由此可见 变量的类型取决于给他付了什么值 例如，一个杯子，装了水就是水杯，装了酒就是酒...

ie6下png图片背景不透明的解决办法使用js实现

2016年07月27日 6 阅读

我们时常在使用png图片的时候，在ie6下发生背景不透明的问题，下面给大家介绍下一个js解决的方式。 首先我们要用到一个js，代码如下： 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com...

js模仿html5 placeholder适应于不支持的浏览器

2016年07月27日 7 阅读

html5原生支持placeholder，对于不支持的浏览器（ie），可用js模拟实现。 js代码 复制代码 代码如下: （function（）{ //判断是否支持placeholder function isPlaceholer（）{ var input = document.createElement（"input"）; return "placeholder" in input; } //不支持的代码 if（！isPlaceholer（））{ //创...

jQuery实现用方向键控制层的上下左右移动

2016年07月27日 6 阅读

题目：按下方向键时，使层向相应的方向平滑移动20像素；四个方向键的键码分别是37（左）、38（上）、39（右）和40（下）。然后我写了下面的代码：$div就是要移动的层，且它的position已在CSS中设为relative。瞄一眼好像没什么问题，运行之后发现下面的问题：1.按了向下之后，再按向上没有反应。2.按了向右之后，再按向左没有反应。后来经一网友点拨，恍然大悟：当按了向下的时候，top值为20px，这时候再按向上，从Firebug可以看出此时的bo...

jquery获取div宽度的实现思路与代码

2016年07月27日 5 阅读

jquery 获取 DIV的width的语句： 复制代码 代码如下: $（"#keleyi_com"）.width（）; 其中keleyi_com为DIV的id。 完整示例代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...

window.requestAnimationFrame是什么意思,怎么用

2016年07月27日 5 阅读

再看别人实现粒子效果的时候会有以下代码： 复制代码 代码如下: window.requestAnimationFrame || （window.requestAnimationFrame = window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFra...

javascript函数以及基础写法100多条实用整理

2016年07月27日 6 阅读

1.document.write（""）;为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->（head,body） 4.一个浏览器窗口中的DOM顺序是:window->（navigator,screen,history,location,document） 5.得到表单中元素的名称和值:document.getElementById（"表单中元素的ID号"）.name（或value） 6....

javascript图像处理—边缘梯度计算函数

2016年07月27日 7 阅读

前言 上一篇文章，我们讲解了图像处理中的膨胀和腐蚀函数，这篇文章将做边缘梯度计算函数。图像的边缘图像的边缘从数学上是如何表示的呢？图像的边缘上，邻近的像素值应当显著地改变了。而在数学上，导数是表示改变快慢的一种方法。梯度值的大变预示着图像中内容的显著变化了。用更加形象的图像来解释,假设我们有一张一维图形。下图中灰度值的“跃升”表示边缘的存在： 使用一阶微分求导我们可以更加清晰的看到边缘“跃升”的存在（这里显示为高峰值）： 由此我们可以得出：边缘...

使用Post提交时须将空格转换成加号的解释

2016年07月27日 5 阅读

jQuery的serialize模块中有个r20正则 复制代码 代码如下: var r20 = /%20/g, jQuery.param方法中会将所有的"%20"转成"+"，即提交数据前，数据中如果包含空格，那经过encodeURIComponent后，空格会转成"%20" 复制代码 代码如下: encodeURIComponent（" "） === "%20"; // true 最后需要将"%20"转换成"="再Post提交。这样后台程序接受到的才是...

nodejs的require模块（文件模块/核心模块）及路径介绍

2016年07月27日 9 阅读

在nodejs中，模块大概可以分为核心模块和文件模块。 核心模块是被编译成二进制代码，引用的时候只需require表示符即可，如（require（"net"））。 文件模块，则是指js文件、json文件或者是.node文件。在引用文件模块的时候后要加上文件的路径：/.../.../xxx.js表示绝对路径、./xxx.js表示相对路径（同一文件夹下的xxx.js），../表示上一级目录。如果既不加/.../、../又不加./的话，则该模块要么是核心模块，要...

nodejs中exports与module.exports的区别详细介绍

2016年07月27日 9 阅读

你肯定非常熟悉nodejs模块中的exports对象，你可以用它创建你的模块。例如：（假设这是rocker.js文件） 复制代码 代码如下: exports.name = function（） { console.log（"My name is Lemmy Kilmister"）; }; 在另一个文件中你这样引用 复制代码 代码如下: var rocker = require（"./rocker.js"）; rocker.name（）; // "My n...

jsvascript图像处理—（计算机视觉应用）图像金字塔

2016年07月27日 6 阅读

前言 上一篇文章，我们讲解了边缘梯度计算函数，这篇文章我们来了解图像金字塔。 图像金字塔？ 图像金字塔被广泛用于计算机视觉应用中。 图像金字塔是一个图像集合，集合中所有的图像都源于同一个原始图像，而且是通过对原始图像连续降采样获得的。 常见的图像金字塔有下面两种： •高斯金字塔（Gaussian pyramid）: 用来向下采样 •拉普拉斯金字塔（Laplacian pyramid）: 用来从金字塔低层图像重建上层未采样图像 高斯金...

jQuery使用动态渲染表单功能完成ajax文件下载

2016年07月27日 6 阅读

复制代码 代码如下:// Ajax 文件下载 jQuery.download = function（url, data, method）{ // 获取url和data if（ url && data ）{ // data 是 string 或者 array/object data = typeof data == "string" ？ data : jQuery.param（data）; // 把参数组装成 form的 input var inputs =...

javascript真的不难-回顾一下基础知识

2016年07月27日 5 阅读

前言 说Jquery之前，先来学习一下Javascript（以后简称为JS）语言中的基础知识问题，其时对于每种编程语言来说基础知识都是大同小异的，对变量，函数，条件语句块，循环语句块等等，而对于每种语言在写法上到是显得各有不同，如JS里在定义变量时，你要用var去声局部变量的声明，而对于弱类型的语言JS来说，你也可以不加var,但不加它会认为这个变量为全局变量，这是要注意的。变量 在程序运行过程中，其值可以发生改变的（呵呵，１０多年前书上的定义） var ...

script的async属性以非阻塞的模式加载脚本

2016年07月27日 9 阅读

1.HTML5实现了script的async属性，这个新的属性可以让js在浏览器中以非阻塞的模式加载，另外script还有一个defer属性，这个属性目前所有浏览器都已实现（除了firefox和chrome的早期版本），IE这方面做得好，从一开始就支持些属性。 复制代码 代码如下: //async <script async src="dquery.js" async></script> //defer <script asy...

SOSO地图API使用（一）在地图上画圆实现思路与代码

2016年07月27日 5 阅读

前言：最近在做SOSO地图相关开发，遇到相关画圆知识，特此简单记录下来。1.在页面中添加SOSO地图API引用，引用脚本：复制代码 代码如下:<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>； 2.新建一个地图DIV容器，如下：复制代码 代码如下:<div style="width:603px;height:300px" i...

jquery.boxy弹出框（后隔N秒后自动隐藏/自动跳转）

2016年07月27日 5 阅读

对于 Boxy弹出框的使用之前写过一些文章（查看jquery.boxy基础），今天主要是在解决一个需要之后，觉得值得把它记录下来，所以就再写一篇，主要功能是，在弹出对话框后，隔N秒后自动隐藏，还有就是自动跳转！ 效果如图： 而所封装的代码如下： 复制代码 代码如下: // boxy对话框扩展 var Boxy_Extensions = { options: { title: "艺吧提示", closeText: "x" }, //弹出后N秒后隐藏 aler...

js弹出框轻量级插件jquery.boxy使用介绍

2016年07月27日 5 阅读

当你需要使用弹出框时，当然可以使用jquery-ui,artdiag,blockUI等等，但今天我介绍一个轻量级的插件 boxy！它可以把美工设计的弹出框很容易的体现出来，而且兼容性还不错！ 复制代码 代码如下: <script type="text/javascript"> $（function（） { $（"#ask-actuator"）.click（function（） { Boxy.ask（"How are you feeling？",...

Js-$.extend扩展方法使方法参数更灵活

2016年07月27日 5 阅读

在做ＪＳ开发时，我们将第三方复杂的插件进行封装，然后对外公开一个很简单的方法接口，这是开发时常用的方法，在ＪＳ里，我们的方法参数通常使用JQ的$.extend 扩展方法来实现 复制代码 代码如下: function extend（arr） { arr = $.extend（{ name: "zzl", sex: "male", age: 31 }, arr || {}）; alert（"[Name:]" + arr.name + "[Sex:]" + ar...

尝试在让script的type属性等于text/html

2016年07月27日 6 阅读

我们可以在<script>片断中定义一个被JS调用的代码，但代码又不在页面上显示，这时，我们可以使用下面的方法： 复制代码 代码如下: <script id="commentTemplate" type="text/html"> <li> <div class="photo"> <a href="#"> <img src="[UserImg]" /></a></div...