JYX8-优快云博客

翻译 Draftjs中文翻译5 - v0.10 API迁移

v0.10 API迁移Draft.js v0.10发行版包含对用于管理DraftEntity数据的API的更改 ; 全球“DraftEntity”模块将被弃用，并且 DraftEntity实例将作为其一部分进行管理ContentState。这意味着之前访问的方法DraftEntity现在被移至ContentState记录。此API改进为v0.11中将提供的许多优势打开了道路：DraftEntity实

2018-03-11 09:26:52 1213

翻译 Draftjs中文翻译4- 实体

介绍实体是表示草稿编辑器中的一系列文本的元数据的对象。它有三个属性：类型：这表明它是什么样的实体的字符串，例如’LINK’， ‘MENTION’，’PHOTO’。可变性：不要与la不可变性混淆immutable-js，这个属性表示在编辑器中编辑文本范围时，用这个实体对象注解的一系列文本的行为。这在下面更详细地解决。数据：包含实体元数据的可选对象。例如，一个’LINK’实体可能包含一个data

2018-03-11 09:19:15 1294

翻译 Draftjs中文翻译3 - Rich Styling丰富的造型

丰富的造型现在我们已经建立了顶级API的基础知识，我们可以进一步研究如何将基本丰富的样式添加到Draft编辑器中。EditorState：编辑器命令上一篇文章介绍了该EditorState对象作为编辑器完整状态的快照，由Editor核心通过 onChangeprop提供。但是，由于您的顶层React组件负责维护状态，因此您还可以自由地EditorState以任何您认为合适的方式将更改应用到该对象

2018-03-08 14:44:33 814

翻译 Draftjs中文翻译2 - API Basics API基础

API基础本文档概述了DraftAPI 的基础知识。一个可行的例子也可以沿用。受控输入该Editor阵营组件内置的控制CONTENTEDITABLE组件，以提供仿照熟悉反应的顶级API的目标来控制输入 API。作为简要回顾，受控投入涉及两个关键部分：甲值来表示输入的状态一个平变化支撑功能，接收更新的输入此方法允许组成输入的组件严格控制输入的状态，同时允许更新...

2018-03-08 14:32:14 1474 1

翻译 Draftjs中文翻译1 - 概观

概观Draft.js是一个用于在React中构建富文本编辑器的框架，由一个不可变模型提供支持，并通过跨浏览器差异进行抽象。Draft.js可以轻松构建任何类型的富文本输入，无论您是只是想支持一些内联文本样式还是构建复杂的文本编辑器来编写长篇文章。Draft.js于2016年2月在React.js Conf推出安装Draft.js通过npm分发。它依赖于必须同时安装的React和React DOMnp

2018-03-08 14:22:07 1399

原创 fetch 上传Cookie数据

Fetch 请求默认是不带cookie的。需要设置fetch的第二个参数；先来看下，请求头部信息Requestmethod - 使用的HTTP动词，GET, POST, PUT, DELETE, HEADurl - 请求地址，URL of the requestheaders - 关联的Header对象referrer - referrermode - 请求的模式，主要用于跨域设置，c

2017-06-08 09:39:46 5647

原创 react中使用AntDesign库 --- babel-plugin-import 配置

react项目中引用AntDesign组件库时，在运行项目报一下警告： You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.这是因为在使用ant组件库时：使用了import { Button } fr

2017-05-13 15:58:05 9530 3

原创 react中给dom元素添加自定义属性(Unknown prop `_type` on <Bu> tag)

在开发react项目中，默认的标签属性：nam、id、className等；如果需要给标签添加自定义属性；如：<Bu _type="1" ></Bu>这时候如果直接写_type，react不识别这是tag属性；会直接在控制台抛出个错误出来：main.js:111 Warning: Unknown prop `_type` on <Bu> tag. Remove this prop from

2017-05-09 15:30:58 7267

原创 node -- npm无法安装各种包解决方法

在使用npm安装组件包时；会遇到无法安装各种包，错误如下：

