随笔分类 - js
摘要:Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大。它最早由社区提出并实现,ES6将其写进了语言标准,统一了用法,并原生提供了Promise对象。 特点 对象的状态不受外界影响 (3种状态) Pending状态(进行中) Fulfilled
阅读全文
摘要:1把这段代码复制到htm5界面. 2.给个按钮,点击按钮事件,让其播放音乐, 注意一点就是:1.在手机浏览器打开页面,如果没有用户的操作是不会播放声音的。
阅读全文
摘要:1.普通ajax提交的时候是没法提交input type=file的,换句话说$_FILES获取不到ajax提交过去的值。 2.ajax提交的时候,设置dataType="json"和没设置此值是有很大区别的 设置了dataType="json"了的请求,服务器段返回json数据(echo json
阅读全文
摘要:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。作者:张轩链接:http://zhuanlan.zhihu.com/p/20367175来源:知乎 如果现在你的项目还没有对ES6的语法支持,那就有点没有逼格了,其实大家都知道这个也很简单,因为我们有伟大的Babel 首先 装各种l
阅读全文
摘要:有的时候还想来点jquery,moment,undersocre之类的库,webpack可以非常容易的做到这一点,有谣言说Bower即将停止开发了, 作者推荐都使用npm来管理依赖。那么我们现在安装在我们的app中添加jquery和moment的支持。 npm install jquery mome
阅读全文
摘要:安装url-loadernpm install url-loader --save-dev配置config文件 { test: /\.(png|jpg)$/, loader: 'url?limit=40000' }注意后面那个limit的参数,当你图片大小小于这个限制的时候,会自动启用base64编
阅读全文
摘要:1.执行安装: npm install sass-loader --save-dev (此处不行的话就换上npm install node-sass) 2.稍微修改一下config,删掉我们先前添加的css规则,加上下面的loader { test: /\.scss$/, loaders: ['st
阅读全文
摘要:1.安装loadernpm install css-loader style-loader --save-dev 2.配置loader,在webpack.config.js中 module: { loaders: [ { test: /\.css$/, loaders: ['style', 'css
阅读全文
摘要:峰回路转 一区九折 先看效果:(此效果是webpack执行完之后会生成build文件夹已经它下面的index.html,点击index.html就是下图的效果) 安装先装好node和npm,因为webpack是一个基于node的项目。然后npm install -g webpack总览官网对webp
阅读全文
摘要:效果: 局部注册 不需要全局注册每个组件。可以让组件只能用在其它组件内,用实例选项 components 注册:
阅读全文
摘要:效果: 更牛逼的是:我修改了input里面的内容之后,奇迹发生了!!! 牛逼吧,这就是vue.js 的双向数据绑定。 渲染列表 效果: 处理用户输入: 效果:
阅读全文
摘要:1.React.renderToString 函数, 参数是组件,返回一个字符串 2.另一个服务端渲染函数: React.renderToStaticMarkup ,他没有data属性 两者在什么时候使用呢? 当且仅当你不打算在客户端渲染这个React Component时,才应该选择使用React
阅读全文
摘要:组件的生命周期 组件的生命周期分成三个状态: Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM React 为每个状态都提
阅读全文
摘要:React JS
阅读全文
摘要:注意: 1.组件名称:第一个字母要大写,并使用驼峰法命名 2.onchange、onsubmit事件在Render里面要使用驼峰法的命名, onChange={this.handleChange} 切忌不能写成这样 onChange="{this.handleChange}" 3.通过event.t
阅读全文
摘要:<!DOCTYPE html> <html> <head> <title>canvas</title> </head> <body> <canvas id="canvas" width="500" height="600" style="border:1px solid #ddd;"> 浏览器不支持
阅读全文
摘要:看后总结: 1.区分大小写 2.标识符是有字母下划线$开头,并有字母、下划线、数字、美元符号组成。 3.建议用驼峰法命名标识符。 4.注释: 单行:// 多行: /* */ 5.严格模式: 在js文件顶部或者函数的顶部使用"use strict";,将开启严格模式(ECMA 5.0引入) 6.每条语
阅读全文