最近博客启用了百度云的CDN,主要针对图片部分。图片已经做了延迟加载,如何能加速页面中的图片载入并提升用户体验呢?

随手搜了下,方法也很简单,页面顶部加入如下代码即可:

<link rel="preconnect" href="https://c[......]

阅读全文

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

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

阅读全文

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

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

以上代码来自:https://stacko[……]

阅读全文

目前来看,HTML5支持DRM标准W3C是2017年9月份明确通过并建议浏览器支持该标准的。

实现方面,可以使用EME接口(基于MSE API),相关实现说明:
https://www.html5rocks.com/en/tutorials/eme/basics/
该文章发表于:[……]

阅读全文

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

var placeholder = 'This is a line nthis should be[......]

阅读全文

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 UR[……]

阅读全文

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

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

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

User-agent: *
Disallow: /

(2)允[……]

阅读全文

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

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

阅读全文

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

阅读全文