Bonrui编程路

HTML5 Web Speech API 支持语音识别和语音合成1：webkitSpeechRecognition（语音识别）目前webkitSpeechRecognition API支持情况不是很好。下面是chrome的例子let newRecognition = new webkitSpeechRecognition();// 配置是识别到声音就关闭，还是一直识别newRecognition.continuous = true;newRecognition.start();// 开启

css设置字体大小后在手机端查看字体偏大。经过排查排除css优先级和js的问题。经过分析可能是浏览器的功能，经过搜索发现确实如此。这个特性被称做「Text Autosizer」，又称「Font Boosting」、「Font Inflation」，是 Webkit 给移动端浏览器提供的一个特性：这个特性是为用户因页面内容多而缩放页面导致字体变小看不清楚而设计的。目的是为了让用户缩放页面后保

transform限制position:fixed的跟随效果元素设置position:fixed后大家都知道可以让元素不跟随滚动条滚动，但是transform可以把position:fixed干掉让其降级成absolute。如下面代码： 本身应该不动的图片因为父级设置了transform而变成了absolute的效果。更多transform影响css的介绍请参考：

H5开发我们会遇到这样的需求，在页面中打开外部APP。下面我们来总结一下H5打开APP的方式。并详细介绍 URL Scheme 打开方式。目前常见的唤醒APP方式有：1：URL Scheme2：Android intent3：Safari内置APP广告条4：Universal Links方式一：URL SchemeIOS和Android都支持Scheme，在APP开发时

一：number转换为货币// Extend the default Number object with a formatMoney() method:// usage: someVar.formatMoney(decimalPlaces保留小数位数, symbol货币符号, thousandsSeparator整数千分位分隔符, decimalSeparator小数分隔符)// defau...

一、Webfont Generator有时候我们下载的字体文件.ttf .svg .woff .eot可能是损坏的文件，这种情况往往我们正确使用了但是字体不显示。这种情况我们可以借助Webfont Generator工具来检查一下字体文件。二、使用打开网站https://www.fontsquirrel.com/tools/webfont-generator提交字体文件如果正常...