js 常见知识点
闭包：A函数中嵌套着B函数，B程序中有用到A的变量，当外部函数C调用函数A时，虽然A已经执行完毕，理论上函数执行完毕，它就要被弹出栈，但是由于B要用到A，所以A的变量被保存到内存中不被销毁，我们称函数B是闭包。 来源： https://www.cnblogs.com/geekjsp/p/12364913.html
js
js中call、apply、bind的区别
var Person = { name : 'alice', say : function(txt1,txt2) { console.info(txt1+txt2); console.info(this.name); }}var Dog = { name : 'tom', say : function(txt1,txt2) { console.info(txt1+txt2); console.info(this.name); }}var arr = ['hello','hi'];Person.say('hello','hi');Dog.say('wang~','wang2~');Person.say.call(Dog,'hello','hi');//Person.say内部的this指向了Dog，多个参数用逗号隔开Person.say.apply(Dog,arr);//第二个参数是数组，参数数量可以是未知的var PersonSay = Person.say.bind(Dog,'hello','hi');//不会立即执行，触发返回函数才会执行PersonSay();>>>hellohi>>>alice>>>wang~wang2~>>>tom>>>hellohi>>>tom>>>hellohi>>>tom>>>hellohi>>>tom 来源： https://www.cnblogs
js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）
第一种情况：iframe中不存在name和id的方法：（通过contentWindow获取） var iframe = document.getElementsByTagName('iframe')[0]; var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者： var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div =_iframe.document.getElementByIdx_x('objId'); 或者： var frameWin= document.getElementById('iframe').contentWindow; //window对象 var frameDoc= document.getElementById('iframeId').contentWindow.document //document对象 var frameBody= document.getElementById('iframeId').contentWindow.document.body //body对 第二种情况：iframe中存在name或者id的方法：（通过frames[]数组获取） document
js字符串操作总结
字符方法 [html] view plain copy <!DOCTYPE html > < html lang= "en" > < head > < meta charset= "utf-8" > < title >字符方法 </ title > </ head > < body > < script type= "text/javascript" > /* charAt方法和charCodeAt方法都接收一个参数，基于0的字符位置 charAt方法是以单字符字符串的形式返回给定位置的那个字符 charCodeAt方法获取到的不是字符而是字符编码 */ var str= "hello world"; console.log(str.charAt(1));//e console.log(str.charCodeAt(1));//101 //还可以使用方括号加数字索引来访问字符串中特定的字符 console.log(str[1]);//e </ script > </ body > </ html > 字符串操作方法 concat方法 [html] view plain copy <!DOCTYPE html > < html lang= "en" > < head > < meta charset= "utf-8" > < title >concat方法 </ title > </
CSS自定义属性改变网站布局和颜色
使用CSS自定义属性和Web存储API更改站点的布局和颜色。 CSS自定义属性（通常称为CSS变量）一直在稳步进入浏览器一段时间。随着3月份微软Edge 15的发布，现在所有主流的现代浏览器都支持它。 这意味着对于不需要支持诸如Internet Explorer之类的传统浏览器而不负担的项目，可以考虑使用CSS变量（所有意图和目的） - 安全使用。 新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。 编写更好CSS的指南 许多开发人员已经使用具有诸如Sass或Less之类的预处理器的变量作为减少代码重复的手段。本机CSS变量的工作方式大致相同，但不需要任何额外的构建步骤，像常规CSS属性一样级联，最重要的是在运行时可用。 这些优点使本机CSS变量成为其预处理器兄弟姐妹的一个优势，为开发人员打开了大量有趣的事情，而且代码少得多。 在本教程中，我们将探索如何使用CSS变量实现网站建立到名为NoteApp的模拟Web应用程序。这将涉及编写CSS和JavaScript以允许用户更改颜色方案并切换显示的列数。然后，我们将利用Web Storage API来确保为将来的会话保存任何更改。 获取教程文件 首先，从Web Designer的FileSilo下载项目文件。要做到这一点
JS基本数据类型转换之Number
将其他数据类型转换为Number类型 方式一：用Number（）函数。 1.String类型转换为Number类型。 1.1 String中只有数字。（整型及浮点型） var a = "3.1415" ; a = Number ( a ) ; console . log ( typeof a ) ; 结果： 1.2 String中为非数字内容。 var a = "劈豆腐" ; a = Number ( a ) ; console . log ( typeof a ) ; console . log ( a ) ; 结果：输出为NaN var a = "！！@#￥%……&" ; a = Number ( a ) ; console . log ( typeof a ) ; console . log ( a ) ; 结果： 1.3 String中为空或多个空格。 var a = "" ; a = Number ( a ) ; console . log ( typeof a ) ; console . log ( a ) ; 结果：输出结果为0 var a = " " ; a = Number ( a ) ; console . log ( typeof a ) ; console . log ( a ) ; 结果：输出为0 2.Boolean类型转换为Number类型。 2.1
jquery二级导航
效果图 直接放代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cat</title> <link rel="stylesheet" href="../css/base.css"> <link rel="stylesheet" href="../css/cat.css"> </head> <body> <div class="content"> <div class="container"> <div id="cat" class="cat"> <a href="#" class="cat-title"><i class="cart-icon">#</i>商品分类</a> <div class="cat-item dropdown" data-active="cat" data-load="../js/cat-1.json"> <div class="dropdown-toggle"> <a href="#" class="cat-item-link">家用电器</a> <span class="dropdown-arrow cat-arrow">></span> </div> <div class="dropdown-list"> <div class="dropdown
JS中Math函数的常用方法
Math 是数学函数，但又属于对象数据类型 typeof Math => ‘object’ console.dir(Math) 查看Math的所有函数方法。 1，Math.abs() 获取绝对值 Math . abs ( - 12 ) = 12 2，Math.ceil() and Math.floor() 向上取整和向下取整 console . log ( Math . ceil ( 12.03 ) ) ; //13 console . log ( Math . ceil ( 12.92 ) ) ; //13 console . log ( Math . floor ( 12.3 ) ) ; //12 console . log ( Math . floor ( 12.9 ) ) ; //12 3，Math.round() 四舍五入 注意：正数时，包含5是向上取整，负数时包含5是向下取整。 1 、Math . round ( - 16.3 ) = - 16 2 、Math . round ( - 16.5 ) = - 16 3 、Math . round ( - 16.51 ) = - 17 4，Math.random() 取[0,1)的随机小数 案例1：获取[0,10]的随机整数 案例2：获取[n,m]之间的随机整数 console . log ( parseInt ( Math
js中对象常用方法
Object.assign() … 用于克隆 var first = { name : 'kong' } ; var last = { age : 18 } ; var person = Object . assign ( first , last ) ; console . log ( person ) ; //{name : 'kong', age : 18 Object.is() …用于判断两个值是否相同 Object . is ( a , b ) ; //返回true或false //注意，该函数与==运算符不同，不会强制转换任何类型， 应该更加类似于 === ，但值得注意的是它会将 + 0 和 - 0 视作不同值 Object.keys() …用于返回对象可枚举的属性和方法的名称 var a = { name : 'kong' , age : 18 , func : function ( ) { } } ; Object . keys ( a ) ; //['name', 'age', 'func'] Object.defineProperty() …劫持变量的set和get方法,将属性添加到对象，或修改现有属性的特性 var a = { } ; Object . defineProperty ( a , 'name' , { value : 'kong' ,
.net文件分片上传,断点续传
HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>up6-多标签演示页面</title> <link href="js/up6.css" type="text/css" rel="Stylesheet" charset="gb2312"/> <script type="text/javascript" src="js/jquery-1.4.min.js"></script> <script type="text/javascript" src="js/json2.min.js" charset="utf-8"></script>