04 2020 档案
摘要：ES5补充拓展 20200429 ECMA介绍 ECMA (欧洲计算机制造商协会) 这个组织的目标是评估、开发和认可计算机标准 ECMA 发布 262 号标准文件（ECMA-262），规定了浏览器脚本语言的标准，并将这种语言称为 ECMAScript ECMAScript5简介 ECMAScript
阅读全文
摘要：Git配置基础信息 查看配置列表 git config --list 设置用户名和邮箱地址 git config --global user.name "你的用户名" git config --global user.email "你的邮箱地址" 基础命令 初始化本地仓库 进入到指定的目录后，把某一
阅读全文
摘要：与大部分面向对象语言不同，ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。在介绍原型和原型链之前，我们有必要先复习一下构造函数的知识。 一、构造函数 构造函数模式的目的就是为了创建一个自定义类，并且创建这个类的实例。构造函数模式中拥有了类和
阅读全文
摘要：var FamWom = function(){ //1.创建一个对象 {} //2.将构造函数this >{} //3.使用this给空对象绑定属性 {} //4.隐式返回{} } 构造函数创建对象：（浪费内存） 函数名首字母大写，使用this添加属性和方法，调用的时候前面必须加new 构造函数的
阅读全文
摘要：说到跨域，我们首先要了解到同源和不同源 原生实现跨域请求原理 -- JSONP JSONP 是 JSON with padding（填充式 JSON 或参数式 JSON）的简写。 JSONP实现跨域请求的原理简单的说，就是动态创建<script>标签，然后利用<script>的src 不受同源策略约
阅读全文
摘要：下载地址 图片助手(ImageAssistant)的开发背景 用户在浏览网页的时候，有时候，需要把当前网页中的所有图片一次性下载完成，如果图片比较少的话， 用户可以直接把图片右键保存到本地即可，如果图片非常多，或者网页的设计者使用了背景或其他脚本技术隐藏了图片，用户使用右键保存图片就会变得困难，今天
阅读全文
摘要：百度TcpCopy，得到的结果是：TCPCopy是一种请求复制（所有基于tcp的packets）工具，可以把在线流量导入到测试系统中去。曾经应用于网易的广告投放系统，urs系统，nginx hmux协议等系统，避免了上线带来的很多问题。现在此工具已经广泛应用于各大互联网公司。近期接触到的项目就是关于
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> * { padding: 0; margin: 0; list-style: none } #wrap { width:
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul { width: 400px; margin: 0 auto 0; padding: 0; list-sty
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #form { width: 480px; margin: 30px auto; border: 1px soli
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; } .wr
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} .wrap{ width: 200px; overflow: h
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input"
阅读全文
摘要：效果图（加快处理了） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <style> * { padding: 0; margin: 0; list-style: none } #wr
阅读全文
摘要：//1.下面代码执行后的结果是？如何处理 var arr = []; for(var i = 0;i<10;i++){ arr.push(function () { console.log(i); }) }//[function(){}，function(){}，function(){}，funct
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>仿浏览器滚动条</title> <style type="text/css"> * { margin: 0; padding: 0; } #demo { wid
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> * { padding: 0; margin: 0; list-style: none } #wrap { width: 960px; heigh
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> #box1 { width: 100px; height: 100px; background: red; position: absolute;
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div{ width: 300px; height: 300px; background-color: red; opacity: 0.3;/*0
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0; padding: 0; } div { width: 100px; height: 100px; backgroun
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; posit
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ position: absolute; width: 300px; height: 200px; bac
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：事件委托处理： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap { width: 200px
阅读全文
摘要：// 一个从小到大排好序的数组。现输入一个数，要求按原来的规律将它插入数组中 var arr = [2,5,8,9]; function insert(a,n){ // 检测新数字要放入的位置 for(var i=0;i<a.length;i++){ if(n < a[i]){ break; } }
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} span{ position: absolute; top: 0
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: none; } li
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #txt1{background: #0084BB;margin
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap { width: 66%; margin:
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } img { vertical-align: top; w
阅读全文
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body, ul, li { margin: 0; padding: 0; list-style: none; }
阅读全文
摘要：随机初始化数组项 //随机生成20项初始化数组 var arr = []; for(var i=0; i<20; i++){ arr[i] = Math.floor(Math.random()*21); } 选择排序 for(var i=0; i<arr.length; i++){ //最小值下标
阅读全文
