Welcome

首页 / 脚本样式 / JavaScript

JavaScript中apply方法的应用技巧小结

2017-02-06 19
前言最近在看JavaScript设计模式，其中有一些巧妙的函数。所以将部分修改后记录在此，顺便加上自己写出的一些好玩的函数。方便大家和自己以后使用。下面来一起看看。一、apply实现callFunction.prototype.call = function （） { var ctx = [].shift.apply（arguments） return this.apply（ctx, arguments）}二、apply实现bindFunction.pro...

json定义及jquery操作json的方法

2017-02-06 21
一、背景json是一种轻量级数据交换格式，非常利于java服务与js的交互，本文将介绍json的简单定义和js如何解析json。二、内容1、json定义：简单的json格式为[{"key1":"value1"},{"key2":"value2"}],[]代表数组，{}代表数组中的数据对象,key1,key2是一个json对象中的key，一个json中key值唯一，value1,value2，是key键对应的值。定义方式：1）直接拼写json串，例:Stri...

Node.js检测端口（port）是否被占用的简单示例

2017-02-06 23
前言在网络技术中，端口（Port）大致有两种意思：一是物理意义上的端口，比如，ADSL Modem、集线器、交换机、路由器用于连接其他网络设备的接口，如RJ-45端口、SC端口等等。二是逻辑意义上的端口，一般是指TCP/IP协议中的 端口，端口号的范围从0到65535，比如用于浏览网页服务。这篇文章的目的是为了解决ssr工具起多个服务的时候端口被占用的情况，下面跟大家分享研究的代码片段，有需要的可以参考借鉴。示例代码// 检测port是否被占用functi...

JSON 对象未定义错误的解决方法

2017-02-06 20
今天在使用Moodle的时候, 突然发现在IE下进入课件的时候提示"JSON 未定义"错误信息.后来找来一个 "json2.js" 引入测试了一下. OK 解决.后来一向觉的不靠谱,仔细推敲了一下发现我的IE是在兼容模式下.换到正常模式, 注销到引用"json2.js"的代码.果然是还是正常的了.所以, 猜想IE可能是为了兼容模式中的"兼容"功能. 所以不会去加载过多不确定的东西（最小启动单元）. 包括JSON的解析功能.以上就是小编为大家带来的JSON ...

完美解决IE9浏览器出现的对象未定义问题

2017-02-06 17
目前Window7的机器上，使用IE9浏览器的用户很多，但是IE9在兼容性上做了较严格的控制，导致很多程序在chrome，firefox，ie6,ie7,ie8上可以正常运行，在ie9上确出现了各种问题，这里要说的其中一个问题，就是对象为定义，特别是单一个页面上嵌套了多层iframe/frame的时候，往往会出现：Array对象未定义$对象未定义jQuery对象未定义Json对象未定义undefined对象未定义*对象未定义...这种情况，我们一开始，1，...

浅析Javascript的自动分号插入（ASI）机制

2017-02-06 21
前言相信从事过C#和Java的大家都知道分号是用作断句（EOS，end of statement）的，而且必须加分号，否则编译就不通过了。但JavaScript由于存在ASI机制，因此允许我们省略分号。ASI机制不是说在解析过程中解析器自动把分号添加到代码中，而是说解析器除了分号还会以换行为基础按一定的规则作为断句的依据，从而保证解析的正确性。规范理论es5 标准定义了自动分号插入规则，包括以下三个基本规则加两个前置条件：前置条件1、如果插入分号后解析结果...

jquery对Json的各种遍历方法总结（必看篇）

2017-02-06 19
概述JSON（javascript Object Notation） 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。在JSON中，有两种结构：对象和数组。1.对象一个对象以“{”开始，“}”结束。每个“key”后跟一“:”，“‘key/value" 对”之间运用 “,”分隔。packJ...

jQuery模拟Marquee实现无缝滚动效果完整实例

2017-02-06 20
本文实例讲述了jQuery模拟Marquee实现无缝滚动效果。分享给大家供大家参考，具体如下：<！DOCTYPE HTML><html><head><meta charset="utf-8"><title>模拟Marquee无缝滚动</title><style type="text/css">/* CSS Document reset */html, body, div, ...

聊一聊JS中的prototype

2017-02-06 21
什么是prototype：function定义的对象有一个prototype属性，prototype属性又指向了一个prototype对象，注意prototype属性与prototype对象是两个不同的东西，要注意区别。在prototype对象中又有一个constructor属性，这个constructor属性同样指向一个constructor对象，而这个constructor对象恰恰就是这个function函数本身。//判断是否是数组function i...

利用Node.js获取项目根目录的小技巧

