React 从入门到精通系列之 (1) 安装 React

一、安装 React React 是灵活的,可以在各种类型的项目中使用。 你可以使用它创建一个全新的应用程序,也可以逐步将其引入现有的项目中,而不需要重写整个项目。 创建一个单页面应用 Create React App是开始构建新的 React 单页应用程序的最佳方式。 它可以帮助您快速集成您的开发…

JavaScript Crypto-JS 使用手册

感谢原作者袖之欢,点此原文出处。 注:PKCS5Padding 与 PKCS7Padding 基本上是可以通用的。详情见此 What is the difference between PKCS#5 padding and PKCS#7 padding。 AES、DES、Rabbit、RC…

【转】官方 React 快速上手脚手架 create-react-app

此文简单讲解了官方 React 快速上手脚手架的安装与介绍。 1. React 快速上手脚手架 create-react-app 为了快速地进行构建使用 React 的项目,FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。 当然,如果你…

Web 富文本编辑器 iframe 实现方式

富文本 RTE 简介 相信很多人都使用过多种富文本编辑器,富文本编辑器(简称 RTE)是一种所见即所得的网页编辑器。最常见的比如论坛发帖编辑发布框、写作类网站用于编辑博客、用户交互的编辑器。 我们知道,可以让网页处于编辑状态可以通过以下三种形式: 第一种:文本域。 文本域是网页中最常见的输入框,不过…

“文字选中分享到” 简单实现

通常我们在阅读新浪博客的时候,当选中文章中的一段文字,会出现下面这一现象: 新浪选中文字分享 选中文字后,当我们抬起鼠标会出现一个新浪的分享按钮,这有利于我们很方便的将有用的文字信息分享到微博。那么这种效果是如何实现的? 首先想的是,如何把用户选中的文字保存下来呢? 在 javascript 中,它…

HTML5 本地存储:SessionStorage, LocalStorage, Cookie

SessionStorage, LocalStorage, Cookie 这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对。 区别在于前两者属于 Web Storage 包括了两种存储方式:sessionStorage 和 localStorage,创建它们的目的便是存储客…

Responsive 响应式布局设计

响应式布局介绍: 什么是响应式布局 1、服务器根据不同的浏览器用户端,为用户呈现不同的页面效果。 2、可以让一个网站兼容不同分辨率的设备,给用户更好的视觉使用体验。 3、移动互联网催生了响应式布局的诞生。 响应式设计优缺点 优点: 解决了设备之间的差异化展示,让不同的设备达到最优的视觉体验. 缺点:…