react相关
zhaolandelong
喜欢传统文化,习练太极拳。
展开
-
mobx让你写react像写vue一样爽
准备:此文章里的demo以create-react-app,vue-cli的默认demo为基础。mobx需要es7的装饰器语法,所以需要对项目进行一定的修改与配置,需要先eject。如果不eject也可以,但是不推荐,方法也在后面引用的链接里。详见create-react-app + mobx其中@observer装饰器报错demo功能很简单,效果及说明如下:说明:full name = firs...原创 2018-03-11 17:49:57 · 7142 阅读 · 3 评论 -
IE8兼容那些事(包括react)
CSSIE浏览器hack@media \0screen {} //IE8的hack其他hack:http://www.cnblogs.com/PeunZhang/archive/2012/04/09/2437563.htmlIE8实现背景半透明,内容不透明高版本浏览器用rgba可完美解决,但IE8不支持rgba,需要利用滤镜解决。另外IE9下rgba和filter都生效,会造成双倍透明效果,也需要...原创 2017-11-07 18:05:43 · 1790 阅读 · 0 评论 -
jest+enzyme为react项目加入单测——1、安装与配置
0. jest与其他测试框架的比较由于笔者刚刚接触测试,经验还不是很丰富,所以只能说一些粗浅的认识。经过1周左右的调研,得出一个结论:jest 约等于 karma + mocha + chai也就是说,测试、断言、覆盖率等,jest一个人就都做了。如果一个东西能解决,而且没有太大的性能问题的话,为什么不选择它呢?而且他还是facebook的亲儿子,用它来做react的单测,听起来就很配~不过据说a...原创 2018-03-25 14:28:17 · 4320 阅读 · 1 评论 -
以create-react-app为基础创建项目
写在前面只是吐槽一下,react的项目构建工具真的不怎么好用,而vue-cli体验要好得多。不仅如此,vue的设计理念更加人性化一点,而且全家桶用起来也没有react那么蹩脚,甚至配套的UI框架,elementUI与ant-design比起来,用着也更舒服。总之!个人是偏向vue的,什么大项目用react,vue只适合小项目什么的论调,笔者是表示怀疑的。吐槽完了,该学还得学,毕竟这个时代,你不会r...原创 2017-11-07 15:58:38 · 22308 阅读 · 1 评论 -
从零搭建前端开发环境(一)——React篇:2.jest+enzyme单测和eslint
注:正像该系列(零)《扩展篇》里提到的,单测和eslint并非必须,但是对于项目的管理还是有必要引入的。1、安装单测和eslint的依赖eslint的安装跟从零搭建前端开发环境(零)——扩展篇:4.eslint统一代码规范里面的差不多(如果看不懂本文的一些上下文,请先看这篇),不过我们这回用的是eslint-config-airbnb,查看依赖和分版本安装具体步骤就不说了 直接上结果安装。$ np...原创 2018-04-04 13:58:14 · 585 阅读 · 0 评论 -
从零搭建前端开发环境(一)——React篇:1.引入webpack并跑起来
由于有前文的铺垫,我们这里不多废话,直接进入webpack的配置部分,让项目能够跑起来。先声明下,这篇文章会以从零搭建前端开发环境(零)——基础篇:2.webpack生产与开发环境配置最后的项目结构为基础,即已经完成了基本项目的webpack配置。这时你就会发现之前花费的精力是值得的,有了好的基础,一切都是那么的自然而然,记住一句话:“慢慢来比较快”。1、安装$ npm i -S react re...原创 2018-04-03 17:07:22 · 383 阅读 · 0 评论 -
从零搭建前端开发环境(一)——React篇:0.React最简demo
根目录下创建index.html<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello World</title> <script src="https://unpkg.com/react@16/umd/r原创 2018-04-03 17:01:19 · 368 阅读 · 0 评论 -
jest+enzyme为react项目加入单测——2、基础实例
很多教程的实例对新手并不友好,这里的例子,都是笔者自己写的,希望适合大家的胃口。首先,我们要构建一个react项目,具体方法请参考《从零搭建前端开发环境》系列。当然,如果自己已经有了一套环境,那么下面将会展示demo的业务代码,可根据自己的情况进行调整。0、安装配置jest + enzyme详见用jest构建react项目的测试框架——1、安装与配置,与前文不一样的是,这里会采用react@16,...原创 2018-04-06 03:14:11 · 1368 阅读 · 0 评论