09 2019 档案

typeof 和 instanceof
摘要：1、typeof 用来用来判断一个变量的类型 （1）number 数字类型 （2）string 字符串类型 （3）boolean　布尔类型 （4）object 对象类型->对象、数组、null、JSON、Math 返回都是object （5）function 函数类型 -> eval、自定义函数、构 阅读全文
posted @ 2019-09-27 11:27 牛龙飞 阅读(203) 评论(0) 推荐(0)
前端安全-常见的攻击以及防御
摘要：1、XSS（Cross Site Scripting）跨站脚本攻击 （1）原理：页面渲染的数据中包含可运行的脚本 （2）攻击的基础类型：反射型（url参数直接注入）和存储型（存储到DB后读取时注入） （3）注入点： HTML节点内的内容（text）； HTML中DOM元素的属性； Javascrip 阅读全文
posted @ 2019-09-20 01:31 牛龙飞 阅读(504) 评论(0) 推荐(0)
JS事件委托（事件代理，dom2级事件）
摘要：一、前言 说实话，真问我什么是事件委托，我肯定gg，还好查了一下，原来就是我之前练习过的DOM2级事件的应用。 二、什么是事件委托？ 事件委托就是当事件触发时，把要做的事委托给父元素（或父元素的父元素）来处理。也就是：利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。使用事件 阅读全文
posted @ 2019-09-19 17:33 牛龙飞 阅读(1199) 评论(0) 推荐(0)
JavaScript笔记
摘要：JavaScript 1.基本认识 1.1 可以直接在标签中添加事件 1.2 script标签只能放在head或者body里面 一个html中可以放无数个script标签 script标签载入有先后顺序 如果一个script标签已经用来引入外部的js文件了，那么在标签内写代码无用 1.3 系统弹窗 阅读全文
posted @ 2019-09-18 23:51 牛龙飞 阅读(247) 评论(0) 推荐(0)
浏览器中的JavaScript事件循环机制
摘要：浏览器的事件循环机制是HTML中定义的规范。 JavaScript有一个主线程和调用栈，所有的任务都会被放到调用栈等待主线程执行。 JS调用栈 是一种先进后出的数据结构。当函数被调用时，会被添加到栈中的顶部，执行完成之后就从栈的顶部移除该函数，直到栈内被清空。 同步任务、异步任务 JS单线程任务分为 阅读全文
posted @ 2019-09-18 23:32 牛龙飞 阅读(255) 评论(0) 推荐(0)
JS异步事件顺序：setTimeout,async,promise
摘要：为什么最近更新那么频繁，还不是因为笔试的时候瞎了？ 先说异步事件执行顺序的规则： 1. 定时器异步队列和promise队列不是同一队列，promise优先级高于setTimeout; 2. 创建promise对象里面的代码属于同步代码，其异步性体现在then和catch处； 3. 遇到await，先 阅读全文
posted @ 2019-09-18 17:32 牛龙飞 阅读(1802) 评论(0) 推荐(0)
水平垂直居中
摘要：CSS实现块级元素 水平垂直居中的方法总结，建议只记忆四颗星的，其他略微了解即可！ 先假设父元素和子元素如下： 对应的原始css如下： 默认效果及要实现的效果如下图所示： 一、position:absolute 绝对定位方法 1. 上下左右值为0，margin:auto； 推荐指数4颗星！ 2. 先 阅读全文
posted @ 2019-09-18 15:57 牛龙飞 阅读(151) 评论(0) 推荐(0)
JavaScript的进制转换
摘要：先介绍两个API： 一、number 类型的 toString 方法 语法 JavaScript: numberObject.toString( [ radix ] ) JavaScript: JavaScript: 参数 参数radix支持 [2, 36] 之间的整数。例如：参数值为2，则表示二进 阅读全文
posted @ 2019-09-17 09:56 牛龙飞 阅读(2743) 评论(0) 推荐(0)
函数防抖和节流
摘要：在前端开发过程中，经常遇到一些持续触发的事件，如 resize、scroll、mousemove、键盘事件等，但有些时候不希望这类事件持续触发。 因此，防抖和节流就是解决这类需求应运而生的。 以键盘事件为例，一般除非要求输入模糊匹配时，要求实时获得输入框的值（见案例：https://www.cnbl 阅读全文
posted @ 2019-09-16 23:17 牛龙飞 阅读(313) 评论(1) 推荐(1)
输入框的模糊匹配案例
摘要：功能：在input框编辑一段文本，按回车键输入；下次再输入任何可以匹配到的内容时，会在下方提示已输入的模板，重复字体标红处理，模板右边有一个 X 可以删除模板内容。 实现效果如图所示： 其实就是键盘事件，样式方面还可以更加优化，此处请将就一下哈！ 上代码！ 有问题可以留言哟，这代码还有可优化的地方， 阅读全文
posted @ 2019-09-16 21:44 牛龙飞 阅读(612) 评论(0) 推荐(0)
获取实例化对象自身的属性
摘要：hasOwnProperty() 方法会返回一个布尔值，指示对象 自身 属性中是否具有指定的属性（也就是是否有指定的键） 该方法属于 对象，由于所有的对象都"继承"了Object的对象实例，因此几乎所有的实例对象都可以使用该方法。 语法 参数 要检测的属性 " " 名称或者 " " 。 返回值 用来 阅读全文
posted @ 2019-09-12 15:01 牛龙飞 阅读(597) 评论(0) 推荐(0)