研发日志

与研发有关的总结和经验

0%

⚠️ 该方法只适合 nextjs10 版本!
next.js 从9.2版本开始内置支持css,项目中可以直接导入css文件。想要同时支持导入less,需要手动安装@zeit/next-less,在项目根目录新建文件next.config.js,添加如下代码

阅读全文 »

第一章

使用内置对象创建的变量(不带关键词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、重启蓝牙耳机都没用。

阅读全文 »

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

阅读全文 »

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

阅读全文 »

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

阅读全文 »