js内存空间及this关键词详解

前言

理解js内存空间,对于我们理解很多题目大有帮助,特别是一些面试题目。例如下面这个题目:

var a = 20;
var b = a;
b = 30;
// 这时a的值是多少?

var m = { a: 10, b: 20 }
var n = m;
n.a = 15;
// 这时m.a的值是多少

很多朋友搞不清楚。

js Worker解决ios下面倒计时手滑问题

前言

倒计时我们经常用。之前我也有很多文章提及过。例如:setTimeout倒计时等等。最近在移动端开发过程中,遇到一个ios手机滑动,倒计时卡住的问题,针对这个问题,我们可以用js的Worker。

倒计时案例

用setInterval写的最基本的倒计时,代码如下:

超大7k高清显示器显示网页解决方案

前言

最近事情很多,家里的事情,公司的事情一大堆。前段时间,给公司做了一个简单的数据大屏,近期又来了数据大屏项目。此次项目连屏幕尺寸和比例都不知道。一开始制作是按照16:9,也就是1920 × 1080。后面公司采购大屏是1920 × 4,1080 × 3,也就是横着4块大屏,竖着3块,总共12块。二且屏幕是高清播放,分别率7680×3240。高清7k屏幕。这个和我之前制作的比例有出入。无奈多次调整。记录一下高清屏出现的2个问题吧。期待朋友有更好的解决方案,欢迎交流!

内嵌网页显示很小问题。

a标签嵌套解决方案

问题

在实际网页布局之中,我们有时候需要一整块点击区域中间还要有部分按钮点击,也就是需要a标签嵌套a标签,如下:

<!-- a标签进行嵌套的时候 -->
<a href="#haorooms">outerA
    <a href="#haoroomsinner">innerA</a>
</a>

但是我们会发现,这种嵌套,浏览器会直接错误解析,解析结果如下:

<!-- 而浏览器则会解析成 -- >
<a href="#haorooms">outerA</a>
<a href="#haoroomsinner">innerA</a>

yarn的使用及升级Node.js的新方法

yarn的使用

yarn包管理工具,官网说是快速、可靠、安全的依赖管理,尝试了一下,入手很快,用起来也蛮方便的。大家可以尝试一下。

yarn安装

mac电脑上面安装如下:

brew update

brew install yarn

yarn工作流