随笔分类 - js
摘要：说明直接说出问题 !![] == true //结果是true [] == true //结果是false ![] == [] //结果是true 为什么会出现这种情况 解释首先说一下,如果你看到这些代码，能想到 相等运算符（== ），两个操作数类型不同时，进行的转换，那么你已经接近答案了。 不要浪
阅读全文
摘要：什么是可选链 可选链操作符( ?. )是一个新的js api，允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路
阅读全文
摘要：url出现了有+，空格，/，?，%，#，&，=等特殊符号的时候，可能在服务器端无法获得正确的参数值，如何是好？URL无法显示某些特殊符号，这个时候就要使用编码了。编码的格式为：一个百分号，后面跟对应字符的ASCII（16进制）码值。例如，空格的编码值是”%20“。 将这些字符转化成服务器可以识别的字
阅读全文
摘要：一、问题 在对 URL 进行编码时，若 URL 中存在空格，则空格会被转换成了＋，导致对方识别不成空格。 二、解决办法 将 URL 中所有的空格替换成 %20
阅读全文
摘要：事件冒泡 什么是事件冒泡？ 当一个元素接收到事件的时候，会把他接收到的事件传给父级，一直传到window （注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件 也不会有什么表现 但事件确实传递了。） <!DOCTYPE html> <html lang=
阅读全文
摘要：彻底理解js中this的指向，不必硬背。 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不
阅读全文
摘要：event对象:什么是event对象： 用来获取事件的详细信息。(如：键盘的状态、鼠标的位置、鼠标按钮的状态)event对象浏览器兼容问题： 1 2 3 4 5 function (ev) { // IE: 支持window.event // 标准： 事件处理函数传入的ev对象 var ev = e
阅读全文
摘要：很多文章讲述不是很到位，就记录一下 vconsole 的使用和注意点。 为什么要使用 vconsole.js ? 因为手机或者平板之类的客户端软件并没有控制台，前端开发想看log日志比较麻烦，如果一直弹窗alert方法实在太挫了。所以腾讯开发了这个 js 插件。 注意点 vconsole 这个插件源
阅读全文
摘要：什么是Web Worker？ web worker 是运行在后台的 JavaScript，不占用浏览器自身线程，独立于其他脚本，可以提高应用的总体性能，并且提升用户体验。 一般来说Javascript和UI页面会共用一个线程，在HTML页面中执行js脚本时，页面的状态是不可响应的，直到脚本已完成。而
阅读全文
摘要：😄😄废话不多说，先上题： //请写出输出内容 async function async1() { console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2() {
阅读全文
摘要：在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如 本文 左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。 本文会详述各种获取 DOM 元素绝对位置 的方法以及对应的兼容性。关于如何获取 DOM 元素高度和滚动高度，请参考视口的宽高
阅读全文
摘要：<html> <head> <meta charset="utf-8" /> <title></title> <script> var url; url = window.location.href; /* 获取完整URL */ alert(url); /* http://127.0.0.1:802
阅读全文
摘要：我们有时候在JS里进行页面跳转，并且传递了参数（AppName），如下： window.location = "../../views/form/edit.html?AppName=新增" 但是跳转之后我们用 window.location.search 取出来却成了这样： "?AppName=%E
阅读全文
摘要：JavaScript简介 JavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。 JavaScript由三部分组成： ECMAScript（核心）+DOM（文档对象模型）+BOM（浏览器对象模型） ECMAScript作为核心，规定了语言的组成部分：语法
阅读全文
摘要：在 30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments
阅读全文
摘要：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。 也就是说，ES6就是ES2015。 虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6
阅读全文
摘要：什么是域名？ google.com、baidu.com、163.com等。 域名、主机名与URL例子 例子1： http://mail.163.com/index.html 1)http://:这个是协议，也就是HTTP超文本传输协议，也就是网页在网上传输的协议。 2）mail：这个是服务器名，代表
阅读全文
摘要：一、基本概念 Cookie cookie比较小，大小限制在4kb左右，是网景公司的前雇员 LouMontulli 在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStor
阅读全文
摘要：前言 做Web开发就一定会涉及到浏览器和服务器的交互，所以了解浏览器和服务器交互的方式就尤为重要。从接触B/S开始就已经接触到了get和post，但是对它们的了解确实不深入。在后来不断的做项目过程中，对它们不断接触中发现，以前的了解真的是太浅了。本篇博客就探讨一下，GET和POST的区别。 HTTP
阅读全文
摘要：HTTPS基础知识：HTTPS (Secure Hypertext Transfer Protocol)安全超文本传输协议，是一个安全通信通道，它基于HTTP开发用于在客户计算机和服务器之间交换信息。它使用安全套接字层(SSL)进行信息交换，简单来说它是HTTP的安全版,是使用TLS/SSL加密的H
阅读全文
