Extension Settings

最近团队新进了几个前端的同学,来之前他们那边一直没有搞代码检测,所以整理了下VScode Sonarlint的使用 图文教程,以供参考。

  1. SonarLint插件安装左侧打开Extensions插件图标进入插件搜索页,搜索Sonar,找到SonarL[……]

阅读全文

最近博客启用了百度云的CDN,主要针对图片部分。图片已经做了延迟加载,如何能加速页面中的图片载入并提升用户体验呢?
随手搜了下,方法也很简单,页面顶部加入如下代码即可:

<link rel="preconnect" href=&quo[......]

阅读全文

textarea想追加行如何处理?追加行之后,还要保持显示到最尾部呢?
如下代码实现了textarea追加行且自动滚动到最底部:

$("textarea").append("sdfdsf\n");
$("textare[......]

阅读全文

目前来看,HTML5支持DRM标准W3C是2017年9月份明确通过并建议浏览器支持该标准的。
实现方面,可以使用EME接口(基于MSE API),相关实现说明:https://www.html5rocks.com/en/tutorials/eme/basic[……]

阅读全文

事实上这个属性根本没有什么换行的功能,恩,我是指全浏览器兼容的,你光给Chrome或者Firefox搞一个没什么意义。
尤其针对textarea,不如直接用js来的方便,代码如下:

var placeholder = 'This is a line nthi[......]

阅读全文

<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,[……]

阅读全文

有时导航栏比较长,变动需要提前,这个时候就要手动调整css,如下的代码即可实现(支持bootstrap的3.1版本之后)。

@media (max-width: 1200px) {
#searchform{ float:left;}
.navbar-heade[......]

阅读全文

以下内容完整转载自:CSS – Base | Amaze UI
CSS 盒模型曾几何时,IE 6 及更低版本的非标准盒模型被喷得体无完肤。IE 原来的盒模型真的不好么?最终,时间给了另外一个答案。 W3C 终认识到所谓标准盒模型在实际使用中的复杂性,于是在 CS[……]

阅读全文