分类 前端 下的文章

动态生成二维码

  在做跨屏浏览或者所要传递的信息变化间隔较短的时候,二维码就不再是一张永不改变的图片了。这时候就需要我们在不同的时候给出不同的二维码。一般按产生二维码的位置可以分成以下三种。

a标签的跳转

  用过a标签的人都应该知道,a标签中的href属性一般情况下是填写跳转链接的,但是如果不填href属性,它也会有一个默认值:页面的顶部;所以当我们仅仅需要给它挂上一个function而已,并不需要它的跳转功能。所以就需要对它进行处理了。一般有两种处理方法。

利用Table来实现垂直居中

  由于种种原因,一般情况下是无法实现垂直居中的,其中的缘由以后再用一篇文章来说。这里,我从网上搜到了解决方法:使用table!整个结构有三层:表、单元格、内容。整个解决方法其实很好理解,一个表格里面只有一个单元格,而且将该单元格设置成垂直方向对齐为中间,那当内容的上下外边距margin为零的时候,内容就居中了!
<p data-height="300" data-theme-id="23603" data-slug-hash="EKebrv" data-default-tab="result" data-user="freedomlang" data-embed-version="2" class="codepen">See the Pen EKebrv by blackywkl (@freedomlang) on CodePen.</p>

关于Html5的注释

  无意中,在知乎上面看到一个有趣的问题和回答。先贴上原文链接,这个问题可能很简单,也可能很难!熟悉Html的人都知道,Html注释使用<!---->的,但是这里面的横杠真的有必要吗?

Typecho首页利用Ajax实现循环加载

  本文的方法参考自雷鬼的文章。在此基础上,做出了相应的修改!这个方法用到的是Jquery里的Ajax,所以请先引用Jquery。具体的实现思路如下图。

首先,我们需要在首页index.php适当的位置添加一个按钮【我是放在文章输出完之后】。

JavaScript动态插入CSS样式

最近需要在网页中动态的增加CSS样式,所以搜集了一些资料。主要使用stylesheet.insertRule(rule, index)来实现的。思路如下图所示:

代码实现如下:

关于css中的度量单位

  根据MDN里面的描述,在CSS的长度数据里面包含数字和长度单位。而CSS里面的长度单位分成两种:相对长度单位,绝对长度单位。

更换Typecho的Markdown解析器

  最近写博客的时候,由于Markdown解析器的原因导致不支持表格的呈现,所以很多文章的看起来都有点怪怪的!本来准备换一个支持好一点的博客系统的,后来去了一下Typecho的Github页面看了一下;原来最新版本的Markdown解析器已经换成HyperDown了【支持表格】,在权衡了一下更换Markdown解析器和更换博客系统两者之间的时间后,我还是觉得更换Markdown解析器要好!这个流程耗时不到1分钟:主要是进入/var目录添加和替换文件。

您的浏览器已过时

要正常浏览本网站请升级您的浏览器。现在升级

×