摘要：
自定义可拖动的进度条，如下图效果： 代码分三部分 html <body> <div id="demo"> <div class="progress"> <div class="progress-bar"> <div class="progress-thumb"></div> </div> </div 阅读全文
摘要：
当我写一个功能模块方法时，我在想些什么 // 无论什么方法，都是这样一个结构 const fn = () => { }; 比比如，我要写一个接口，查询组织下的设备列表 /api/device/list 地基 const deviceList = (params) => { // 传入一些参数 ret 阅读全文
摘要：
网站重构： 在不改变外部行为的前提下，简化结构、添加可读性，而在网站前端保持一致的行为。 也就是说是在不改变UI的情况下，对网站进行优化，在扩展的同时保持一致的UI。 对于传统的网站来说重构通常是： 表格(table)布局改为div+css 使网站前端兼容于现代浏览器(针对于不合规范的css、如对I 阅读全文
摘要：
小小的字体其实有大大的学问，可能与字体相关的很多知识都偏设计，不过俗话说技多不压身，艺高人胆大，多了解了解总归没错。 字体的分类 就 Web 常用的一些字体而言，经常听说的字体类型，大致可以分为这几种： serif(衬线) sans-serif(无衬线) monospace(等宽) fantasy( 阅读全文
摘要：
一. 字体属性：(font) 1. 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 2. 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 3. 行高 阅读全文
摘要：
写css时发现，图片加起来刚好是900px的多张图片，不能在一个900px宽容器放下，因为图片之间有间隔，我猜是浏览器把两个img标签之间的空格当成了空白节点。 在网上整理了一些解决多个img标签存在间隙的方法。 1、多个img标签写在一行 <img src="/i/eg_tulip.jpg" he 阅读全文
摘要：
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 css 标准文档中，视口也被称为初始包含块，它是所有 css 百分比宽度推算的根源，给 css 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Vis 阅读全文
摘要：
分享一些和设计师成为好朋友的个人经验，注意，这些经验技巧只适用于技术开发人员。 1. 不要站在设计师的背后 如果有事情找设计师商量，千万不要站在设计师的背后，因为会给人一种你即将要指点江山的感觉，会唤起设计师过往一些糟糕的不好的回忆。 所以正确的做法是，搬个椅子，坐在设计师的旁边，记得把座椅高度调到 阅读全文
摘要：
瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了 1.multi-column多列布局实现瀑布流 先简单的讲下multi-column相关的部分属性 column-count设置列数 co 阅读全文
摘要：
HTTP状态码是用以表示网页服务器HTTP响应状态的3位数字代码,其中第一位数字表示响应类别，响应类别从1到5分为五种 一、http状态返回代码 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 http状态返回代码 代码 说明100 （继续） 请求者应当继续提出请求。 服务器返 阅读全文