前言 优化！ 又是优化！ 切图崽们作为整个web应用的纽带，连接着用户行为和机器性能. 而优化的最终意义，在于在这两者之间取得一个最佳的平衡点. 对于图片资源的加载来说，更是如此. 今天我们就来简单说说，项目开发中常见的…
分类：html
探索发现：CSS实现中文两端对齐
今天在搜索“CSS实现中文两端对齐”的解决方法时，偶然发现了这个hack： 我遇到问题是：看不到效果，无论是英文还是中文，在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 ：） 样式： …
PHP websocket之聊天室实现
PHP部分 <?php error_reporting(E_ALL); set_time_limit(0);// 设置超时时间为无限,防止超时 date_default_timezone_set('Asia/sha…
svg和css3创建环形渐变进度条
在负责的项目中，有一个环形渐变读取进度的效果的需求，于是在网上查阅相关资料整理一下。代码如下： <!DOCTYPE html> <html lang="en"> <head> <…
quicklink解析
简介 quicklink是一个js库，可以预加载出现在视口的网页链接，提高用户体验。它的加载过程如下：1.检测网页中的链接是否出现在视口中，等待链接出现在视口，执行步骤2。2.等待浏览器空闲后执行3。3.判断当前的网络连…
利用 javascript 实现富文本编辑器
利用 javascript 实现富文本编辑器 阅读 994收藏 1482017-11-03原文链接：eux.baidu.com利用 javascript 实现富文本编辑器by.田 光宇 28 小时前近期项目中需要开发一个…
纯css实现叉号
HMTL部分 <a href="#" class="close"></a> CSS部分 .close { position: absolute; right: 32px; top: 32px; w…
网页兼容性
记录IE67下常见的问题 1、H5标签兼容 H5的新加入的标签在IE67下无用解决办法：检测是否有这个标签， 如没有则自己定义一个标签，但要注意自定义标签默认是内联元素，没有宽和高现在有成熟的js插件可以解决这个兼容性问…
HTML、CSS、meta常用代码
HTML 1、关闭首个字母大写（HTML） <input type="text" autocapitalize="off"/> 2、伪类:active失效 body class="" onmousemove=…
一起来了解下这些webpack常用插件
前言 对于webpack的配置以及常用模块大家应该都比较熟悉，本文将说一说webpack的一些常用插件，以及用法。 目录 1.内置插件 名称 参数 说明 用法 DefinePlugin Object 编译时配置的全局常量…
css动画实现呼吸圆
<!DOCTYPE html><html lang=”en”><head> <meta charset="UTF-8"> <title>…
博客乔迁，特此mark
之前工作手笔都是记录在有道云的，以后要常驻segmentfault，特此mark一下 : )
