Knight__D

如今我们经常能见到全屏网站，尤其是国外网站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。比如 iPhone 5C的介绍页面（查看），QQ浏览器的官网站。如果你也希望你的网站能设计成全屏的，显得更上档次，你可以试试 fullPage.js。主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS

js中substr,substring,indexOf,lastIndexOf,split等的用法 1.substrsubstr(start,length)表示从start位置开始，截取length长度的字符串。var a="dsfvsgfhgh";alert(a.substr(7,3));弹出值为：hgh 2.substringsubstring(start,

需求：10月份时：10月10号之前页面中显示数据为7653，从10月10号之后，每天定时减少数据，直到月末。10月份之前或之后数据都显示为0HTML>lang="en"> charset='UTF-8' /> 数据更新 #content{position: relative;margin: 0 auto;width: 10rem;}

1.活动倒计时2.商品倒计时（定时更换图片及位置）html:id="timer"> id="t_status">id="goods" style="height: 41.52rem;">css: #goods ul li img,#timer{width:10rem} #t_status li{color:#fff;text-

做了好几版本的红包雨，表示很愁人，手机卡顿一直是个大问题，这里整理了一份稍简洁的版本。1.红包从下向上运动，开始位置随机2.曲线运动，碰到边缘时自动转弯，并自带旋转效果3.定义两条线路，不至于看起来太规律注：可以在此基础上更改相应参数，把定值写成随机值可以看起来更没有规律些，点击事件，点击效果自行定义，定时器使用完记得清除。依然调用了页面初始化以及px转rem的两个小J

JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往往在效率上相差很多，有的时候仅仅是由于我们的书写习惯导致的，当然在高级点的浏览器中，它们大多都已经帮我们优化了，但是在中国，万恶的IE6仍然大量的存在，我们不得不去考虑它。对于JS代码的优化，实际上有很多的情况，有些影响是比较小的，而有些是比较严重的，本文中，我把几个我认为影响比较严重的情况列出来，供大家参考。

最近写了个H5的小页面，遇到一些兼容问题，记录下（主要针对QQ和微信 ），一、.调 用手机相机或相册功能：type="file" name="imgfile" id="camera">一开始是这样写的：type="file"name="imgfile"accept="image/*"capture="camera"id="camera">

今天接到一个任务，里面有个小动画是，手指拖动火柴到蜡烛上，蜡烛点燃。现在研究了下元素随手指移动的代码。  Mobile Cookbook#someElm {width: 100px;height: 100px;background:#ccc;position:absolute;}           

function f(str){    var arr=str.split("");    /*把传进来的字符串分割成字符串数组*/    var obj={};    for(var i=0;i<arr.length;i++){       var val=arr[i];    /*每个数组元素用val变量接收*/        if(obj[val] && obj[val...

// iosvar isPageHide = false;window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); }});window.addEventListener('pagehide', function () { ...

wrong actionfunction asyncfunc() { let ret = 100; setTimeout(() => { return ret; }, 1000) } let ret = asyncfunc() console.log(ret) // undefinedcallbackfunction asyncfunc(callback) { let ret =...

今天学习了下cookie的用法 ， 简单做了个小封装/*封装cookie*/function setCookie(name,value,expires,path,domain,secure) { var cookieName = encodeURIComponent(name)+'='+encodeURIComponent(value); if(expires i

一个简单的许愿树制作，记录一下html> 许愿树 http-equiv="content-type" content="text/html;charset=utf-8"> type="text/css"> *{ margin: 0; padding: 0; } body{ background-image:url(images/

Js的继承在很多书里面细致的分了很多种类型和实现方式，大体上就是两种：对象冒充、原型方式。这两种方式各有优点和缺陷，这里我先列举出来，再从底层分析区别：对象冒充:支持多重继承，但后面的类可以覆盖前面类的属性和方法。继承后的对象类型和父类对象不匹配。原型方式：不支持多重继承，继承后的对象类型和父类对象匹配。(一)对象冒充function A(name){

1，定义正则表达式1）定义正则表达式有两种形式，一种是普通方式，一种是构造函数方式。2）普通方式：var reg=/表达式/附加参数表达式：一个字符串，代表了某种规则，其中可以使用某些特殊字符，来代表特殊的规则，后面会详细说明。附加参数：用来扩展表达式的含义，目前主要有三个参数：g：代表可以进行全局匹配。i：代表不区分大小写匹配。m：代表可以进行多行匹配。上面三

1. 正则表达式规则1.1 普通字符    字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。    举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。（注：下标从0开始还是从1开始，因当前

整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　　

javascript有两种变量：局部变量和全局变量。当然，我们这篇文章是帮助大家真正的区别这两种变量。首先，局部变量是指只能在本变量声明的函数内部调用。全局变量时整个代码中都可以调用的变量。当然，单单从字面上理解肯定是不清楚的，下面我详细的介绍下： 大家都知道，变量是需要用var关键字声明的。但是javascript中也可以隐式的使用变量，就是不用声明，直接使用。而且，千万注意，jav

一、Javascript 异步编程原理显然，上面这种方式和银行取号等待有些类似，只不过银行取号我们并不知道上一个人需要多久才会完成。这是一种非阻塞的方式处理问题。下面来探讨下 JavaScript 中的异步编程原理。1. setTimeout 函数的弊端延时处理当然少不了 setTimeout 这个神器，很多人对 setTimeout 函数的理解就是：延时为 n 的话，函数

写页面的时候发现的小用法，记录下来，关于url静态传参的问题。首先列举下获取URL中参数的几种方法方法一：正则法这个正则是寻找&+url参数名字=值+&*/     这里参考网址：***.html?id=1&cid=2//这里是开始匹配，找到了返回对应url值，没找到返回nullfunction getQueryString(name) { var reg =

1.用typeof运算法来判断typeof是javascript原生提供的判断数据类型的运算符，它会返回一个表示参数的数据类型的字符串，12const s = 'hello';console.log(typeof(s))//String但是要注意的是：typeof并没有办法区分数组，对象，null等原型链上都有Object的数据类型。

Array()是我们在js中常常写到的代码，今天就总结哈Array的对象具有哪些方法：list = new Array()是我们在js中常常写到的代码，今天就总结哈Array的对象具有哪些方法。list[0] = 0; list[1] = 1; list[2] = 2; 或者这样声明：var list = [0,1,2] 1 shift()t:删除数

第一种是比较常规的方法思路：1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比3.若结果数组中没有该元素，则存到结果数组中代码如下:Array.prototype.unique1 = function(){var res = [this[0]];for(var i = 1; i var repeat =

工厂方式function createObject(name){ var p = new Object(); p.name=name; p.say =function(){alert(p.name+'ff');} return p;}var p1 = createObject("p1");var p2 = crea