前端踩坑记录

第一章

使用内置对象创建的变量（不带关键词new），严格等于字面量

1
2
3
4
5

var str1 = 'abc';
var str2 = String('abc');
str1 === str2; // true
typeof str1; // string
typeof str2; // string

使用new创建的变量，松散等于字面量，不严格等于字面量

1
2
3
4
5
6

var str1 = 'abc';
var str2 = new String('abc');
str1 == str2; // true
str1 === str2; // false
typeof str1; // string
typeof str2; // object

访问基本类型的属性时，javascript引擎会模拟创建一个临时对象来包围基本类型，属性访问之后引擎会立马丢弃这个临时对象。这正是“基本类型不是对象，但仍可以放问它的一些属性”的原因。

date

显示当前日期和时间

who

显示当前登录系统的所有用户标识（同时显示终端名称、登陆时间等）

passwd

改变口令

last

查看所有用户登录记录

last [用户标识]

查看某个用户的登录记录

问题背景

更新了Mac系统后（Catalina），系统偏好设置中，蓝牙设置显示已连接到耳机，但是耳机没有声音。声音输出设置中也没有已连接的蓝牙耳机。多次断开重连蓝牙、重启Mac、重启蓝牙耳机都没用。

更新时间 2019-10-11

1.简介

V2Ray 是⼀个与 Shadowsocks 类似的代理软件，可以⽤来科学上⽹（翻墙）学习国外先进科学技
术。

问题：选中图片后，把图片画到canvas上，但是并不想让用户看到这个canvas，请问如何在小程序页面中隐藏canvas呢？

audio组件在某些苹果手机存在致命bug，点击组件无任何反应。从1.6.0 版本开始，官方不再维护audio组件，建议使用能力更强的 wx.createInnerAudioContext 接口。以前列表渲染出来的audio需要技术改造。

H5新增了FileReader对象，该对象允许Web应用程序异步读取存储在用户计算机上的文件内容，构造函数为FileReader()，它返回一个新构造的FileReader实例。

实例拥有一个名为readAsDataURL 的方法，该方法会读取指定的 Blob或 File对象。

一旦读取完成，会触发onload事件。该事件的result属性将包含一个data:URL格式的字符串（base64编码） ，进而实现图片预览。

HTML

1
2

<input type="file" id="choose" value="选择文件">
<img id="show" />

JS

1
2
3
4
5
6
7
8
9

var btn = document.getElementById('choose'),
  show = document.getElementById('show')
btn.onchange = function() {
  var reader = new FileReader()
  reader.readAsDataURL(this.files[0])//以File对象作为参数
  reader.onload = function(e) {
    show.src = e.target.result //这里获取到图片base64编码
  }
}

在JSFiddle上运行

在JSRun上运行

cookie 概述

cookie 是JavaScript提供的一种本地存储机制，是存于硬盘某一位置的文本文件。以win7 Chrome 为例，其cookie的存储位置为C:\Users\yourUserName\AppData\Local\Google\Chrome\UserData\Default\Cookies
打开开发者工具，在Application->Storage->Cookies标签下，可以查看与网站相关的cookie。
当cookie读/写时，会被对应地解码/编码。

substring和substr方法都可以从字符串中抽取出一些字符，无论是方法名和参数，都十分相似。在紧张的面试氛围下，老铁们可能会混淆两者传入的第二个参数。笔者遵循联想法，想出了一个区分方法。

现在市面上存在一些优秀的代码高亮工具，例如highlight.js、prettify.js，在某些情况下，项目需要将后端接口返回的数据进行高亮美化，然后显示在web端。为了达到这种效果而引入整个插件，会显得臃肿。因此，我们需要一种更轻量的代码高亮的实现方式。