摘要:
使用 DevServer 提供 HTTP 服务而不是使用本地文件预览 监听文件的变化并自动刷新网页,做到实时预览 支持 Source Map,以方便调试 对于这些,Webpack 都为我们考虑好了。Webpack 原生支持上述第 2、3 点内容,再结合官方提供的开发工具 DevServer 也可以很 阅读全文
摘要:
React 事件绑定大概有以下几种,先给最终源码再逐步解析。 bind 方式 1 class Profile extends React.Component<{ name: string, age: number }, { linkd: number }> { 2 constructor(props 阅读全文
摘要:
前端开发现在在经理急速发展的阶段。随着应用市场场景越来越广,需求越来越复杂,社区和官方也在不断得将其规范化和工程化。如果你还在使用比较古老的开发方式,那么不妨跟随步伐。 如果说 2014 年是属于 MVVM,属于 Angular 的,那么 2015 年称为 React 元年并不为过。随着版本迭代更新 阅读全文
摘要:
CSS 组件设计原则 类型 大量使用类样式,尽量避免破坏标签默认样式 Bootstrap 设计基本原则 CSS 类样式应该最小化,这样才能够灵活地组合使用(类样式一般遵循最小化设计原则,但是如果没有被重复利用的价值,就不应该再坚持最小化定义) 在定义各类组建样式时,把主题样式单列出来(包括前景色、背 阅读全文
摘要:
计算 em 目标像素 除 基准像素 等于 em倍数结果; 14 / 16 = 0.875em 0.875倍也就是 14 像素 计算百分比 目标像素 除 父类总宽度 乘 一百;90 / 200 * 100 = 45px 再将父类总宽度改为百分之百 如此实现所有元素自适应效果 阅读全文
摘要:
// Math.ceil() 返回大于等于数字参数的最小整数(取整函数),对数字进行上舍入 // Math.floor() 返回小于等于数字参数的最大整数,对数字进行下舍入 // Math.round() 返回数字最接近的整数,四舍五入 export class Random{ /** * startAt-maxItem的随机整数,包含startAt但不包含maxItem ... 阅读全文
摘要:
前言: 对于软件行业学习是无止境的,因为知识更替非常快,能够快速稳固掌握一门新技术是一个程序员应该具备的基本素质。 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要,通常这些特性是需要经验积累 阅读全文
摘要:
前言: 对于程序员,学习是无止境的,知识淘换非常快,能够快速稳固掌握一门新技术,是一个程序员应该具备的素质.这里将分析本人一点点不成熟的心得. 了解一门语言,了解它的概念非常重要,但是一些优秀的设计思想需要细心和大量实践才能慢慢参悟,在这之前需要做的是能够运用它来开发,那么了解一些基础特性非常有必要 阅读全文
摘要:
注意:调试时注意是否是本地启动,还是基于代理服务器。本地启动会触发作用于问题导致错误 阅读全文