04 2020 档案

摘要:尽量少用全局变量 单一var模式,变量统一声明 for循环优化 for in处理对象 最好不要增加内置的原型 注释规范 阅读全文
posted @ 2020-04-30 09:05 pengsn 阅读(161) 评论(0) 推荐(0)
摘要:this关键字 分析如下代码,执行同一函数,输出结果是什么? this实际上是在函数被调用时发生的绑定关系,它指向什么完全取决于函数在哪里被调用? this绑定规则 默认绑定 在非严格模式下,无法应用其他绑定规则的情况下啊,this默认绑定为window 隐式绑定 调用位置是否有上下文对象 当函数引 阅读全文
posted @ 2020-04-29 16:50 pengsn 阅读(154) 评论(0) 推荐(0)
摘要:我所理解的作用域就是你所申明的变量、函数住在哪里?程序在需要的使用如何能够找到他们?而设计的这套规则即为作用域 而javascript是一门解释性语言,是在执行的前很短时间内编译再执行。 从以下方面来分析javascript的作用域 编译原理 编译规则 遇到变量声明,优先询问作用域下是否存在一个该变 阅读全文
posted @ 2020-04-29 09:35 pengsn 阅读(199) 评论(0) 推荐(0)
摘要:Cookie 限制:1K左右 Cookies只能是字符串,储存空间有限,每次HTTP接受和发送都会传递Cookies数据,它会占用额外的流量 IE 用户数据 限制: 每个文档最多128K WEB存储机制 限制: 不同浏览器环境可能不同,最小应该也有1M IndexedDB indexedDB很适合存 阅读全文
posted @ 2020-04-23 14:38 pengsn 阅读(423) 评论(0) 推荐(0)
摘要:setTimeout/setInterval 简单地说setTimeout()指在指定时间后执行一次指定函数,setInterval()指每隔一段所指定的时间执行一次指定函数, 两个方法都称为定时器,不是ECMAScript的内容,而是属于BOM setTimeout MDN语法 https://d 阅读全文
posted @ 2020-04-23 13:40 pengsn 阅读(207) 评论(0) 推荐(0)
摘要:类型检测 javascript作为一门弱类型语言,变量申明的时候不会直接指定数据类型,而是在执行过程中会根据赋值的数据来确定数据类型 但业务逻辑操作过程中,可能会假定某种数据类型,所以需要提前校验数据类型 在javascript中有多种方式可以检测变量数据类型,下面将针对多种方式一一进行分析 类型检 阅读全文
posted @ 2020-04-23 09:17 pengsn 阅读(181) 评论(0) 推荐(0)
摘要:问题引入 当页面代码需要重复调用某个函数来反馈事件处理函数, 而【实现逻辑是通过多个if判断】来处理的情况下, 可以通过惰性载入函数的方式来实现. 示例如下 惰性载入函数 针对以上问题,由于每次执行的时候,if条件固定不变的情况下,执行的时候每次都是在重复检测; 惰性载入: 表示函数执行的分支仅会运 阅读全文
posted @ 2020-04-23 08:51 pengsn 阅读(357) 评论(0) 推荐(0)
摘要:navicat客户端方式 通过navicat工具链接mysql服务器 1. navicat工具链接,如果连接成功,跳过步骤2 2. mysql服务开启远程链接 A. 给一个用户分配权限[ALL PRIVILEGES] 或者 读权限 https://www.cnblogs.com/albertYe/p 阅读全文
posted @ 2020-04-21 15:38 pengsn 阅读(183) 评论(0) 推荐(0)
摘要:"ajax" XMLHttpRequest xhr = new XMLHttpRequest(); xhr.open(param1, param2, param3); param1 请求类型方式 POST GET ... param2 请求url地址 param3 是否异步 false, true 阅读全文
posted @ 2020-04-21 13:59 pengsn 阅读(157) 评论(0) 推荐(0)
摘要:一种数据格式,而非编程语言 语法 包含三种数据类型的值 简单值: 字符串类型、数字类型、布尔值、null 对象: 表示{} 复杂数据对象 数组: 表示[] 可以是简单值的集合,也可以是对象的集合,还可以是数组的集合 解析与序列化 JSON对象 JSON.stringify() 将对象转成json字符 阅读全文
posted @ 2020-04-21 10:42 pengsn 阅读(151) 评论(0) 推荐(0)
摘要:调试 打开developer tools,一般快捷方式为F12,以下常用类目释义 Elements: 元素查看器 Console: 控制台 Sources: 加载的资源 Network: 网络数据交互 Elements 如下图所示 主窗口展示页面的元素. 左侧有个箭头的按钮[快捷键:Ctrl+Shi 阅读全文
posted @ 2020-04-21 09:27 pengsn 阅读(156) 评论(0) 推荐(0)
摘要:表单脚本 HTML中 form 表示表单 表单字段事件 blur,change,focus 文本框脚本 input text: 单行文本 textarea: 多行文本 约束验证API 必填 required 类型约束 email 、url 数字范围 range 正则 pattern = "\d+" 阅读全文
posted @ 2020-04-20 09:28 pengsn 阅读(191) 评论(0) 推荐(0)
摘要:细数那些事件类型 UI事件 焦点事件 鼠标与滚轮事件 键盘与文本事件 复合事件 变动事件 HTML5事件 设备事件 触摸和手势事件 UI事件 常见的有 load unload abort error select resize scroll 焦点事件 blur 不会冒泡 focus 不会冒泡 foc 阅读全文
posted @ 2020-04-20 08:38 pengsn 阅读(209) 评论(0) 推荐(0)
摘要:初识linux 环境准备 准备一台可访问的linux服务器; Centos / RedHat / Ubuntu ... linux访问工具; XShell / SecureCRT 端口默认22 显示界面 第一个命令 ll 查看目录结构 针对以上各项显示内容释义 命令行方式登录 阅读全文
posted @ 2020-04-17 21:52 pengsn 阅读(175) 评论(0) 推荐(0)
摘要:事件 Event 事件流 当浏览器发展到第四代时(IE4 及 Netscape Communicator 4),浏览器开发团队遇到了一个很有意思 的问题:页面的哪一部分会拥有某个特定的事件?要明白这个问题问的是什么,可以想象画在一张纸上 的一组同心圆。如果你把手指放在圆心上,那么你的手指指向的不是一 阅读全文
posted @ 2020-04-17 16:19 pengsn 阅读(240) 评论(0) 推荐(0)
摘要:DOM1 DOM2 DOM3 DOM1 定义了HTML 和 XML的底层结构 DOM2,DOM3 在此基础上引入了更多的交互能力, 也支持更高级的xml特性 主要包括 核心基础扩展、视图扩展、事件扩展、样式扩展、遍历和范围 、 更多HTML属性和方法 contentDocument || conte 阅读全文
posted @ 2020-04-17 14:35 pengsn 阅读(143) 评论(0) 推荐(0)
摘要:DOM扩展 选择符API querySelector() 返回第一个匹配的元素 通过 Document 类型调用 querySelector()方法时,会在文档元素的范围内查找匹配的元素。 通过 Element 类型调用 querySelector()方法时,只会在该元素后代元素的范围内查找匹配的元 阅读全文
posted @ 2020-04-16 22:22 pengsn 阅读(144) 评论(0) 推荐(0)
摘要:DOM 文档对象模型,针对HTML和XML文档的一个API,描述了一个层次化的节点树 可对节点进行增删改查操作 节点都继承自Node类型 节点层次 Node nodetype描述节点类型 节点关系 Node nodeType 节点类型 childNodes 子节点集合 firstChild 第一个子 阅读全文
posted @ 2020-04-16 20:26 pengsn 阅读(146) 评论(0) 推荐(0)
摘要:linux下命令发送UDP数据包 代码实现收发UDP数据包 发送数据包 接收数据包 捕获数据包 windows 下wireshark工具抓取 linux 下通过tcpdump命令抓包 tcpdump i any s 0 udp port xx w save.pcap 阅读全文
posted @ 2020-04-16 14:44 pengsn 阅读(847) 评论(0) 推荐(0)
摘要:废话不多说,直接上代码 HTML <div id="content-div" class="content"> 内容信息 </div> CSS .content { position: fixed; top: 20px; right: 20px; width: 200px; height: 400p 阅读全文
posted @ 2020-04-16 10:44 pengsn 阅读(1460) 评论(0) 推荐(0)
摘要:描述windows和linux如何抓取数据报文 Windows 通过wireshark工具抓取数据报文 1. wireshark官网下载安装 , 如下图,根据操作系统情况下载实际版本 2. 安装完成后,打开wireshark工具 3. 根据自身网卡数据的情况,选择指定网卡数据抓取,如下图 4. 开始 阅读全文
posted @ 2020-04-15 14:53 pengsn 阅读(1359) 评论(0) 推荐(1)
摘要:BOM Window 所有全局定义的变量和函数都挂载在window全局对象峡; 可直接通过window.prop访问 窗口位置 screenLeft,screenTop,screenX,screenY 窗口大小 innerHeight,innerWidth outerHeight,outerWidt 阅读全文
posted @ 2020-04-13 18:10 pengsn 阅读(163) 评论(0) 推荐(0)
摘要:函数表达式,函数声明; 函数声明整体提升 递归 闭包 有权访问另一个函数作用域中的变量的函数 var name = 'window name'; function Item() { this.name ='zhangsan'; this.display = function() { console. 阅读全文
posted @ 2020-04-13 13:35 pengsn 阅读(182) 评论(0) 推荐(0)
摘要:面向对象 创建对象 对象封装 继承 通过原型链实现继承 借用构造函数来实现继承 在子类型的构造函数内部调用超类的构造函数 组合继承 通过将原型链和借用构造函数组合使用 原型式继承 通过一个已知的对象创建另一个对象的方式来实现继承 阅读全文
posted @ 2020-04-13 09:12 pengsn 阅读(169) 评论(0) 推荐(0)
摘要:javascript 数组自带的函数sort可以根据自定义的排序器排序 function compare(v1, v2) { return v1-v2; } var values = [4,1,2,5,3]; var vv = values.sort(compare); console.info(v 阅读全文
posted @ 2020-04-09 15:49 pengsn 阅读(140) 评论(0) 推荐(0)
摘要:引用类型 引用类型是一种数据结构,用于将数据与功能组织在一起,常被称为类。 也可以称为对象的定义,因为他们描述的是一类对象所具备的属性和方法 Object类型 实例定义方式 Array类型 实例定义方式 检测是否是数组 instanceof/Array.isArray(value); 转换方法 jo 阅读全文
posted @ 2020-04-09 10:55 pengsn 阅读(160) 评论(0) 推荐(0)
摘要:此摘录实在是太全面了!值得关注!!! ████ 粉红(#ffb3a7),即浅红色。别称:妃色 杨妃色 湘妃色 妃红色 ████ 妃色妃红色(#ed5736):古同“绯”,粉红色。杨妃色 湘妃色 粉红皆同义。 ████ 品红(#f00056):比大红浅的红色(quester注:这里的“品红”估计是指的 阅读全文
posted @ 2020-04-08 16:41 pengsn 阅读(593) 评论(0) 推荐(0)
摘要:数据类型、运行三部曲 基本类型和引用类型的值 弱类型语言, 根据实际执行情况转换变量类型 基本数据类型: 简单的数据段 null, undefined, number, string, boolean 引用数据类型: 可能由多个值构成的对象 object 内置的封装对象 Array, Math, R 阅读全文
posted @ 2020-04-08 09:50 pengsn 阅读(132) 评论(0) 推荐(0)
摘要:基本概念 语法 关键字和保留字 ecmascript 版本保留字关键字可能会有不同,根据浏览器或宿主环境的实现不同,关键字保留字识别会有出入 以上保留字 关键字不要做为标识符出现 关键字 break do instanceof typeof case else new var catch final 阅读全文
posted @ 2020-04-03 17:08 pengsn 阅读(147) 评论(0) 推荐(0)
摘要:排查过程分析 采用history命令检查是否有人误操作执行了rm命令 未果,检查目录是否曾经有过挂载记录 有过挂载,df -h, 查看目录是否处于挂载中 , 未曾挂载 检查磁盘情况 fdisk -l 发现有一个较大的分区,于是尝试手动挂载,失败error 于是决定检查修复磁盘 fsck -y /de 阅读全文
posted @ 2020-04-02 18:01 pengsn 阅读(783) 评论(0) 推荐(0)
摘要:Javascript 组成部分 ECMAScript + DOM + BOM 逐个释义 ECMAScript ECMA-262 定义,提供核心语言功能 语法 类型 对象 语句 关键字 保留字 操作符 DOM Document Object Model 文档对象模型 是针对 XML 但经过扩展用于 H 阅读全文
posted @ 2020-04-02 09:31 pengsn 阅读(142) 评论(0) 推荐(0)
摘要:浏览器之http请求状态值 参考网址 https://developer.mozilla.org/zh CN/docs/Web/API/XMLHttpRequest/status 一、XMLHttpRequest.status 二、XMLHttpRequest xhr的代码实现 三 状态值分析 un 阅读全文
posted @ 2020-04-01 09:41 pengsn 阅读(1027) 评论(0) 推荐(0)