2017年04月_南太平洋_99

转载 JavaScript 中的 this 用法以及 call(apply) 的理解

this是什么this是 JavaScript 中的一个关键字。它用在对象的方法中。this总是指向调用该方法的对象this在对象的方法中var obj = { name : 'object', sayName : function () { alert(this.name); }};obj.sayName(); // objec

2017-04-24 18:58:22 408 1

转载原生JS写Ajax的请求函数

JS原生ajaxajax：一种请求数据的方式，不需要刷新整个页面；ajax的技术核心是 XMLHttpRequest 对象；ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据；·下面简单封装一个函数，之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地

2017-04-24 16:33:46 637

原创【小作品】react构建简单SPA（react+webpack+router+es6）

我将前段时间练手的demo用es6重写，路由使用React Router，使用webpack打包，构成了一个简单的单页面应用。url-loader来打包图片，file-loader来打包MP3文件package.json{ "name": "webpacktest", "version": "1.0.0", "description": "just for webp

2017-04-13 18:43:09 1961 1

原创【demo】react+webpack音乐播放器

使用react+webpack做了一个简单的音乐播放界面使用H5的audio作为播放器音乐播放时唱片图片顺时针旋转，音乐停止时图片也停止旋转url-loader和file-loader 都是用于打包文件和图片一般限制小图片转 base64 可以用 url-loader，其他情况都用 file-loader。url-loader应该是file-loader上加了一

2017-04-11 10:59:24 2908 1

原创 React-Router 学习笔记

传统开发中的路由，是由服务端根据不同的用户请求地址 URL，返回不同内容的页面，而前端路由则将这些任务通过 JS 在浏览器端完成（前端路由有2种实现方式，一种是html5推出的historyapi，另一种是hash路由，就是常见的 # 号，这种方式兼容性更好）。SPA应用则是前端路由的最佳适用场景，因为它结构简单，只需更新页面部分显示内容也不必每次都从服务端获取内容。react-route

2017-04-08 17:53:13 1134

原创【demo】React+Webpackt做一个微博发送表单

使用React实现一个微博发送表单表单的需求：（1）输入框获取焦点时，输入框边框变为橙色，右上角显示剩余字数的提示；输入框失去焦点时，输入框边框变为灰色，右上角显示热门微博。（2）输入字数小于且等于140字时，提示显示剩余可输入字数；输入字数大于140时，提示显示已经超过字数。（3）输入字数大于0且不大于140字时，按钮为亮橙色且可点击，否则为浅橙色且不可点击。GitH

2017-04-04 17:33:51 851

原创【demo】使用React+Webpackt做一个简单的todolist

使用Reactk实现一个简单的todolist，实现基本的增删功能创建项目创建的todo主要采用node包的方式，使用webpack打包初始化项目并创建一些基础文件初始化项目之后，就需要安装所需要的库及其依赖。npm安装方式可以为开发环境或生产选择所安装的依赖。安装完所需要的依赖之后，配置webpack。webpack.config.js:var pat

2017-04-02 10:59:59 2347 1

转载 JavaScript实现类的private、public

定义Js中的类，实际上用的是function，这个语法其实是用来定义函数的。不同于定义函数的是，我们可以在function中通过this.xxx的方式来定义属性和方法。this.xxx只能定义公有属性和方法，那私有属性和方法怎么办呢？这个可以用到js闭包的知识来解决对象可以由初始化对象的方法 -- 构造函数产生。构造函数提供在其他编程语言中类提供的特性，包括静态变量和方法。

2017-04-01 16:39:06 6302

99的博客