开发一个UI框架项目[7]-Popover 设计细节 触发方式。可设置通过trigger属性设置点击click或者覆盖hover触发弹出框。同时通过点击触发的弹出框，再次点击或者点击页面其它地方，将会关闭该弹出框，但点击弹出框区域不关闭。 弹出位置。可通过position属性设置弹出位置，有顶部top、底部bottom、左侧left和右侧right。 2020-10-12 前端 vue
开发一个UI框架项目[6]-Toast 设计细节 兼容性设计。在设计关闭提示框按钮的时候，有考虑要如何实现：如果是一个关闭图标，在移动端的交互体验会有点差，因为图标太小，手指有可能很难点击命中；所以将关闭区域设置得稍微大一点，在提示文案的右边区域作为关闭点击区域，同时支持设置点击回调函数。 方向设置。可设置提示框的弹出方向，按时钟顺序包括：上、右、下、左、中。 自动关闭。可设置自动关闭以及关闭的时间。 2020-09-29 前端 vue
开发一个UI框架项目[5]-Tabs 设计细节 结构分明。为了让结构层次更明显，在tabs-head里面有子组件tabs-item，在tabs-body里面有子组件tabs-pane，表示各自的标签与内容。 但结构分明的同时也有些许缺陷，就是tabs-item和tabs-pane都要加上相同的name属性，对于喜欢“偷懒”的程序猿来说，多写一遍属性是比较麻烦的事情。 2020-09-25 前端 vue
左手绿皮，右手红宝 买的两本书今天都到了，就是前端比较热门和重量级的两本书：《JavaScript语言精髓和编程实践（第三版）》和《JavaScript高级程序设计（第四版）》，也就是大家常说的绿皮书和红宝书，一本是今年4月份出版，一本是9月份刚出版。 献上图过过瘾 2020-09-20 书籍 JS
开发一个UI框架项目[4]-Container 设计细节容器的功能比较简单，主要将页面切分成头部header、侧边栏aside、主要区域main、底部footer，这几个部分都放在容器container里。 2020-09-16 前端 vue
开发一个UI框架项目[3]-Layout 设计细节 row组件默认采用flex布局，可通过left、center、right来设置对齐方式； row组件可通过设置gutter参数来设置列之间的间隔； col组件可通过设置span参数来设置不同列数，默认将宽度分为24列，同时可搭配offset参数来设置分栏偏移数； 响应式布局传递的参数不采用element-ui那些xs、sm参数，字面上不利于理解，所以这里采用了phone、iPad、nar 2020-09-12 前端 vue
开发一个UI框架项目[2]-Button 设计细节 高度最好为8的倍数，此处设置为32px；如果要支持大小类型的按钮，可设置为24px(small)和40px(large)； 按钮不设置固定宽度，左右padding设置为1em，表示左右各留一个字的空间； 因为button设置为inline-flex布局，在多个按钮并列时会存在位置不对齐的问题，使用vertical-align: middle解决。 2020-09-04 前端 vue
开发一个UI框架项目[0]-想法 写在前面近段时间一直有搞个开源项目的想法，思来想去，加上近段时间的一些事情和个人在开发中遇到的一些情况，最终决定写一个UI框架轮子，具体的原因跟分析见下面。 造轮子的初衷 2020-08-30 前端 vue
《程序员修炼之道》 -- 务实的方法（下） 前言上一篇记录了务实的方法上部分的内容，这里接着记录下部分的内容~ 曳光弹很多人应该看过枪击电影、电视节目或者玩过枪击游戏，在这些场景里面，我们经常可以看到子弹在空中留下明亮的轨迹，这些轨迹就是来自曳光弹。 2020-06-04 代码人生 务实