前端踩坑记录

问题背景

更新了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端。为了达到这种效果而引入整个插件，会显得臃肿。因此，我们需要一种更轻量的代码高亮的实现方式。

1. 可以用这个技巧进行数据对象的拷贝
2. 如果被拷贝的对象中有function，则拷贝之后的对象就会丢失这个function
3. 如果被拷贝的对象中有正则表达式，则拷贝之后的对象正则表达式会变成Object

简单选择排序

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

function selectSort(arr) {
    var len = arr.length
    for (var x = 0; x < len - 1; x++) {
        var min = x;
        for (var y = x + 1; y < len; y++) {
            if (arr[min] > arr[y]) {
                min = y
            }
        }
        if (min !== x) {
            var temp = arr[x];
            arr[x] = arr[min];
            arr[min] = temp;
        }
    }
    return arr
}