分类 前端 下的文章

关于网页中的字体

  当设计师将设计稿给你之后,你看到各式各样的字体的时候是不是有种泪流满面的冲动啊!一般情况下,为了实现该字体效果,不可能要求客户端将字体文件下载下来的,这时候就有一个折中的办法了;很多时候,大家的选择都是直接将文字切图来用的。这个方法一般情况下的问题不大,但是如果用户手贱放大了?而且做响应式的时候,图片缩放后的后果就是一坨东西,除非你做相应的响应式配置!所以,下面就衍生出了另外一种选择。

Sass编译出现Invalid GBK character错误

  今天在使用content属性的时候,用了这个字符之后就编译不了。提示说Invalid GBK character,难道不支持GBK字符?应该不太可能吧,国内也有人在用啊!所以就google了一下,发现有两种解决方法:

CodeWar之Javascript记录一

  前几天正式加入了CodeWar,开始了the road of warriors ^_^! 刚开始就遇到了有趣的问题了:编写一个函数判断字符串中是否有重复的字符【字符不区分大小写】。这个问题一看就很简单啦,我的思路就是直接用正则表达式来匹配。具体解决方法如下:

关于伪元素before和after里面的content

  在做公司项目的时候,需要在一个元素的后面添加 | ,当时由于知识层面不够,没能解决空格被压缩的问题。后来逛了一下w3school才知道有non-breaking space可以输出完整的空格。我一开始是用下面这种方法解决的,是不是很二啊>_<!既然知道了有non-breaking space这样的神器,当然必须把我那别扭的方法给替换掉啦,示例可以参照下面的。
<p data-height="300" data-theme-id="23603" data-slug-hash="yOjJBV" data-default-tab="result" data-user="freedomlang" data-embed-version="2" class="codepen">See the Pen yOjJBV by blackywkl (@freedomlang) on CodePen.</p>
顺便贴一下:特殊符号的对应处理方式。

将codepen的项目内嵌到Typecho的文章中

  在浏览别人的网站的时候,发现别人可以将自己的codepen项目放到网站上!那时候就觉得挺酷的,所以今天就花点时间琢磨一下。仔细翻了一下codepen的网站,发现他们可以提供自动生成的内嵌代码了。只要我们在目标项目的左下角点一下<Embed>,就会弹出一个窗口生成代码,它默认有三个生成选项。如果你用的是Typecho的话,推荐使用Html的代码!注意:这里生成的代码,后面会带一句:

Div里的img与容器下边界有空隙的解决方法

  最近,在开发公司网站的时候;将img放进一个div容器后,图片与容器底部出现空隙。当时已经检查过divimgmarginpadding属性了,但显示出来的效果还是那样子。具体可以看下图。

  从百度搜了一下,出来的结果不是很满意,只是给出了解决方法!后来花了点时间在网上找到了对应的原因了。其实,img默认是一个inline元素。而inline元素默认是放在父级元素的baseline上的。baseline的定义可以参考下图。看了这个图后,相信大家都明白原因了吧:baseline并不是在元素的底部的,它距离元素底部有一定的距离!而且该距离是根据font-sizefont-family变动的。根据这个原因,我们只要是img不要放在baseline上,或者使baseline等于元素底部就可以了!

针对的解决方法有以下几种:

动态生成二维码

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

a标签的跳转

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

您的浏览器已过时

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

×