海滨擎蟹推荐一位 CG 插画师：乌合麒麟
《和平之师》 - 乌合麒麟 - 新浪微博乌合麒麟的版权开放作品：其他作品白宫粉刷匠.jpg剑来.jpg敬呼吸.jpg你能呼吸吗.jpeg炮灰.jpg群体免疫.jpg伪神.jpg由于文件太大，可以到 乌合麒麟的微博 置顶的微博里找到。
destoon 打印 web 页面代码解析
公司官网改版之前，行情和资讯详情中的一些 js 方法都是可以使用的，改版之后发现按钮点击无效。检查了方法所在文件有引入，方法本身也有被调用（console.log 测试）。分析具体的代码发现，按钮点击没有生效，是因为方法本身还关联了 DOM 元素。比如某些功能涉及到提交表单，而表单内容是动态添加到 DOM 文档中的，这时如果之前的 ID 元素不存在了，方法自然就不生效了。详情页面的打印功能也是如此
JS 实现倒计时时间（天数、时、分、秒）
JS 要实现页面倒计时时间效果，主要用到三个函数，一个是 JS 的日期对象 new Date()，一个是 JS 的取整函数 parseInt，最后是一个定时器 setInterval()。如果输入参数为计算好的倒计时时间戳（秒或者毫秒），则日期对象也可以省略。实现过程大致分为三步：首先是计算输入的时间戳与当前时间的差值（单位：毫秒）。如果输入参数即为差值本身，可以忽略这一步。这里分几种情况：输入参
div 使用 height、width 调节宽度、高度不起作用
遇到一怪事，存在一个 div，想要通过 height 调节高度发现不起作用。height 本身也没有被强制覆盖。尝试添加 max-height 属性定义也没有用，没有设置内距和外距，box-sizing 自然也不起作用。好奇到底是定义了什么奇怪属性，便 F12 打开调试窗口，一番波折终于找到了作乱元凶：display: table-cell;这属性值好像自带光环效果，什么技能都对它都不起作用，将其
border-radius 使用之左上、左下、右上、右下分别定义
border-radius 字面意思就是边框的半径长度，即定义元素四个角的设置圆角边框。一般情况下，会直接定义 border-radius 的值。跟其他属性如 margin 、padding 之类一样，border-radius 其实也可以定义四个值，分别表示左上角，右上角，右下角，左下角的圆角半径。border-radius: 2rem;等价于border-top-left-radius: 2e
如何让轮播图在高度固定、宽度100%、不同分辨率的情况下固定宽高比，居中显示
最近被公司当前端使了，没办法，小公司招不到也不愿高薪招前端，只能我这个后台顶上去。遇到如标题一样的问题，首页轮播图在不同的分辨率下会发生变形。这是因为图片被设置了 100% 宽度和固定高度。分辨率发生变化时，宽度会拉升或者收缩，而高度固定，图片本身宽高比会失衡，变形在所难免。一开始想到可以将图片设置为背景，然后图片居中展示。但这样改动太大，因为轮播图部分使用了 destoon 的广告位，外面包裹
自定义 iconfont 显示不出来或显示小框框
首先参考之前写过的 加载使用 iconfont 阿里巴巴矢量图标库 和 自定义 iconfont 字体图标 这两篇关于 iconfont 的文章，主要使用 font-class 方式引用 iconfont 字体图标。具体引用步骤参考 自定义 iconfont 字体图标，之前使用 FontCreator 软件进行自定义 iconfont 编辑的，就是用 FontCreator 打开 ttf、otf
吃鸡蛋时的呓语
早上用蒸蛋器蒸了三个鸡蛋，剥开了两个，扔掉了一个蛋黄。那个扔掉的蛋黄不是没有营养，也不是比另一个蛋黄差些，只是想要控制体重的我，不再需要罢了。煮了一大碗粥，再少就不够煮了。倒在大碗里，配上一个半鸡蛋和些许榨菜。油花如蜿蜒的大河，鸡蛋是两岸的大山。吃一半，倒掉另一半。倒掉的一半依然与吃掉的一半没有区别，只是对少了“大山”、“大河”，泛着星星点点油花，逐渐冷却的另一半，没有当初的热情与胃口。
唐朝离婚协议书
凡为夫妇之因，前世三生结缘，始配今生之夫妇。若结缘不合，比是冤家。难归一意，各还本道。愿娘子相离之后，重梳蝉鬓，巧呈窈窕之姿，选聘高官之主。解怨释结，更莫相憎。一别两宽，各生欢喜。
PC 端侧边快捷导航栏的实现原理解析
对于一些首页需要展示较多品类的 PC 端商城，靠着主体内容的侧边导航栏是必不可少的。公司官网也用到了这个组件，参考天猫、震坤行、工品汇等网站做了些代码对比解析。侧边快捷导航栏的定位布局因为要固定在屏幕的某个位置，所以布局定位第一个想到的是 position:fixed，工品汇和天猫 PC 网站用的就是 fixed 布局。fixed 可以让组件相对于屏幕进行定位，而不是像 absolute 相对于