首页
学习
活动
专区
工具
TVP
发布

互联网杂技

专栏成员
466
文章
694342
阅读量
62
订阅数
React一种少用的组件通信方式,但是简单
组件通信 通过父组件传递给子组件,如果是兄弟组件,则找到共同父组件,重新往下面传 通过redux,把数据放在redux,触发动作;实际上也是数据在根节点 观察者模式(发布订阅) 对于第一种,大家知道r
前朝楚水
2018-07-26
3940
2017年前端开发工具趋势
你有两年以上的前端开发经验吗?你会用 Sass 和 Autoprefixer 等高级的CSS辅助技能吗?你的 JavaScript 知识是否融汇贯通,你是否喜欢使用 Gulp , npm 和 jQue
前朝楚水
2018-04-04
8100
react+redux+webpack教程3
现代web页面里到处都是ajax,所以处理好异步的代码非常重要。 这次我重新选了个最适合展示异步处理的应用场景——搜索新闻列表。由于有现成的接口,我们就不用自己搭服务了。 我在网上随便搜到了一个新闻服务接口,支持jsonp,就用它吧。 一开始,咱们仍然按照action->reducer->components的顺序把基本的代码写出来。先想好要什么功能, 我设想的就是有一个输入框,旁边一个搜索按钮,输入关键字后一点按钮相关的新闻列表就展示出来了。 首先是action,现在能想到的动作就是把新闻列表放到仓库里,
前朝楚水
2018-04-03
1K0
react+redux+webpack教程4
接着上回新闻搜索的例子。现在我们要通过路由进入一个新的页面来查看新闻详细内容。 react和路由并没有什么直接关系,用什么路由都可以。不过使用react-router可以让我们的代码风格统一, 并且有些工具使用起来很方便。 先来安装react-router库(我目前安装的版本是2.0.1,跟1.x版本区别比较大): npm install react-router --save 从使用上来说,react-router不过是一些react组件,所以用起来特别方便。不用多说,看个例子就知道怎么用了。 先把咱们已
前朝楚水
2018-04-03
1.8K0
React数据流和组件间的通信总结
首先,我认为使用React的最大好处在于:功能组件化,遵守前端可维护的原则。 先介绍单向数据流吧。 React单向数据流:   React是单向数据流,数据主要从父节点传递到子节点(通过props)。   如果顶层(父级)的某个props改变了,React会重渲染所有的子节点。 刚才我们提到了Props,怎么理解Props呢? Props: props是property的缩写,可以理解为HTML标签的attribute。 不可以使用this.props直接修改props,因为props是只读的,prop
前朝楚水
2018-04-03
1.7K0
Angular、React、Vue.js 等 6 大主流 Web 框架都有什么优缺点?
在这篇文章中,我们将对 6 款主流 Web 框架进行总结,包括我们所认为的强项和弱项。另外,我们为你留下了一些值得思考的问题。 我是否需要使用框架? 如果不尝试回答这个问题就是我们的失职,这越来越成为社会上某些人的口头禅,在网络平台上的争论也已经发展到犹如不需要额外编写 API 能更简单创建 Web 应用那样的地步。就像本系列中所有的内容一样,我们的回答也大都是依据这些内容。 虽然无框架也能正常工作,但是,这也是有代价的。那些主张无框架手写 JavaScript 的人,那些通常会被我们认为是斯德哥尔摩
前朝楚水
2018-04-03
2.3K0
React -- 组件间通信
分为三种类型的通信关系: 1、父组件向子组件通信 2、子组件向父组件通信 3、没有嵌套关系的组件之间的通信 父组件向子组件通信 父组件通过子组件的props向子组件传递需要的信息。 子组件向父组件通信 两种方法: 1、利用回调函数 2、利用自定义事件机制 一个栗子: ListItem类: class ListItem extends Component { static defaultProps = { text: '', checked: false,
前朝楚水
2018-04-03
1K0
react+redux+webpack教程2
先弄个什么例子呢?如果是现代的MVVM框架,可能会用双向绑定来吸引你。那react有双向绑定吗? 没有。 也算是有吧,有插件。不过双向绑定跟react不是一个路子的。react强调的是单向数据流。 当然,即便是单向数据流也总要有个数据的来源,如果数据来源于页面自身上的用户输入,那效果也就等同于双向绑定了。 下面就展示一下如何达到这个效果。我们来设计一个登录的场景,用户输入用户名后,会在问候语的位置展示用户名,像下这样: ---- 早上好,Mark 用户名: 密 码: 登 录 ---- 预警一下先,我要用
前朝楚水
2018-04-03
1.3K0
20个为前端开发者准备的文档和指南7
1. DevTools Challenger 它是一个交互式的站点,演示了如何在Firefox开发者版本里使用其拥有的新的相关动画功能。 2. The HTML & CSS Workmanship M
前朝楚水
2018-04-03
9510
react+redux+webpack教程5
现在项目已经有了,但是要把它放到生产环境中还是有些事情要做,在这最后一节,来把它们一一搞定。 这一节其实更多是关于webpack的内容。不过要想把react用得很爽,我们需要一个现代化的构建工具。在前面几节webpack都在默默地工作着。react全都是关于组件的,组件意味着模块化,webpack让前端模块化得淋漓尽致。我们的目标是要把react用起来,并且是很舒坦的用起来,所以我觉得这节并没跑题,而且很重要。 打包部署文件 我们的源代码是没法直接跑起来的。ES6语法大部分浏览器还不完全支持,有些浏览器完全
前朝楚水
2018-04-03
1.2K0
如何学习用Typescript写Reactjs?
首先扫盲一下,先从搭建环境开始: 1.安装node,因为ts的编译器是js/ts写的; 安装node后同时获得npm命令,这是nodejs世界里的包管理器(也可以看作node的app商店); 2.安装vs 2015或者vs code,当然这不是必须的,但是这里强烈推荐写ts的工具,vs第一,vsc第二; 3.vs自带了TypeScript(vs2012+,vs2015update1自带了ts1.7),最新版本的typescript for vs去官网下载即可, 或者如果不依赖vs(比如mac环境),
前朝楚水
2018-04-03
2.3K0
React中的-- 数据流
简介 React的组件简单理解起来其实就是一个函数,这个函数会接收props和state作为参数,然后进行相应的逻辑处理,最终返回该组件的虚拟DOM展现。在React中数据流向是单向的,由父节点流向子节点,如果父节点的props发生了改变,那么React会递归遍历整个组件树,重新渲染所有使用该属性的子组件。那么props和state究竟是什么?它们在组件中起到了什么作用?它们之间又有什么区别和联系呢?接下来我们详细看一下。 Props props其实就是properties的缩写,可以理解为组件的属性,你可
前朝楚水
2018-04-03
1.3K0
laravel+react+webpack+babel+gulp的配置
laravel composer create-project laravel/laravel --prefer-dist npm npm install gulp webpack -g npm install react react-dom babel-loader babel-preset-es2015 babel-preset-react --save-dev webpack.config.js var path = require('path'); var config = { entry: pa
前朝楚水
2018-04-03
8030
JS最牛逼,我不吹牛,自己看数据
Stack Overflow 技术排行榜: 在2015年6月,JavaScript超越了Java成为Stack Overflow上最热门的标签。 Stack Overflow 技术趋势 新潮的Web开
前朝楚水
2018-04-02
1.1K0
开始学习React js
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略 ReactJS的风采吧~~ 章有点长,耐心读完,你会有很大收获哦~ 一、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2
前朝楚水
2018-04-02
7.2K0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档