最近在前端开发时，因为设计的原因，要引用一些特殊字体（otf格式），但是后来发现这些字体文件非常大，平均每个要8mb左右，严重影响了网页效率。经过一番搜索，发现了前端字体压缩工具（只支持utf-8格式）font-spid…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 登录/注册页面https://codepen.io/bermudaque… 鼠标划过粒子特效https://codepen.io/st…

理想的图片显示方式是一个图片像素对应显示屏一个像素，即1对1，这样的显示方式可以最大限度的还原图像。 例如，720p的屏幕显示720p的图像，尺寸相符，一个屏幕像素对应一个图像像素，所以可以得到最佳显示效果。但一个108…

html页面可直接发邮件和打电话 <a href="mailto:2636821134@qq.com">发邮件</a> <a href="tel:12345678">打电话</a…

按下右边的“点击预览”按钮能够在当前页面预览，点击链接能够翻开原始页面。 纯 css 画的扫雷游戏界面https://codepen.io/alejuss/fu… 线条简朴的小货车行进的动画https://c…

浏览器版本 StatCounter国内电脑端浏览器版本统计（15年8月~16年8月）； 屏幕分辨率 W3Schools上的分辨率统计； 网页设想中罕见的宽高比； 罕见显现装备的媒体查询规范； 百度统计的中国网民分辨率使用…

JS推断对象中是不是有某属性 经由历程. 或许[] let test = { name: 'leemo' } test.name test["name"] test.age //undefined 可根据 Obj.x!=…

CSS1、2、3选择器统览 css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了：Click 通过测试：有如下更正或说明： 注：下述浏览器兼容性以x+表示，表明x以及x以上版本。 动态伪类选择器E…

a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: m…

个人总结的比较全面的前端面试知识点。主要是一些个人认为面试时容易考到以及平时需要注意的一些知识点。 本人只是对这些知识进行了一个大概的总结，还有一部分技术还没开始涉及，后期会持续添加。如果需要进行深入了解可以根据知识点查…

例如：”我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助，↵合作竞争，学习更加有动力！↵从简单的单词到句型和场景对话，↵孩子越来越敢于开口说英语啦！[耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨…

一 css居中效果（1）div行内垂直居中 div li{ height:30px; line-height:30px; } (2)div行内水平居中 div li{ text-align:center; } (3) d…