前端开发 - 子傲代码魔法-小鑫的技术流水账

16 2017-10

了解CSS中的@ AT规则

前端开发, 编程技术已有2907人围观 0条评论供稿者：陈建鑫

大家可能在CSS中见到过字符@然后加一些关键字的用法，这种用法就称之为AT规则，在CSS中，种类还是很多的，这里总结列举下。常规规则所谓“常规规则”指的是语法类似下面的规则： @[KEYWORD] (RULE); 包括： @charset 定义字符集。字符设置据说会被HTTP头覆盖。某些软件，例如Dreamweaver新建CSS文件时候，自动会带有下面所示代码，但实际开发时候，作用不大，因为meta中已...

标签：css
16 2017-10

解开面条代码: 怎样书写可维护JavaScript

前端开发, 编程技术已有3331人围观 0条评论供稿者：陈建鑫

几乎每个开发者都有接手过维护遗留项目的经历，或者说是一个旧的项目想继续维护起来。通常第一反应是抛开它们代码规范基础，按自己的意思去写。这样代码会很乱，不可理解，并且别人可能要花费好几天去读懂代码。但是，如果结合正确的规划、分析、和一个好的工作流，那就有可能把一个面条式的代码仓库整理成一个整洁、有组织并易扩展的一份项目代码。我曾经不得不接手并整理...

标签：javascript
16 2017-10

如何无痛降低 if else 面条代码复杂度

前端开发, 编程技术已有3384人围观 0条评论供稿者：陈建鑫

相信不少同学在维护老项目时，都遇到过在深深的 if else 之间纠缠的业务逻辑。面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差，有没有固定的套路来梳理它呢？这里分享三种简单通用的重构方式。什么是面条代码所谓的【面条代码】，常见于对复杂业务流程的处理中。它一般会满足这么几个特点：内容长结构乱嵌套深我们知道，主流...

标签：javascript
2017-10-16
前端面试题小集

前端开发, 编程技术已有3109围观 0条评论供稿者：陈建鑫

一、一个页面上两个div左右铺满整个浏览器，要保证左边的div一直为100px，右边的div跟随浏览器大小变化（比如浏览器为500，右边div为400，浏览器为900，右边div为800），请写出大概的css代码。 1.使用flex //html <div class=‘box’&g...
2017-10-15
巧用匿名函数重构你的代码

前端开发, 编程技术已有3246围观 0条评论供稿者：陈建鑫

匿名函数最早是LISP语言引入，后面发展为不仅是函数式语言所特有，在解释型语言和编译型语言中也越来越多地看到匿名函数的身影，它或许有个更潮的名字叫 lambda 表达式。闭包多是用匿名函数实现，在匿名函数中引用了外部变量，那这个匿名函数就形成...
2017-10-15
4种使用webpack提升vue应用的方式

前端开发, 编程技术已有3935围观 0条评论供稿者：陈建鑫

译者注：本篇文章所提到的几个措施大家可能都曾经在项目里用过，但是就如作者所言：你只是在用，并不知道为什么用，本文最大的价值在于提供了系统的优化方案并解释了原因 webpack是开发Vue单页应用必不可少的工具，它能管理复杂的构建步骤，并且优化...

了解CSS中的@ AT规则​

解开面条代码: 怎样书写可维护JavaScript

如何无痛降低 if else 面条代码复杂度

前端面试题小集

巧用匿名函数重构你的代码

4种使用webpack提升vue应用的方式

标签云集

了解CSS中的@ AT规则