2017-05-05 13:31:22 4648 1

原创 win10下：npm 淘宝镜像安装失败问题

使用官方命令安装cnpm：npm install -g cnpm --registry=https://registry.npm.taobao.org安装时出错：使用管理员模式运行才cmd：找到cmd存放目录位置：C:\Windows\System32；右键以管理员的身份运行；使用FQ、网络代理模式运行npm install -g cnpm --registry=https://regi

2017-05-05 13:25:12 10358 2

原创 npm install -g n 运行错误

在做node升级，使用npm安装n模块时：npm install -g n；出现一下错误此时改用另一条命令：npm install -g n --forcen模块安装问题得以解决；

2017-05-05 10:02:04 12987 3

翻译 javascript调用摄像头拍照上传二-------flash版

javascript调用浏览器拍照上传，虽然现在H5已经有个新功能方法getUserMedia()可以调用浏览器的摄像头进行拍照生成图片上传；但是很不凑巧碰到了IE这个…；IE11及以下所有版本，包括微软抛弃IE后的新名称Edge都不支持getUserMedia();据说Edge的下个版本会支持，但是那是以后的事了；想要兼容IE浏览器只能换种思维使用Flash;虽然现在Flash的漏洞比较多，但是作

2016-12-26 19:26:50 9295 5

