已归档

  • 1 开始

    本文是在阅读 clean code 时的一些总结,原书是基于 Java 的,这里将其中的一些个人认为实用性较强且容易与日常业务开发结合的一些原则重新进行整理,并参考了 clean-code-javascript 一文给出了一些代码实例,希望本文能够给日常开发编码和重构作出一些参考。

    2 有意义的命名

    2.1 名副其实

    变量取名要花心思想想,不要贪图方便,过于简略的名称,时间长了以后就难以读懂。

    // bad
    var d = 10;
    var oVal = 20;
    var nVal = 100;
    
    
    // good
    var days = 10;
    var oldValue = 20;
    va
  • 前后端分离目前算是一种共识了,特别是前端 MV* 框架的兴起,前端更倾向于按照框架写代码,之后打包再交由后端 render。因此,如果传统的根据路由打包为多个入口会比较蛋疼,单一入口的路由管理算是 SPA 的一个关键部分了,而这里离不开 history。


    history

    比较有意思的是,互联网根基不应该是光纤或者电脑之类,应该是 URL,任何互联网资源都有唯一的 URL(说的不严谨,请不要深究,下同),所以可以说 URL 是互联网资源的身份证。在资源跳转的时候可以轻松地前进后退,因为浏览器里有个 history 结构管理着这一切。history 的实现有点类似于栈,点击链接是 push,后退


  • title: 学习BFC
    date: 2017-05-22

    什么是BFC

    BFC全称是Block Formatting Context,即块格式化上下文。它是CSS2.1规范定义的,关于CSS渲染定位的一个概念。要明白BFC到底是什么,首先来看看什么是视觉格式化模型。

    视觉格式化模型

    视觉格式化模型(visual formatting model)是用来处理文档并将它显示在视觉媒体上的机制,它也是CSS中的一个概念。

    视觉格式化模型定义了盒(Box)的生成,盒主要包括了块盒、行内盒、匿名盒(没有名字不能被选择器选中的盒)以及一些实验性的盒(未来可能添加到规范中)。盒的类型由display属性


  • title: 异步请求功能性优化实践
    date: 2017-06-19

    背景

    在做开发的时候,某些接口的响应会比较慢,原因是服务器数据处理时间较长造成的。当响应较慢时,一般的做法只是是给用户提示加载中(转菊花),而不对界面的按钮进行禁用。

    试想一个场景,在发出请求 A 后,由于响应较慢,一些不耐心的用户会随便再点击一下页面,再次触发请求 B,此时响应 A 在响应 B 之前到达。如果不对响应的失效进行处理,那么会出现在发出请求 B 的筛选条件下显示请求 A 的响应结果,这显然是一个bug。

    如果服务端无法更快速得响应请求,那么一个合理的方法是在数据加载过程中,不能允许用户重复可能触发该请求的操


  • title: MVVM 式的热区组件开发
    date: 2017-07-04

    目录

    1. 什么是热区
    2. 热区功能介绍
    3. 实现手段与结构划分
    4. 相关指令介绍
    5. 体验增强
    6. 其它总结

    1. 什么是热区

    热区,是指在一张图片上选取一些区域,每个区域链接到指定的地址。

    因此热区组件的功能,就是在图片上设置多个热区区域并配置相应的数据。

    2. 热区功能介绍

    热区需要实现的功能为:

    1. 创建新热区区域;
    2. 热区大小可调整;
    3. 热区位置可更改;
    4. 热区数据可设置;
    5. 设置数据可显示。
    • 试试实际效果: 戳我
    • 具体项目代码: 戳我

    3. 实现手段与结构划分

    如果你在公司里听到有人在讨论 MVVM,那么话题一定离不开 Regu