优点：使得css样式与html页面分离，便于整个页面系统的规划和维护，可重用性高。 缺点：css代码由于分离到单独的css文件，容易出现css代码过于集中，若维护不当则极容易造成混乱。
我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。
前言 First paint 直译过来的意思就是浏览器第一次渲染(paint)，在First paint之前是白屏，在这个时间点之后用户就能看到（部分）页面内容。 所以研究这个First Paint的触发时机对于优化浏览器页面的首屏渲染时间有很重要的作用。 在正题开始之前，先说下浏览器的页面的加载流程（大体过程是这样，并不精确，只是为了帮助理解后面内容）： 浏览器输入url，浏览器发送请求到服务器，服务器将请求的HTML返回给浏览器。 浏览器下载完成HTML(Finish Loading HTML)之
最近，为了做无觅的 APP，装上了无觅的相关推荐，结果果断不给力，打包了 2 个星期还在打包，还能再坑点么？ 蜗牛般的效率，暂且就不吐槽了。偶尔用站长工具检查外链的时候，居然发现无觅还给来了个隐藏的流
CSS用于修饰网页样式，但是，如果希望CSS修饰的样式起作用，就必须在html档中引入CSS样式表。引入样式表的常用方式有三种，即行内式、内嵌式、外链式，具体介绍如下。
将 CSS 代码 写在外部的 xxx.css 外部样式表文件 中 , 然后 在 HTML 的 head 标签 中 , 使用
仿照着WPMEE文章底部的公众号模块写的，之前扒了扒css，一直有问题就放在那里了，今天突然开窍。就自己试着写了一下。
然后浏览器当中进行查看，发现 Home 与 About 当中的内容样式都是受到了改变，如果想要在 Home.css 当中更改的样式只是修改 Home.js 组件的内容的话可以在 Home 组件当中的父组件添加一个 id，然后在样式选择器前面添加这个 id 即可如下所示：
前面我们学习了 HTML 的常用标签，在使用 HTML 标签属性的时候对网页进行修饰的方式存在很大的局限和不足，因为我们所有的样式都是写在标签中，这样既不利于代码的阅读，将来维护代码也非常困难。如果希望网页美观、大方、维护方便、就需要使用 CSS 实现结构与表现的分离。
emlog侧边栏复古翻牌时钟效果。（涛先森原创） 小编发现，本博客的后边侧边栏总是觉得空空的，反复思索了一下，决定加个时钟 但是时钟现在的人体艺术时钟已经泛滥，思索着整一个新的。 放
wordpress网站的打开和访问速度一直是一个大问题，让很多的新手感到很头疼的，今天我们再次探讨一下关于优化提速wordpress网站的一些技巧和经验。
一、doctype的作用，严格与混杂模式的区别，有何意义 1、语法格式：<!DOCTYPE html> 2、<!DOCTYPE>不是Html标签，而是告知浏览器此页面使用哪个HTML版本进行编写的指令 3、html 4.01中有如下三种模式 1、html 4.01 Strict 严格模式，不包含展示性（纯粹为页面展示服务的标签，如：b、font等，因为这些在css中有相应的替代方案）和弃用的元素，如：font，不允许框架集(framesets)； 2、html 4.01 Transitional 过滤模
由于媒体查询需要根据不同的浏览器宽度调整元素的样式, 所以不适合用于比较复杂的网页
一个页面允许加载的外部资源有很多，常见的有脚本、样式、字体、图片和视频等，对于这些外部资源究竟是如何影响整个页面的加载和渲染的呢？今天我们来一探究竟。
点语法可以得到 width 属性 和 top属性 带有单位的。 100px
这个插件提供html的编写提示，包括到属性的格式监测，语法细致监测纠正，非常好的。插件地址
作者：matrix 被围观: 8,363 次 发布时间：2014-02-04 分类：零零星星 | 33 条评论 »
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 心比天高 手如残废 刚学习前端的时候理解较快 老师布置的课后作业都能飞快完成 于是蜜汁自信 觉得前端不过如此 越深入的去学习 才发现自己是多么的井底之蛙 <!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'
地址：https://github.com/huiwang/hexo-baidu-url-submit
这里是WordPress 自定义栏目运用实例系列第五讲，为大家带来设置外链缩略图/特色图像的方法。如果你的主题支持特色图像的话，你会发现使用特色图像的图像是不能为外链图片的，一定要在多媒体那里上传才能
1、首先可以从php和mysql入手，OPCache缓存就是针对php代码执行效率优化提速的，而Memcached主要是缓存我们的mysql查询，减少不必要的重复查询，从而加快访问深度，显著降低TTFB，减轻服务器压力。
这里我选择的是 Cnblogs-Theme-SimpleMemory V2.1.0 版本
上个版本因为使用别人的接口导致目前接口会偶尔狗带，最近又有很多小伙伴联系到我，所以迫不得以着手emlog新浪外链上传工具1.2的制作，因为对js的生疏导致昨晚两个小时都没有调试成功，所以今天又继续换了另外一个js进行测试 emlog新浪外链上传工具1.2更新介绍： 更改接口为杨小杰api的接口(如果官网接口不挂我的就不会挂) 增加jquery的引入(因为很多小伙伴反馈按钮点击无效，我猜应该就是jquery这块的问题了) 整理代码 优化css(上个版本大家一致觉得ui
最近突然有一个想法，文章中的链接不够明显，可不可以在不修改类名的前提下，给所有 a 标签添加一个图标呢？
打开网易云音乐网页版，右上角进入我的主页，选择歌单，点击生成外链播放器，选择播放器尺寸大小，把生成的代码，复制到自己网站里，一般在index.php类似的首页文件里,找到<body>这一行到</body>之间找个合适的位置把代码粘贴上。 可以选择一个音乐放上去，也可以把一整个歌单放上去 会播放音乐的动态初音小人代码，同样是放到那个地方
在前端项目开发完成，我们肯定是需要对前端的项目进行测试优化。我们可以先用一些第三方工具对网站进行分析。工具例如
一直以来我都认为SEO是一个易学难精的专业技能，说它简单是因为基本上任何人都可以很快速的入门，懂点电脑基础，能文章，会发外链就够了；说它难是因为真正能够把SEO做到极致的人少之又少。一个专业的SEOer不仅需要对搜索引擎算法和SEO思维有着独到的见解，而且也需要掌握很多必要的SEO专业技能。今天我们就简单的讨论一下代码能力对于SEO的影响。
有很多站长觉得做站久了，网站的图片把加载速度拖垮了，所以很多站长喜欢使用图床外链，让网站速度和加载更快 今天杨小杰给大家带来一款新浪图床上传插件，其实这个插件一直在计划内，只是苦于《杨小杰博客wodpress版》的移植工作，所以没有去研究，眼看新年到，wp站也正式上线了，就抽空把这个插件写了出来，原理其实很简单，新浪外链前台版很多站长都有用过。但是这个就厉害了，这个是后台版的，写文章的时候就可以上传并插入。 emlog新浪图床上传插件更新介绍： 把以前前台的新浪外链搬到了后台
H5 页面发版灵活，轻量，又具有跨平台的特性，在业务上有很多应用场景。但是同时对比 App，H5 的性能表现总是要逊色一筹，比如页面打开往往会出现白屏，滑动列表等交互场景下也不如 Native 页面流畅。针对这些白屏、卡慢之类的问题，我们测试该从哪些方面去展开测试分析和数据对比呢？接下来笔者分享一些 H5 前端测试实践的经验，抛砖引玉，希望大家一起谈论，一起挖掘更多有价值的课题。
原文地址：https://blog.ascv.cn/archives/51.html
SEO诊断通过系统的检测项逐一展开检查，避免出现遗漏，是网站SEO优化深入挖掘、诊断网站、并发现问题的最佳方法之一。接下来小编为你剖析分享专业优化公司SEO诊断分析报告的内容，一起来看看吧。
css美化最好的方式就是通过外链引入，这样大大减少了自定义css代码页面的臃肿。
1、获取B站相应视频嵌入代码： <iframe src="//player.bilibili.com/player.html?aid=545983251&bvid=BV1Mq4y177qZ& cid=
我们在维护 WP-China-Yes 插件的同时也在维护一套完善的前端加速服务，从即日起，我们将公开全新升级的加速服务给各位站长/开发者使用。
如果应用官网的主题你会发现，有可能出现打不开的情况，这是由于有些主题使用的插件，本地并没有安装导致的报错。所以本篇文章为补充说明篇。（无问题的可以跳过）
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 html+css布局 前端学习的基础 html+css毕业已经有两个星期 现在原生js班学习也有一个多星期了 这是不包含需要用到js的最后一节学习笔记 感慨颇多 笔到纸上却一个字也写不出来 希望自己在js的学习上也能做到不忘初心 付出不亚于任何人的努力 天生我才必有用，千金散尽还复来 我会发上来我做的京东商城的html+css静态代码 算是对html+css学习的一个肯定和总结吧 因为并没有想要去刻意的
为了方便操作，直接使用Aplayer插件中的MetingJS （基于Meting API 的 APlayer 衍生播放器） 在 Hexo 配置文件 _config.yml 中设置：
注：一般实际工作来说标签不需要进行转换，因为大多数情况下都可以选择对应的标签来实现需求 行内块较为特殊！！
通过反向代理再加上缓存,现在很容易就能把别人的站给镜像克隆,这样会造成你网站被搜索引擎判断重复内容而降权,这样对于原创站点真的很不公平,虽然可以通过查询对方网站IP,然后在服务器上禁止这个IP的方法来禁止,但是对可以经常更换IP的对方网站或者对方套了CDN,就比较难操作,其实还可以再综合下面做法:
Axios 是一个开源的基于 promise 的 HTTP 请求库，一般常用于浏览器和 node.js 中。它能够在具有相同代码库的浏览器和 nodejs 中同时运行，在服务器侧，它利用服务器端原生的 node.js http 模块，而在客户端侧（一般是浏览器），则使用的是 XMLHttpRequest。
该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。当然maximum-scale=1.0, user-scalable=0不是必需的，是否允许用户手动播放根据网站的需求来定，但把width设为width-device基本是必须的，这样能保证不会出现横向滚动条。
由于 Md2All 很长一段时间都不再更新，加上有时候 Md2All 的访问不稳定，本项目在 Md2All 的基础上进行了一些调整和修改后的重新部署(包括把站点迁移至腾讯云等)。
从疫情确定开始已两月有余了，虽然国内已经好转起来了，但境外输入在不断增加，并且国外疫情日趋严重，受此影响公司现在没什么事做，加上神兽还没复课，每天在家上课，因此天天在家陪着他。
最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tf6swSQl-1664184420106)(upload://iauRLUk4DgFfFyKYQHzLuy4pyqj.png)
aa
CSS ( Cascading Style Sheets ) 层叠样式表 有 3 种引入方式 :
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
