Mofei Logo前端基础

JavaScript 的多线程,Worker 和 SharedWorker

随着业务的发展,前端脚本处理大量数据的情况已经变的越来越常见了。但是,当我们尝试用前端脚本处理大量数据的时候,会发现这样的计算可能占用过多资源导致页面前端UI线程的假死。在这背景下,为了让页面有更好的体验,W3C在HTML5的规范中提出了Web Worker的概念,允许浏览器通过后台线程来执行复杂的事物或者逻辑。 1. 大量计算导致的页面假死 先让我们看一下什么情况下会导致页面假

May 7, 2017 4:45 AM
15617
Mofei Logo前端基础

Viewport 单位: vw, vh, vmin, vmax

随着CSS3的普及,大家对 Viewport 一定不会陌生,尤其是在移动设备上,今天向大家介绍一种Viewport单位,这个单位看起来不是很起眼,但是用起来绝对要爽到爆。他们就是 vm, vh, vmin, vmax。 要它做什么?? 前端界这么多新的熊孩子,这家伙又是干嘛的呢?我为什么要去学习它呢? 卖个关子,先让我们看一下Demo ![Demo](

Apr 11, 2016 12:26 PM
7246
Mofei Logo前端基础

HTML input 选色板 ( HTML5 Color Input )

现代浏览器中,HTML5的input新增了color属性,它允许用户调用系统的选色盘,非常方便,非常酷的一个功能。 语法 input的color是HTML5的一个实现,因此,它只能被用于支持HTML5的浏览器。 典型的用法如下: javascript <input type="color" value="ff00ff" 正如input的其

Jul 2, 2014 3:25 AM
16929
Mofei Logo前端基础

怎样成长为一个优秀的 Web 前端开发工程师?

在知乎上看到了这个问题,答得非常好,分享一下。 What makes a good front end engineer? ===== 原博文地址:[http:www.nczonline.netblog20070815what-makes-a-good-front-end-engineer](http:www.nczonline.netblog200708

Dec 27, 2013 4:34 AM
10106
Mofei Logo前端基础

css cursor 属性 示例

定义和用法 cursor 属性规定所显示的指针(光标)的类型。 语法: html Object.style.cursor=cursortype 参数 url default auto crosshair pointer move e-resize ne-resize nw-resize

Dec 20, 2012 10:29 AM
44287
Mofei Logo前端基础

CSS的优先级特性

新手朋友们在写css的时候,有时会遇到这样的情况,辛辛苦苦写了一条css,刷新页面一看,“OH!Shit!为什么页面没有变化”? 举个栗子! HTML: html 我是列表我是列表我是列表我是列表 CSS: css .nav li {color:red;} .nav_active {color:yellow;} 很典型的例子,当然了如果你能准

Nov 5, 2012 12:49 AM
40371
Mofei Logo前端基础

IE下“怪异模式”的触发

问题从做一个布局的水平居中开始,比如: (head省略) 要让wrapper定宽并水平居中,需要 css wrapper {width:960px;margin:0 auto;} 即可,但是在IE的怪异模式下需要加上 css body {text-align:center;} wrapper {text-align:left;}

Oct 31, 2012 9:12 AM
36772
HI, THERE!I AM MOFEI

(C) 2010-2024 Code & Design by Mofei

Powered by Dufing (2010-2020) & Next.js

IPC证:沪ICP备2022019571号-1