js 模块化_03 amd 规范与 require js_程序员优雅哥(\/同)-编程思维

1 AMD 规范介绍 AMD 规范,全称 Asynchronous Module Definition,异步模块定义,模块之间的依赖可以被异步加载。 AMD 规范由 Common JS 规范演进而来,前文介绍 Common JS 规范时说过,浏览器端无法直接使用 Common JS,需要使用 browserify 编译后才能运行。而 AMD 规范规范则专注于浏览器端。 1.1 定义模块 AMD

js 模块化_02 common js 模块化规范_程序员优雅哥(\/同)-编程思维

1 Common JS 介绍 Common JS 是模块化规范之一。每个文件都是一个作用域,文件里面定义的变量/函数都是私有的,对其他模块不可见。Common JS 规范在 Node 端和浏览器端有不同的实现。 1.1 暴露模块 暴露模块有两种方式:module.export 或 exports ,两种方式均可以暴露一个函数或对象。两种方式本质上是一样的,Common JS 在每个模块中隐式将

react项目笔记之create-react-app自定义eslint配置文件 - 编程思维

原博客地址:https://yezihaohao.github.io 前言 了解eslint基础用法,若想更进一步了解其,请查阅官网以及相关资料(中文网) 若有问题请指出或加群264591039与我讨论。 初始化项目 使用create-react-app 创建项目(此过程不做详解),然后运行npm run eject使其暴露webpack等配置文件 自定义eslint 上述步骤并没有暴露r

前端每周清单第 7 期:next 2.0 发布,safari 10.1 新增系列重要特性,vue.js 2.2 完整api 手册 - 编程思维

前端每周清单第 7 期:Next 2.0 发布,Safari 10.1 新增系列重要特性,Vue.js 2.2 完整API 手册 为InfoQ中文站特供稿件,首发地址为这里;如需转载,请与InfoQ中文站联系。从属于笔者的Web 前端入门与工程实践的前端每周清单系列系列。 前端每周清单第 7 期:Next 2.0 发布,Safari 10.1 新增系列重要特性,Vue.js 2.2 完整API

拒绝redux文档“毒害” 一个项目告诉你redux最新真正哲学 - 编程思维

之前分享过几篇关于React技术栈的原创文章: 解析Twitter前端架构 学习复杂场景数据设计 React Conf 2017 干货总结1: React + ES next = ♥ React+Redux打造“NEWS EARLY”单页应用 一个项目理解最前沿技术栈真谛 一个react+redux工程实例 ...... 今天进一步剖析一个实际案例:Uber APP 移动网页版。 如果你对R

掘金 - 编程思维

(译)使用 React.js 的渐进式 Web 应用程序:第 4 部分 - 渐进增强 - 前端 - 掘金 原文地址:Progressive Web Apps with React.js: Part 4 — Progressive Enhancement 原文作者:Addy Osmani 译文出自:掘金翻译计划 译者:rccoder 校对者:mortyu、ma... (译) 使用 React.j

reactjs vs. vuejs - 编程思维

欢迎大家关注腾讯云技术社区-segmentfault官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 纪俊,从事Web前端开发工作,2016年加入腾讯OMG广告平台产品部,喜欢研究前端技术框架。 这里要讨论的话题,不是前端框架哪家强,因为在 Vue 官网就已经有了比较全面客观的介绍,并且是中文的。 上图是二月份前端框架排名,React 位居第一,Vue 排名第三。还清晰记得,16 年十月

前端技术漫谈 - 编程思维

0x01 前言 擅长于Java后台开发,来前端探探路。软件开发大体上可以分为前端、客户端、后端,这三大类。本片主要带大家来初探下前端一些相关的技术,主要围绕一直争论不断的React(因为还有很多人会认为angular、vue会是比React更好的前端开发技术)。 本篇主要漫谈的React体系技术有:redux + react-router + redux-saga + g2 + antd 0x0

react benchmark - 编程思维

简单的说一下如何在 react 开发中,进行 benchmark,并且会简单的说一些可以提升性能的小技巧。 Performance 既然想要进行 benchmark,那么就需要一个指标来衡量。react 官方已经提供了这样的工具供开发人员使用。 官方的文档可以参考这里Performance Tools,在这里我再做个简单的介绍。 引入 import Perf from 'react-addons

react实战 -- todolist - 编程思维

0x01 前言 React现在比较火的前端组件化开发框架,近段时间开始慢慢的关注前端相关技术,本篇主要来介绍一个React的入门Demo todoList,相信很多刚刚开始接触React开发的人都会去实践一下。好了,下面就来感受下React的魔力。 0x02 搭建开发环境 用React开发一个应用,我该怎么定义工程,如何去开发? create-react-app React应用开发脚手架工具,通