2017-02-06 22
假设我们的js文件写在server目录中，但是我们的资源文件存储在app/img目录中。实现功能如下图，我们需要在server/index.js文件中使用fs读取app/img/favicon.ico文件。实现方法在node.js只提供了一个 dirname全局变量。通过 dirname可以获得“C:wwwrootyidataserver”。这时需要用到path。首先import path from "path"; （ES6）或var path = req...

运用js教你轻松制作html音乐播放器

2017-02-06 20
用HTML做了个音乐播放器，可以循环播放，选择歌曲，以及自动播放下一首，运用了js和json知识，下面是效果图和源码，有兴趣的可以试试哦效果图：源码：html<span style="color:#999999;"><！DOCTYPE html> <html> <head><meta charset="utf-8" /><title>音乐播放器</title><scr...

JavaScript实现通过select标签跳转网页的方法

2017-02-06 20
本文实例讲述了JavaScript实现通过select标签跳转网页的方法。分享给大家供大家参考，具体如下：我们经常有遇到需要用select标签跳转到新网页的情况，dw生成的代码太复杂，那么有没有精简的代码得以实现呢？经过仔细的研究找到了以下几段代码，非常不错。话不多说，直奔主题。当面跳转的核心代码是："location.href=value"新页面打开的核心代码是："window.open（）"代码分四类：1、当前页面直接跳转：<select nam...

js带闹铃功能的倒计时代码

2017-02-06 21
Js倒计时代码，带闹铃功能，自定义闹钟倒计时功能，点击开始按钮，即可开始倒数，代码不是太复杂，新手应该能看懂，代码分享给大家。效果图：源码：<html> <head> <title>Js倒计时，闹铃功能</title> <script language="javascript"> function $（id）{return document.getElementById（id）; } functi...

js获取Get值的方法

2017-02-06 21
本文实例讲述了js获取Get值的方法。分享给大家供大家参考，具体如下：function getUrlParam（name）{var reg = new RegExp（"（^|&）"+ name +"=（[^&]*）（&|$）"）; //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr（1）.match（reg）; //匹配目标参数if （r！=null） return unescape（r[2]...

基于jquery实现弹幕效果

2017-02-06 19
用js写的一个弹幕效果图：源码：<html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <！--<link href="fav...

js仿小米官网图片轮播特效

2017-02-06 21
小米官网给我的感觉是大气、干净。很多特效的加入让人觉得耳目一新，big满满。 看到他们首页的轮播图实现挺有意思，于是自己模仿着写了一个。大致的感觉出来了，贴个图先：通过前端神器chrom的F12观察小米官网的html代码，不难看到他们使用5个div包裹图片并使用了定位通过z-index来控制div层级，通过控制每个div的opacity属性和display属性进行元素的显示、隐藏。截图如下（红框内的opacity属性）：好的，实现的手段知道了，那么页面布局...

jQuery视差滚动效果网页实现方法经验总结

2017-02-06 20
本文总结分析了jQuery视差滚动效果网页实现方法。分享给大家供大家参考，具体如下：首先说两个核心函数，当然是基于jQuery的：1、$（document）.scrollTop（） ;该函数主要是返回页面当前顶部距离页面顶部的像素值，是一个非负整数。2、$（window）.scroll（）;该事件是监控页面是否滚动，一旦滚动则触发其回调函数。由此两个函数，我们得到下面的代码：$（window）.scroll（function（） {var top = $（...

Angular 中 select指令用法详解

2017-02-06 21
最近在angular中使用select指令时，出现了很多问题，搞得很郁闷。查看了很多资料后，发现select指令并不简单，决定总结一下。 select用法：<selectng-model=""[name=""][required=""][ng-required=""][ng-options=""]></select> 属性说明： 发现并没有ng-change属性 ng-required：当属性值为true时，对select添...

JS实现拖动滚动条评分的效果代码分享

2017-02-06 25
小编教你JS特效拖动滚动条可以评分效果，小编感觉挺不错，用时候可能需要ASP/PHP或其它语言配合取值并写入数据库，这是前台的实现。直接上代码 看看JS的神奇吧！<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head&g...

JavaScript 对象详细整理总结

2017-02-06 19
Javascript 对象总结：JavaScript对象可以看作是属性的无序集合，每个属性就是一个键值对，可增可删。JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。JavaScript对象除了可以保持自有的属性外，还可以从一个称为原型的对象继承属性。对象的方法通常是继承的属性。这种“原型式集成”是JavaScript的的核心特征。1.创建对象第一种：对象直接量表示法创建对象。这是最简单的对象创建方式，对象直接量由若干key:val...
<< 91 92 93 94 95 96 97 98 99 100 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图