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

#前端与交互设计#

已有42人关注此标签

内容分类:
博客 | 问答 | 课程 |

React源码分析5 -- 组件通信,refs,key,ReactDOM

React源码系列文章,请多支持: [React源码分析1 — 组件和对象的创建(createClass,createElement)](https://www.atatech.org/articles/72905) [React源码分析2 — React组件插入DOM流程](http://www.atatech.org/articles/72908) [React源码分析3 — React

前端与交互设计 javascript react 阿里技术协会 源码 内存泄漏 Render class 数组

faked 一个用于 mock 后端 API 的轻量工具

![logo](https://github.com/Houfeng/faked/raw/master/docs/faked.png) ## 一、简介 faked 是一个在前端开发中用于 mock 服务端接口的模块,轻量简单,无需要在本地启动 Server 也无需其它更多的资源,仅在浏览器中完成「请求拉截」,配合完整的「路由系统」轻而易举的 mock 后端 API。 GitHub R

编程语言 前端与交互设计 测试技术 函数 HTTPS 阿里技术协会 http require 模块 js API 前端开发 index github

我的全栈工程师之路

最近国内外都在流行一个词叫Full Stack,中文翻译过来叫全栈工程师,也叫全端工程师。

移动开发与客户端 前端与交互设计 互联网 web 前端开发

faked 一个用于 mock 后端 API 的轻量工具

faked 是一个在前端开发中用于 mock 服务端接口的模块,轻量简单,无需要在本地启动 Server 也无需其它更多的资源,仅在浏览器中完成「请求拉截」,配合完整的「路由系统」轻而易举的 mock 后端 API。

前端与交互设计 测试技术 javascript 函数 HTTPS http require 模块 js API 前端开发 index github mock

React源码分析3 — React生命周期详解

React源码系列文章,请多支持: [React源码分析1 — 组件和对象的创建(createClass,createElement)](https://www.atatech.org/articles/72905) [React源码分析2 — React组件插入DOM流程](http://www.

前端与交互设计 javascript react 阿里技术协会 源码 Render Transaction

ReactJS前端国际化方案 - 你也许不需要用react-intl

一般在ReactJS的国际化都是采用react-intl。使用react-intl最大的好处是它用props的方式注入语言包,也就是可以在不刷新页面的情况下直接更改显示的语言。 ### 问题 但就因为这样的特性,实现上使用了一个包装器将原本的React.

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

React源码分析6 — React合成事件系统

React源码系列文章,请多支持: [React源码分析1 — 组件和对象的创建(createClass,createElement)](https://www.atatech.org/articles/72905) [React源码分析2 — React组件插入DOM流程](http://www.

前端与交互设计 javascript react 阿里技术协会 源码 events 存储 数组

Mditor 发布「桌面版」了 - http://mditor.com

![alt](http://mditor.com/assets/site-shot.png) # 简单说明 Mditor 最早只有「组件版」,随着「桌面版」的发布,Mditor 目前有两个版本: - 可嵌入到任意 Web 应用的 Embed 版本,这是一桌面版的基础,Repo: [https://github.com/houfeng/mditor](https://github.com

编程语言 前端与交互设计 HTTPS 阿里技术协会 http 前端 markdown github mditor

React源码分析4 — setState机制

React源码系列文章,请多支持: [React源码分析1 — 组件和对象的创建(createClass,createElement)](https://www.atatech.org/articles/72905) [React源码分析2 — React组件插入DOM流程](http://www.atatech.org/articles/72908) [React源码分析3 — React

前端与交互设计 javascript react 阿里技术协会 源码 Transaction 数组

Spring Data + Thymeleaf 3 + Bootstrap 4 实现分页器

实际上分页器或者分页组件在现实中都有广泛着的应用,照理来说老卫没有必要单独撰文来提这茬。事实是,我近期刚好在写一门关于Spring Data、Thymeleaf 3、Bootstrap 4 的应用课程,所以用了Bootstrap 4的样式,结果之前很多例如 Bootstrap 3 的表格、分页器啊之类的插件都不能很好的兼容,百度谷歌无果,而且 Bootstrap 4 还没有出稳定版本,官网的示例也是少的可怜,最终下决心要自己写个分页器了,所用到的技术就是 Spring Data、Thymeleaf 3、Bootstrap 4 。

前端与交互设计 java HTTPS http spring 索引 page html bootstrap data thymeleaf

TypeScript小白入门教程

TypeScript是由微软开发的一种开源编程语言,它是JavaScript的超集,在其基础上添加了可选的静态类型和基于类的面向对象编程。TypeScript可以编译成纯JavaScript,支持所有的JavaScript语法,因此可以在任何浏览器、任何计算机和任何操作系统上运行。TypeScript使得开发者可以使用一些未来JavaScript标准中的特性,让大型JavaScript应用可以使用

前端与交互设计 javascript 函数 阿里技术协会 模块 面向对象编程 浏览器 string

Preact——无线端活动页的轻量级开发方案

> React开创了新的**避免手动操作DOM**方式——`JSX`,它不仅仅是一套库,而是一套标准。 ## 1、前言 React现如今已经成为前端开发者的首选技术了,它天生携带着组件化的理念,并且拥有极强的生态,如`Redux`,`Flux`等数据管理工具,`Material-UI`,`MUI`,`Ant.

前端与交互设计 react 无线 HTTPS 阿里技术协会 node 运营 Render

问题记录0001

1.input文本输入框在做数据回显时,如果对应的回显数据是数字类型且数字的长度超过六位时,就会以科学计数法的方式来显示。 2.使用jqgrid编辑单元格的功能时,修改完某一个单元格的内容后直接进行保存操作时,无法保存修改后的值。

前端与交互设计

jqgrid 不能选中行, 每次点击单元格都自动选中第一行

最使用jqgrid表格插件写了一个功能。功能完成后显示一切正常,但是经过测试后发现,每次点击数据行时,都会自动选中第一行,无法选中其他数据行。经过一番探索,最终发现是加载进来的字段没有主键导致了这个问题。

前端与交互设计 插件

基于webpack Code Splitting实现react组件的按需加载

随着web应用功能越来越复杂,模块打包后体积越来越大,如何实现静态资源的按需加载,最大程度的减小首页加载模块体积和首屏加载时间,成为模块打包工具的必备核心技能。 webpack作为当下最为流行的模块打包工具,成为了react、vue等众多热门框架的官方推荐打包工具。其提供的Code Splitting(代码分割)特性正是实现模块按需加载的关键方式。 # 什么是Code Splitt

前端与交互设计 react 函数 HTTPS 阿里技术协会 http require 模块 path js code webpack file github

Angular2组件库 - Modal组件实现详解(一)

       这篇文章其实写的有点晚了。去年6月份,Angular2的版本刚升级到rc-4,一切都还处于蛮荒时期(虽然现在依然不是太稳定...)。当时为我们的[组件库](http://zorro.alibaba.net/#/docs/angular/introduce)开发[Modal组件](http://zorro.aliba

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

一个React包装器的应用 - 权限管理

在我们的应用中,每个按钮都有个权限点,前端通过接口的方式取得此用户的权限点列表,再来决定按钮是否显示。假設我们权限点列表取得后存在```window.globals.permissions```。 传统的方式可以在redner的时候,判断用户是否有此权限,在来决定按钮是否显示。例如: ``` class Page1 extend React.Component { rende

前端与交互设计 react windows 阿里技术协会 Render class 权限管理 Create update

用canvas把图片转为base64代码

最近接到一个需求,其中需要把网络图片的链接转换为base64的地址。 其中,用canvas可以很方便的实现这个要求。 ``` js let basePath //图片base64地址 let $img = new Image() $img.onload = () => { let canvas = document.createElement('canvas') ca

前端与交互设计 canvas 服务器 阿里技术协会 js 浏览器 Image

immutable.js 在React、Redux中的实践以及常用API简介

# 简介 这个immutable Data 是什么鬼,有什么优点,好处等等,我就不赘述了,这篇[Immutable 详解及 React 中实践](https://zhuanlan.zhihu.com/p/20295971?columnSlug=purerender)讲的很透彻。 # 一个说明不可变的例子 这个可变和不可变是相对于 JavaScript原生引用类型来说的。 ``` //

前端与交互设计 react 无线 函数 LOG 阿里技术协会 前端 redux js API test index list H5 immutable.js

8
GO