通过 react + mobx 实现简单的 todolist - 编程思维

Todo-list 这是一个用来初步了解如何通过 React + Mobx 构建应用的 DEMO,通过 Webpack 进行打包。技术栈: React + Mobx + React-Mobx + SCSS。由于刚接触 React 不久,写的不好或者有误还请指出,万分感谢。 React React 是一个用于构建用户界面的 JavaScript 框架,也就是说 React 是一个 UI 框架,他把

使用swift开发react native组件(一) - 编程思维

使用Swift开发React Native组件(一) RN已经在圈子里流行很长一段时间了,网上相关的文章和介绍也很多,笔者很早之前也接触过一段时间,但也仅仅只是浅尝即止,这次正好有时间,所以准备深度学习一番,整体调研下来感觉如果只是仅仅学习React层面未免还是太浅薄,遇到很多问题无法从Native去找解决方案,理解上也有差距。IOS平台的RN是用OC编写的,可是OC的语法实在太难下口了,所以笔

react-router 从 v2/v3 to v4 迁移(翻译) - 编程思维

原文地址 react-router v4 是完全重写的,所以没有简单的迁移方式,这份指南将为您提供一些步骤,以帮助您了解如何升级应用程序。 注意: 这份迁移指南适用于react-router v2和v3,但为简洁起见,对以前版本的引用仅提及v3。 The Router Routes 路由嵌套 on* 属性 Switch The Router 在react-router v3中,仅有一

react+redux开发实录(二)react技术栈一览 - 编程思维

React+Redux开发实录(一)搭建工程脚手架React+Redux开发实录(二)React技术栈一览 React技术栈一览 从上面搭建工程脚手架中,我们看到了React开发技术栈。有ES6、babel、eslint、webpack、react、redux、react-router。 对React新手(有HTML、JavaScript、CSS基础)来说,需明确掌握React和Redux相关概

react系列---react(一)初识react - 编程思维

React系列---React(一)初识ReactReact系列---React(二)组件的prop和stateReact系列---React(三)组件的生命周期 React是Facebook推出的一个JavaScript库,它的口号就是“用来创建用户界面的JavaScript库”,所以它只是和用户界面打交道,可以把它看成MVC中的V(视图)层。 React三大特性 组件 React的一切基于

react系列---react(二)组件的prop和state - 编程思维

React系列---React(一)初识ReactReact系列---React(二)组件的prop和stateReact系列---React(三)组件的生命周期 组件是React的基石,所有的React应用程序都是基于组件的。基于组件的应用开发是广泛使用的软件开发模式,用分而治之的方法,把一个大的应用分解成若干小的组件,每个组件只关注某个特定功能,但是把组件组合起来,就能构成一个功能庞大的应

react系列---react(三)组件的生命周期 - 编程思维

React系列---React(一)初识ReactReact系列---React(二)组件的prop和stateReact系列---之React(三)组件的生命周期 React严格定义了组件的生命周期,共3个过程:1) 装载过程(Mount):组件第一次在DOM树中渲染的过程;2) 更新过程(Update):组件被重新渲染的过程;3) 卸载过程(Unmount):组件从DOM树中删除的过程。

react 组件设计和分解思考 - 编程思维

之前分享过几篇关于React技术栈的文章: 做出Uber移动网页版还不够 极致性能打造才见真章 解析Twitter前端架构 学习复杂场景数据设计 React Conf 2017 干货总结1: React + ES next = ♥ React+Redux打造“NEWS EARLY”单页应用 一个项目理解最前沿技术栈真谛 一个react+redux工程实例 ...... 今天再来同大家讨论 R

掘金 - 编程思维

教你如何搭建一个超完美的 React.js 服务端渲染开发环境 - 前端 - 掘金Github地址: https://github.com/chikara-ch... 目录 ... 【译】2016 年 50 个最佳的轻量级 JavaScript 框架和库 - 前端 - 掘金回顾今年已发布的 JS 框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库,与大家分

react 组件解耦之道 - 编程思维

React 的组件非常的灵活可扩展,不过随着业务复杂度的增加和许多外部工具库的引入,组件往往也会显得浮肿,接下来我们就一起来看看常见的几种,遵循单一职责原则的,组件分割与解耦的方法 分割 render 函数 当一个组件渲染的内容较多时,有一个快速并且通用的方法是创建sub-render函数来简化原来庞大的 render class Panel extends React.Component {