HTML | 时鹏亮的Blog

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

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

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

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

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

如下代码实现了textarea随内容增加时滚动到底部的功能：

var $textarea = $('#textarea_id');
$textarea.scrollTop($textarea[0].scrollHeight);

以上代码来自：htt[……]

目前来看，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，[……]

下述代码实现了允许百度，禁用其他蜘蛛的功能呢。

User-agent: BaiduSpider
Disallow:
User-agent: *Disallow: /

其他写法总结如下：（1）禁止所有搜索引擎访问网站的任何部分。

User-agent: *Disallo[......]

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

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

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

时鹏亮的Blog