原创拍照草稿

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>拍照</title> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> .videoArea{ width: 3

2016-11-11 14:52:45 503

原创 CSS基础---CSS强制性换行(word-wrap;word-break;)

块级元素在其内显示的文字超过其宽度时会自动换行，前提条件是white-space属性值设置为默认的normal；如果white-space：nowrap；会强制其内的文字在一行显示；及特殊的情况，但当录入的数据是一堆没有空格的字符或字母或数字（测试人员很会这样做，平常很少出现，要不怎么说测试人的思维是想你想不到的），超过容器宽度时就会把容器撑大或者不撑大直接超过了其宽度，不换行。处理方式：

2016-09-07 15:41:02 781

原创 javascript+css实现进度条效果

主要是以样式实现进度条的效果，JavaScript控制显示的百分比html模板<div class="progress_area"> <span id="progress" class="progress_bac"></span></div><input type="button" class="progress-inp" value="100%" onclick="progress(1

2016-08-02 12:14:12 1796

原创 javascript实现css主题样式切换;动态改变引入的css文件；

一个页面要显示不同的主题风格，就需要写不同的css文件；在做不同css文件相互切换时，首先要了解link标签中的rel属性； rel属性值：alternate文档的替代版本（比如打印页、翻译或镜像）。 stylesheet 文档的外部样式表。start 集合中的第一个文档。 next 集合中的下一个文档。 prev 集合中的上一个文档。 contents

2016-07-28 16:56:57 7334 1

原创 js处理对象参数值，过滤掉对象参数值为""、null、undefined，并返回一个新对象

直接进入主题：过滤对象中的，”“、null、 undefined,并返回新数组比如以下参数值var pd = { a : "a", b : "b", c : "", d:undefined, e:null}对于pa对象参数中，不需要c,d,e的话，我们可能会这么写function re(){ var param = {}; if (pd

2016-07-27 15:58:46 12735

原创 javascript常用方法整理；(不断更新)

以下是在项目中遇到的常用的javascript方法整理；1.判断传入参数的类型，以字符串的形式返回/** * 判断传入参数的类型，以字符串的形式返回 * @obj：数据 **/function dataType(obj){ if (obj===null) return "Null"; if (obj===undefined) return "Undefined";

2016-07-27 15:10:25 2183

原创 JavaScript对象复制、扩展（改变原对象的引用，避免原对象被动态的改变值）；

javaScript对象在赋值时，常常直接使用”=”，觉得可以直接把一个一个对象赋值给另一个对象；javaScript中的数据类型分为两类，原始类型和对象类型； 1.原始类型：包括数值，字符串、布尔值、null、undefined; 2.对象类型：对象即属性的集合（function、Array）;先了解数据类型在计算机中的存储； 1.原始类型：存储的是对象的原始数据； 2.对象类型：对象的原

2016-06-29 17:46:14 4281

原创 Nodejs（一）--- Node.js安装及开发环境

一：下载安装文件操作系统：window 官方网站：https://nodejs.org/en/ 选着需要安装的版本后下载；下载完成后的文件直接双击运行，安装目录及安装方法就不介绍了；安装后的目录机构：可以看到目录结构中自带了npm，可以直接使用npm安装所需要的环境；二：运行打开cmd，进入nodeJS的安装目录：在“命令提示符中”输入：node -v 查看安装版本,输出版本即安

2016-06-27 17:49:03 630

原创跨域、跨文档传输数据（三）---- postMessage ；实现跨文档消息传输；

之前写过两篇解决跨文档消息传输的解决方案。其中一种使用了MessageJS的插件方法，其实MessageJS这个插件的原理就是使用了HTML5提供的postMessage；一下讲讲，postMessage的实际用法以及基本知识：HTML5提供了在网页之间互相接受与发送消息的功能；可以获取到网页所在窗口的对象实例，不进同源（域+端口号）的web网页之间的互相通信，也可以实现跨域通信；首先：想要接收

2016-06-08 12:19:50 1963

翻译 Windows-DOS命令 ----- taskkill；批量结束进程。

windows taskkill命令用法详解;定义：是用来终止进程的；可用来结束至少一个进程，可以根据进程 id 或图像名来结束进程；taskkill [/S system [/U username [/P [password]]]] { [/FI filter] [/PID processid | /IM imagename] } [/F] [/T]参数列表:

2016-06-07 12:02:32 2225

原创 Nginx ----- Windows下Nginx的安装与部署

web服务器中Nginx可以支撑5万并发连接；对js、css、图片等静态文件有较强的处理能力；可按照预定规则过滤url以及URL的重定向；可作为软负载提供负载均衡服务；可以部署静态文件等等；一、下载NginxNginx官方网站：http://nginx.org/ 截图：下载稳定版本：下载成功，解压缩文件后，会出现以下目录文件，其中conf文件夹放置Nginx所有的配置文件；启动

2016-06-02 15:02:05 743

原创 HTML，JS禁止鼠标右键、禁止全选、复制、粘贴的方法；

禁止鼠标右键、禁止全选、复制、粘贴；oncontextmenu事件禁用右键菜单； js代码：document.oncontextmenu = function(){ event.returnValue = false;}// 或者直接返回整个事件document.oncontextmenu = function(){ return false;}onselectstart事

2016-05-11 11:25:48 6023

原创 iframe跨域传输数据（二）---- MessengerJS ；实现子页面父页面数据传输；

做两个不同的项目，iframe嵌入并跨域传输数据；之前写过一篇文章，如何简单的处理跨域的问题，及一种比较笨拙的解决方案；以中间页面（html）,做数据传输的中转站；这次找到了一个插件，MessengerJS 来做数据通信，才发现这个封装好的插件做这种跨域的方式其实很简单；这里就简单的分析一下这MessengerJS，代码比较少，没那么多140行加注释；主要是用到H5的通信协议postM

2016-05-10 10:12:29 2456

原创 HTML中P标签自动换行,浏览器补全P标签时的问题

在HTML5中p是块级元素。代表一个段落，段落里面的文字在达到右边界的时候会自动换行；在页面中如果没有设置，会强制换行；正确的书写：<p>我是一个p标签</p>如果书写的过程中没有加结束标签”/p”,浏览器会默认补全，这个时候p的补全时会产生一个问题比如一下代码：<!DOCTYPE HTML><html><head><meta charset="utf-8"></head><bo

2016-04-29 11:42:05 11775

原创 location方法详解，获取地址栏URL请求参数，以对象形式保存

在请求的URL 路径中有些时候都会跟着一些参数，在处理逻辑的时候会用到，为了方便使用这些参数使用js处理一下，机构就以对象结构形式，方便获取调用：例如： urlParam = { id:”123456”, name:”tom” }location方法：如请求的整个路径：http://1.11.111.11:8080/locationtest/locationt

2016-04-28 10:07:43 7253

原创 CSS---checkbox美化，ios风格的开关按钮

CSS---checkbox美化，ios风格的开关按钮这段时间工作的新需求，是做一个类似IOS开关按钮。用来显示是否选中。如：默认未选中默认选中CSS中通过:before、:after伪类美化checkbox按钮，来实现；通过设置appearance属性值赋值为none;清楚原有checkbox

2016-04-19 16:38:59 3655 1

原创 IE6-9中tbody.innerHTML不能赋值问题；SCRIPT600:该操作的目标元件无效

IE6-IE9中tbody的innerHTML不能赋值.获取时所有浏览器都弹出了tr的字符串，但设置时IE6-9不支持，而且报错，如图解决方案：1. 可以换个添加属性，如：appendChild, tbody.appendChild = "<tr></tr>"2. 添加判断 var s = navigator.userAgent.toLowerCase();

2016-04-06 16:19:35 4373

原创 CSS --- 修改默认下拉框样式

2016-04-06 15:37:19 7052

原创 CSS -- 控制多出文本显示省略号

由于网页排版需要，有些地方过长的文本需要加省略号。比如，限制标签宽度为100px，超出宽度的部分就用神略号显示，如上图html标签： < label title =”控制多出文本显示省略号”>控制多出文本显示省略号CSS 样式：label { font-size: 14px ; display : block; width : 120p

2016-04-01 17:33:16 1809

原创 CSS -- file上传，多个浏览器统一样式

CSS -- file上传，多个浏览器统一样式

2016-04-01 17:22:18 1012

原创 CSS---cursor鼠标属性

CSS改变鼠标指针形状的方法：在项目中会遇到需要点击的图片，字体，按钮等，就需要鼠标的指针形式变成小手型；当文本款，文本域是禁止输入的时候，鼠标的指针变成红圈中间一道杠的形式；

2016-03-29 20:42:05 5936

原创 array数组扩展方法二、-- 数组中的对象元素进行归类，参数值相同的对象放在一起，以数组第一个元素为准

数组中的对象元素进行归类，参数值相同的对象放在一起，以数组第一个元素为准

2016-03-29 18:12:44 1502

原创 array数组扩展方法一、--删除数组中某个元素，并且修改下标，返回新数组

JS删除数组中某个元素，并且修改下标比如如下数组：var arr = ["a","b","c","d"];将元素”c”从arr里面删除，返回新数组并改变数组下标，如：[“a”,”b”,”d”]delete方法 delete删除完数组中的元素后，会把该删除的值置为undefined，并且数组的长度不会变。delete arr[2]; // 返回值为：["a","b",,"d"]，删除后的值变为两个逗号，长度不

2016-03-29 14:42:09 3422

原创 JQuery实现省份三级下拉框功能（整理）

JQuery实现省份三级下拉框功能网上直接上代码：调用：//绑定城市下拉选$("#city_1").citySelect({ prov:"北京", city:"东城区", dist:"", required:true, nodata:"none"});HTML: <div id="city_2"> <

2016-03-18 12:07:06 2053

原创 iframe跨域传输数据（一）；子页面访问主框架DOM元素；

如果使用同域的方法，浏览器判断A.html 与 B.html 不同域，会有错误提示。 Uncaught SecurityError: Blocked a frame with origin “http://localhost” from accessing a frame with origin “http://127.0.0.0“. Protocols, domains, and ports

2016-03-16 18:29:50 8825

原创 canvas绘制圆环百分比进度的动态效果

canvas绘制圆环百分比进度的动态效果

2016-03-16 15:35:35 4286

javascript面向对象编程

JavaScript模式

javascript闭包

15天学会jquery(完整版)

JavaScript设计模式(第三部分)

JavaScript设计模式(第二部分)

JavaScript设计模式(第一部分)

CSS3教程和css3新特性专题

空空如也