加载中
requirejs中packages配置的作用

require.config({ packages: [ { name: "desktop-ui", location:"/js/desktop-ui" main: "index" } ] }); require(["desktop-ui"])正常是加......

10/01 21:20
28
史上最最最最全的CSS hack 方式一览

各位好, 网上很多文章号称最全,根本就是过时的老文章,都是转的。 要找最全看这里: http://browserhacks.com/

06/23 13:45
24
NodeJs中nextTick、setTimeout、setImmediate运行顺序解析

setImmediate该方法用来把一些需要长时间运行的操作放在一个回调函数里,在浏览器完成后面的其他语句后,就立刻执行这个回调函数。 setImmediate是宏任务,优先级是比定时任务低的。除非在定时...

rollup按需打包字体图标

安装 npm i rollup-plugin-font -D 配置 import font from "rollup-plugin-font"; export default { input: './src/index.tsx', output: { file: './dist/modern.js', format: 'iife' }, pl...

03/28 12:59
573
rollup+babel+typescript+react配置

import babel from "rollup-plugin-babel"; import alias from "@rollup/plugin-alias"; import path from "path"; export default { input: './src/index.tsx', output: { file: './dist/mo...

03/17 09:12
841
JS微任务 宏任务,Promise、setTimeout、setImmediate运行顺序实测

结论如下 虽然理论上应当先运行Promise,再运行setTimeout。但是由于历史版本或使用polyfill,使得Promise未必优先运行。 setImmediate未必比setTimeout早运行 在最新浏览器中Promise会早于事...

01/18 19:54
390
Javascript解析XML相关DOM API兼容性一览

文档API Chrome63 Chrome5 Firefox55 Firefox3.6 Edge18 IE11 仿真IE9、IE10 Microsoft.XMLDOM implementation characterSet UTF-8 null UTF-8 UTF-8 utf-8 utf-8 charset UTF-8 undefined ...

2019/12/26 23:41
122
在jest中配置typescript

测试是报错: Property 'assign' does not exist on type 'ObjectConstructor' NodeJS已经是最新版了,但道理不需要polyfill。 然后发现是typescript的lib没有"es2015.core",说明ts-jest没有...

2019/10/20 13:51
151
typescript中继承Map、Set报错的解决

Map、Set的polyfill实现是可以继承的 if(!this.Map){ //polyfill }else{ (function(){//可继承Map替代原生Map var GMap=globalThis.Map; try{ Map.call({}); }catch(e){ globalThis.Map=......

2019/10/07 21:43
334
Js中polyfill的使用限制

随着浏览器的更新,JS也在新增功能功能。这些功能为我们开发带来了很大的便利。在旧浏览器上使用,需要引入相关的polyfill才能用。然而,有些功能在旧浏览器中是无法完美实现的,只有在一定条...

2019/09/10 22:03
79
Map、Set的兼容性问题

entries、keys、values方法返回Iterator对象,但是早期的Iterator和最新的Iterator不同。直接使用会有兼容问题,修改原生的这几个方法可能又会导致历史代码出现问题。 因此建议使用forEach、...

2019/09/10 21:35
226
一张图看懂亮度、明度、光度、光亮度、明亮度

亮度、明度、光亮度,Luminance和Brightness、lightness其实都是一个意思,只是起名字太难了。 提出一个颜色模型后,由于明度的取值与别人的不同,为了表示区别所以就另想一个词而已。 因此在...

2019/04/25 23:50
3.6K
补充一个刚刚发现flex的一个坑

flex-wrap 元素一行或多行显示,旧的box语法不支持 .flex-nowrap{ -ms-flex-wrap:none;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;} .flex-wrap{ -ms-flex-wrap:wrap;-webkit-flex-wrap:wr...

2019/02/13 23:21
83
HTML+CSS实现div的高度自适应填满剩余空间的7种方法

如图上下两部分,上面部分适应内容的高度,下面部分填充剩余部分。 当下面内容不够时,在下面部分出现滚动条 有2种情况 1.上面内容的高度适应内容,只有2种方法(flex、quirks+table) 2.上面...

2019/01/23 18:42
1.3K
前端开发个人规范持续更新

这是个人多年来的总结,能想到的先写,后面有想到再补充 HTML button标签必须设置type属性 <button>按钮</button><!--BAD--> <button type="button">按钮</button><!--GOOD--> 表单动作应当在...

2019/01/01 11:33
65
js的URL对象兼容性实测O

URL兼容性,MDN和caniuse上描述的都不是很精确,需要实测, 一下是测试结果 浏览器 URL new href origin username searchParams 说明 chrome10               chrome31         ...

2018/12/30 14:08
218
JS监听对象属性读写的5种方法

主要有以下办法 __defineSetter__ watch defineProperty get/set关键字 Proxy 先说结论: 推荐大家使用Proxy 1.__defineSetter__早期时,还没有形成标准。浏览器提供的私有属性,可以使用这个...

2018/12/24 22:47
207
在线图标字体格式转化

可以打包各种格式 http://www.freefontconverter.com/

2018/11/09 20:10
43
IE9的CSS Hack

Flex是非常好用的,要优雅降级的话,ie9及以下要使用其他布局方法,需要CSS Hack。 @media (min-width:0\0) and (min-resolution:.001dpcm) { /*ie9*/ } @media \0screen\,screen\9 { /*ie6...

2018/10/30 00:38
23
不用任何代码实现IE6兼容透明PNG图片

IE6并不是不支持PNG图片,只是不支持半透明通道。 是支持PNG8色表引索全透明的。 以往都是通过滤镜或统统使用PNG8实现兼容。 但是我发现twitter的png图标可以在chrome中显示png32,在IE6显示...

2018/10/21 15:17
58

没有更多内容

加载失败,请刷新页面

返回顶部
顶部