- 博客(18)
- 收藏
- 关注
RSS订阅翻译 react-intl API
react-intl是一个Yahoo公司出品的用于react app国际化的组件，提供了用于格式化日期、数字和字符串的API、复数和处理翻译。使用示例首先新建语言包，en-US.json文件用于书写英文名词、zh-CN用于书写中文简体名词。 en-US.json文件示例：{ "HELLO_WORLD": "Hello World!"}zh-CN.json文件示例:{ "HEL
2018-01-02 09:27:20
3705
1
原创 ES6-常用特性
ClassES5及之前的版本并没有明确类的概念，在ES6中添加了类。 类可以看作是一个语法糖，其中还加入了extends关键字用于类的继承，它们的功能使用ES5基本也都能实现。 写法对比-ES5function Animal(name,age) { this.name = name; this.age = age;}Animal.prototype.speak = functi
2017-12-27 17:36:32
215
原创 git常用操作
Git 使用git是一个分布式版本控制系统，不同于集中式版本控制系统CVS、SVN。其在每台电脑本地都会有一个仓库，无需联网也可工作。概念四个区工作区—>暂存区—>本地仓库—>远程仓库三个步骤$ git add .$ git commit -m "comment"$ git push五种状态原始状态(Origin)已修改(Modifiled)已暂存(Staged)已提交(Commited
2017-12-25 17:11:06
258
原创 JavaScript-DOM-事件
文档对象使得我们能使用脚本对载入到浏览器的HTML文件中的元素进行访问。 那用户要对HTML中的元素进行访问就要使用到“事件“了，所以个人认为这是当今web应用中最重要的一部分之一了。下面我们要实现一个简单的小需求：页面中也有一个按钮和一个列表，列表为2,9,1,0,4,3,5。点击按钮要实现列表数字升序排序。下面为HTML结构。html>head>head>body>
2017-12-07 12:00:05
214
原创 实现一个自己的react-redux
谈及react-redux相信不少用过react的小伙伴都有了解吧，应该也有不少朋友对其会有点困惑，所以今天写篇文章来下react-redux,最后实现一个自己的react-redux。 就我个人对redux的理解来说（接下来我将用小杜来代替redux），我觉得小杜其实就是一个用于共享状态管理的工具。好了既然说到共享状态管理，那么先不谈如何用小杜来实现。那么可以怎么实现呢？ 我觉的吧，可以这样子
2017-11-26 23:23:55
368
原创 Node.js学习-web框架-2-中间件
这一节我打算加个路由中间件，还是沿用上一节的项目，项目结构如下：wa|--core |--wa.js|-controller ||-middleware |--router |--index.js|-public ||-app.js在上面的文件夹中，wa/middleware/router下就存放了与路由中间件相关的文件。 在开始代码之前，
2017-11-24 17:47:35
266
原创 Node.js学习-一步步完善一个web框架-1
闲来无事，打算深入学习一下Node.js。之前虽说已有过一点Node.js的开发经验，但对Node.js还仅仅局限于了解，很多Node模块也没有比较深入的学习，如文件模块（fs）、http模块、path模块等。 到目前为止也用过两个Node的web框架（express和koa.js），也已经用koa.js搭建了一个完整的web项目。 借着现在这个机会正好深入学习下Node，所以根据自己的理解开始
2017-11-22 19:20:54
325
原创 JavaScript-DOM
DOM(Document Object Modal,文档对象模型)连接着web页面和JavaScript， 1. Document 2. Element 3. Attrubute 4. EventDoucment常用属性和方法文档对象使得我们能使用脚本对载入到浏览器的HTML文件中的元素进行访问。 获取到常用的元素集合：//获取HTML中所有的元素document.all();
2017-11-22 00:10:22
178
原创 日常站点开发常用到的几个JavaScript方法
获取图片原始宽高:/***img: DOM图片对象*fn: 回调方法*fnErr: 图片错误回调*/function getImgNaturalDimensions(img, fn, fnErr) { if (img.naturalWidth !== undefined) { var nWidth = img.naturalWidth; v...
2017-11-20 16:37:52
356
原创 XMLHttpRequest对象详解
XMLHttpRequest提供了一组用于客户端和服务器之间传输数据的API从XMLHttpRequest接口来看：[NoInterfaceObject]interface XMLHttpRequestEventTarget: EventTarget { attribute EventHandler onloadstart; attribute EventHandler onpro
2017-11-20 15:42:31
1743
原创 BOM(Browser Object Model)
浏览器对象模型几个重要的对象WindowScreenLocationHistoryNavigatorWindow {name=window}window对象表示浏览器窗口，是浏览器Javasript的全局对象。 属性：window.innerWidth //浏览器窗口的内部宽度window.innerHeight //浏览器窗口的内部高度／** *
2017-11-20 15:38:14
252
原创 JavaScript-函数2-构造函数
在讲构造函数的时候先看看其他的编程语言是怎么做的: javaclass HelloWorld { public HelloWorld() { }}typescriptclass HelloWorld { /** * 构造函数 */ public constructor() { }}反观JavaScript你会发现它就简单的多了，函数同时兼
2017-11-20 15:34:24
196
原创 JavaScript-函数1
定义：函数是一个可被重复使用的代码块，能被其他的代码或者自身调用。函数能接受参数，并且也能返回值，函数还是一个对象。函数的类型：匿名函数:顾名思义，没有名字的函数，通常作为回调函数使用function(){}普通函数：// 函数声明function say(){}// 函数表达式var say = function(){}内部函数与外部函数：被一个函数包含着的函数即是内部函数，而包含着另一个函
2017-11-19 15:52:43
221
原创 单页面应用接入微信填坑之二（微信支付Nodejs）
先记录一下正常接入微信支付步骤微信公众号配置：1. 开通微信公众号这里就没什么要讲的了2.服务器配置进入微信公众平台->开发->基本配置->服务器配置，之后填写服务器地址和令牌，并按照微信官方教程配置即可。下面是我自己的一段Node.js版本的简单服务器配置:var http = require("http");var url = require("url");var crypto = re
2017-11-18 16:13:18
2036
原创 单页面应用接入微信填坑之一（微信分享）
起因：使用react+react-router做了一个单页面应用，需接入微信支付与分享等功能。由于是个人第一次接触微信接入加之是单页面应用所以遇到了很多问题。所以这里记一下其中之一：分享功能！微信官方说法：所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持p
2017-10-31 17:50:53
6118
原创 React.js初探-如何将一个普通button改造成类React组件
React.js初探React.js目的在于提高前端组件的复用性，下面以一个常见的例子来解释一下。 小明是一个前端程序员，有一天老板叫小明实现一个功能,功能描述如下：一个按钮有两个状态，分别是点击改变颜色和点击还原颜色，原始颜色是红色，点击后颜色为绿色。接下来我们将一步步实现小明的Button； 小明接到任务后马上写出了如下代码： HTML结构：button styl
2017-05-22 15:42:12
2558
原创 使用webpack搭建react ES6开发环境
使用webpack搭建react ES6开发环境创建项目 新建文件夹作为工作目录命令行键入npm init初始化项目安装依赖 安装webpack npm install --save-dev webpack安装react、react-dom npm install --save-dev react react-dom需要使用webpack 能正确解析 ES6语法还需安装babel
2017-05-10 09:55:11
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人