02 2017 档案

 
标准的ES6语法的react组件生命周期代码
摘要://ES6语法定义的组件生命周期 import React,{Component} from 'react'; export default class Life extends Component{ constructor(props){ super(props) console.log('构造函数') //初始化了我们的state,这... 阅读全文
posted @ 2017-02-24 18:03 鹿晓晓 阅读(2065) 评论(0) 推荐(0)
数组的去重-----------------------来自大牛的讲解
摘要:NaN 初看NaN时,很容易把它当成和null、undefined一样的独立数据类型。但其实,它是数字类型。 根据规范,比较运算中只要有一个值为NaN,则比较结果为false,所以会有下面这些看起来略蛋疼的结论: 以最后一个表达式0 NaN为例,在规范中有明确规定(http://www.ecma-i 阅读全文
posted @ 2017-02-24 11:40 鹿晓晓 阅读(645) 评论(0) 推荐(0)
react.js--------js库
摘要:1.react是什么? React是Facebook开源的一个用于构建用户界面的Javascript库,已经 应用于Facebook及旗下Instagram。 和庞大的AngularJS不同,React专注于MVC架构中的V,即视图。 这使得React很容易和开发者已有的开发栈进行融合。 React 阅读全文
posted @ 2017-02-23 12:01 鹿晓晓 阅读(2076) 评论(0) 推荐(0)
esLint:做代码统一风格规范
摘要:1.eslint介绍 做代码统一风格规范 jslint jshint eslint(最火的) Eslint官网:http://eslint.cn/docs/user-guide/configuring jslint jshint eslint(最火的) 2.全局和本地安装 npm install e 阅读全文
posted @ 2017-02-23 11:47 鹿晓晓 阅读(20652) 评论(0) 推荐(0)
webpack--------类似gulp的工具,在gulp后面出来的
摘要:webpack和gulp的差异: webpack比gulp功能强大,升级换代出来的,webpack主要用于react vue angular2 1.webpack是什么? CommonJS和AMD是用于JavaScript模块管理的两大规范,前者定义的是模块的同步加载,主要用于NodeJS;而后者则 阅读全文
posted @ 2017-02-22 16:16 鹿晓晓 阅读(504) 评论(0) 推荐(0)
gulp
摘要:1.gulp是什么? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 她能自动 阅读全文
posted @ 2017-02-22 14:23 鹿晓晓 阅读(330) 评论(0) 推荐(0)
ionic----------------------------------混合App开发
摘要:*:混合app开发工具: ionic、H5+(网上打包)、appcan 原生App开发: react native(用先进的js(es6)构建出来的原生app) 、weex(基于vue,优酷使用了weex) 模板、组件相关网站:ant.design、主题森林、awesomes *:ionic: ht 阅读全文
posted @ 2017-02-22 14:11 鹿晓晓 阅读(589) 评论(0) 推荐(0)
this指针问题
摘要:1.出现全局作用域 =>全局对象 2.出现在函数中 1>普通函数 =>全局对象 2>对象中的方法 =>方法前面一个点前面的对象(谁点出来这个方法就是谁) 3.new new foo() =>foo{} 一个新的对象 4.事件函数中 btn.onclick=fn =>事件触发的对象(注册事件的对象) 阅读全文
posted @ 2017-02-22 09:25 鹿晓晓 阅读(151) 评论(0) 推荐(0)
dom小知识
摘要:1.凡是在页面中使用id属性的元素,可以利用id值直接获取该标签对象。 2.DOM html、xml都是dom 3.凡是在html标签中的onclick等属性中输入的代码 eg:<div onclick=" alert ( this ) "></div> 这些代码相当于一个匿名函数,在onclick 阅读全文
posted @ 2017-02-18 10:00 鹿晓晓 阅读(165) 评论(0) 推荐(0)
angular(1.5.8)
摘要:1.MVC基本概念 M:model,模型,数据。 V:view,视图,就是如何展示数据。 C:controller,控制器,数据与展示的联系(连接数据与视图的桥梁),是主要的代码逻辑区域。 作用:使代码分工明确,可以根据不同的分块进行单独处理 ng代表angular 2.angular是什么? *: 阅读全文
posted @ 2017-02-17 19:04 鹿晓晓 阅读(1313) 评论(0) 推荐(0)
同源以及跨域
摘要:1.同源策略:是浏览器的一种安全策略,指协议、域名、端口号完全相同。 端口:例如:QQ使用的是一个端口,酷我音乐使用的是另一个端口 2.跨域:从一个服务器a的网站中,发送请求去服务器b的网站中 浏览器是不允许跨域的,(不安全) 3.跨域获取数据的方法:JSONP *:使用src属性不受跨域限制去发送 阅读全文
posted @ 2017-02-16 22:53 鹿晓晓 阅读(166) 评论(0) 推荐(0)
正则RegExp
摘要:*:除属性 g 和 i 之外,正则表达式就没有其它像属性一样的特性了.如果将构造函数 RegExp 的静态属性 multiline 设置为 true ,那么模式匹配将以多行的模式进行. 在这种模式下,锚字符 ^ 和 $ 匹配的不只是检索字符串的开头和结尾,还匹配检索字符串内部的一行的开头和结尾.例如 阅读全文
posted @ 2017-02-16 14:53 鹿晓晓 阅读(161) 评论(0) 推荐(0)
json
摘要:1.json是一种排列数据的格式 2.载体是字符串 3.基本所有的语言都支持将json格式的字符串转化为该语言对应的对象 4.语法和js的对象快速创建的方法很类似 如果表示的是对象,两边是{} eg:jsonObj='{"name":"aaa","skill":"bbb"}' 如果表示的是数组,两边 阅读全文
posted @ 2017-02-16 09:41 鹿晓晓 阅读(117) 评论(0) 推荐(0)
background-size:contain 和cover-----------------------------------------background-attachment
摘要:background-size:contain 和cover 相同点: 都是将图片以**相同宽高比**缩放以适应整个容器的宽高。 不同点:1. 在no-repeat情况下,如果容器宽高比与图片宽高比不同, cover:图片宽高比不变、铺满整个容器的宽高,而图片多出的部分则会被截掉;(图片不完整) c 阅读全文
posted @ 2017-02-15 10:04 鹿晓晓 阅读(800) 评论(0) 推荐(0)
ajax
摘要:ajax基本概念: 不刷新页面,偷偷和服务器进行交互(使用http协议找服务器要数据) 必须的参数: 请求的服务器的url 请求的方式 传递的数据(如果没有,可以留空) 点击发送数据 接收服务器返回的结果 浏览器渲染为图形界面 1.form 表单提交数据 action属性:数据提交的url meth 阅读全文
posted @ 2017-02-04 09:24 鹿晓晓 阅读(177) 评论(0) 推荐(0)