1. 云栖社区>
  2. 全部标签>
  3. #前端与交互设计#
前端与交互设计

#前端与交互设计#

已有115人关注此标签

内容分类:
博客 | 问答 | 视频 | 资料 |

React 实践心得:react-redux 之 connect 方法详解

Redux 是「React 全家桶」中极为重要的一员,它试图为 React 应用提供「可预测化的状态管理」机制。Redux 本身足够简单,除了 React,它还能够支持其他界面框架。所以如果要将 Redux 和 React 结合起来使用,就还需要一些额外的工具,其中最重要的莫过于 react-r

前端与交互设计 react

Web字体应用修炼之道(上)

故事的起源,要从UED界两大种族前端设计师和视觉设计师的爱恨说起: 设计师的视觉稿: ![设计师的视觉稿](http://img3.tbcdn.cn/L1/461/1/28395242299129e54cf4dc5b50176494fecec86a) 前端开发出来的真实效果: ![前端开发出来的真实效果](http://img3.tbcdn.cn/L1/461/1/d95de3ee

前端与交互设计 阿里技术协会 字体编码

jQuery fileload上传文件

jquery fileupload上传文件

前端与交互设计

Webpack单独打包编译less

对webpack的使用,独立编译less文件生成css

前端与交互设计 javascript

Angularjs怎样通过ui-router传参

Angularjs中通过url传递参数

前端与交互设计 javascript

weex中使用数据流工具Vuex实践

# 背景 weex刚开源不久,作为一名前端,当然是抑制不住自己的好奇心想要尝尝鲜。虽然weex的最大亮点在于对于电商类应用场景能够提供快速动态部署的功能,但是用js就能写跑在native端的页面更加吸引我。于是在空余时间就开始捣腾着weex,想做一个native app看看weex有什么“能耐”。 在开发过程中,在体会到weex周边工具带来的效率提升的同时,也发现了不少问题。除了wee

前端与交互设计 阿里技术协会

ES6 + Webpack + React + Babel 如何在低版本浏览器上愉快的玩耍(上)

## 起因 某天,某测试说:“这个页面在 IE8 下白屏,9也白。。” 某前端开发: 吭哧吭哧。。。一上午的时间就过去了,搞定了。 第二天,某测试说:“IE 又白了。。” 某前端开发: 吭哧吭哧。。。谁用的 `Object.assign`,出来我保证削不屎你。 ![](https://gw.alicdn.com/tfscom/TB1AR1.LXXXXXaNXpXXXXXX

前端与交互设计 react 阿里技术协会 IE babel

CSS3 3D立方体效果-transform也不过如此

第一篇文章写了一些css3的奇技淫巧,原文戳这里,还获得了较多网友的支持,在此谢过各位,你们的支持是我写文章最大的动力^_^。 那么这一篇文章呢,主要是通过一个3D立方体的效果实例来深入了解css3的transform属性,下面是这个实例的截图,加上动画还能旋转起来哟,是不是很酷炫?换上你喜欢的女

前端与交互设计 阿里技术协会 3D CSS3

React + Redux 入坑指南

# Redux ## 原理 **1. 单一数据源** `all states => Store` - 随着组件的复杂度上升(包括交互逻辑和业务逻辑),数据来源逐渐混乱,导致组件内部数据调用十分复杂,会产生数据冗余或者混用等情况。 - Store 的基本思想是将所有的数据集中管理,数据通过 Store 分类处理更新,不再在组件内放养式生长。 **2. 单向数据流*

前端与交互设计 react 阿里技术协会 redux

Weex Android 文字渲染优化

# Weex Android 文字渲染优化 ## 背景 在做Weex Android适配工作的时候,发现当`Text`没有设置高度,需要Weex根据文字内容、样式,计算出宽高的时候,在小米手机上可能会出现文字截断现象。 例如,前端期望如下图所示的渲染效果: 然而在小米手机上的渲染效果却是下面这样,默认标题那一段最后一行的文本被截断了: ## 原因 在

android 前端与交互设计 阿里技术协会 Weex

React + Redux 入门(一):抛开 React 学 Redux

## redux简介 Redux 是一个改变状态(state)的模型,这个模型通过一个单向操作的方式来改变状态。现在网上教程一言不合上来就是 Redux + React 的综合运用,经常搞的人一脸懵逼。其实 Redux 和 React 完全解耦,并不是 Redux 非得和 React结合才能使用,而只是 React 结合 Redux 会事半功倍。本系列主要也讲得这个。 对于日益复杂的

前端与交互设计 阿里技术协会

浅析weex之vdom渲染

# 前言 前段时间进行了weex页面尝试, 页面滚动加载渲染得非常流畅, 让H5页面拥有了native般的体验。 如此之利器,让人非常想探一究竟,因此最近进行了js-framwork源码学习(weex开源地址:),希望能进一步了解其dom渲染机制。 # 一. 文件结构 weex代码结构如下,重点关注其js-framework实现。 ``` ├── weex-de

前端与交互设计 阿里技术协会

Nodejs测试:从0到90(理论篇)

最近在负责一个基于nodejs的应用,在很多方面都经历了一个从无到有的过程,测试也是如此。刚开始时,代码都写不好,更别提测试了,那时测试为0。经历过一段时间后, 测试覆盖率在90%+。这就是我的从0到90。剩下的10,还有很长的路,且待下回分解。

编程语言 前端与交互设计 Node.js 阿里技术协会 BDD

Nodejs测试:从0到90(实践篇)

继上一篇理论,本篇重点说明实践,包括nodejs中异步、Promises、私有方法、mock及web等的测试方法。

编程语言 前端与交互设计 Node.js 阿里技术协会 BDD

ReactNative动画研究与实践

本次文章的题目为《ReactNative动画研究与实践》,既然叫研究,那我们就争取一次将RN动画相关的内容都说清楚,提出问题-论证问题-解决问题的方式来研究。RN动画之前在work上面写过一次,不过感觉写得不是很好,本次重新捋一次思路重写整理下分享给大家。 ### 问题 - ReactNative动画支持的怎么样? - ReactNative的动画使用起来方便吗? - ReactNat

编程语言 前端与交互设计 阿里技术协会 动画 ATA

Css3中!important的使用方法

就像使用任何技术一样,一项技术的优缺点取决于它所使用的环境。所以,如果需要的话要在什么时候使用!important呢?下面济南网站建设为您讲解下在Css3中!important的使用方法。

编程语言 移动开发与客户端 前端与交互设计

89
GO