js
桃子不好吃哦
我的技术积累
展开
-
事件捕获和事件冒泡
时间冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。事件冒泡的作用(1)事件冒泡允许多个操作被集原创 2016-03-23 14:03:59 · 250 阅读 · 0 评论 -
Blockly学习之文档阅读笔记
blockly是一个用于Web、Android、iOS的可视化代码编辑器库。 使用了相互关联的积木来表示表达代码中变量、逻辑表达式、循环等。让用户能够了解编程,而不用面对命令行上让人恐惧和枯燥的代码和语法。翻译 2017-04-19 15:58:54 · 4283 阅读 · 0 评论 -
ReactRedux学习
ReactRedux是react和redux合用时需要的组件。源码整体结构代码整体结构和redux相似:检测环境,挂载reactredux功能代码整体结构如下,采用_ webpack_require_方法帮助各个模块相互获取,可以看出最终对外导出的是模块0function(react, redux) { return(function(modules) { functi原创 2016-07-21 16:02:00 · 873 阅读 · 0 评论 -
redux源码分析
本分析既有redux的源码架构流程等,也包括自己对js基础的补课((┬_┬))redux简介Redux is a predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (原创 2016-07-19 19:47:31 · 3131 阅读 · 0 评论 -
react组件生命周期
[组件生命周期]一、理论 组件本质上是状态机,输入确定,输出一定确定 生命周期的三个阶段,三者时间是不固定的,只是在逻辑上的分类: 二、初始化阶段: getDefaultProps:获取实例的默认属性(即使没有生成实例,组件的第一个实例被初始化CreateClass的时候调用,只调用一次,) getInitialState:获取每个实转载 2016-07-28 12:41:30 · 340 阅读 · 0 评论 -
解读redux工作原理
1. 前言随着WEB应用变得越来越复杂,再加上node前后端分离越来越流行,那么对数据流动的控制就显得越发重要。redux是在flux的基础上产生的,基本思想是保证数据的单向流动,同时便于控制、使用、测试。redux不依赖于任意框架(库),只要subscribe相应框架(库)的内部方法,就可以使用该应用框架保证数据流动的一致性。那么如何使用redux呢?下面一步步进行解析,转载 2016-07-18 11:16:33 · 942 阅读 · 0 评论 -
scroll事件研究
起源想用react做一个无限加载图片的功能,每当页面上滑到一定程度,就继续获取新的图片。具体实现采用了在react根节点添加onScroll属性并编写handleScroll方法。但是编写完成后发现页面滚动并不会触发onScroll事件。 借此,对scroll事件做一些研究,补课……html和js中的onscroll事件定义和用法onscroll 事件在元素滚动条在滚动时触发//HTML 中:<原创 2016-07-26 14:00:19 · 4598 阅读 · 0 评论 -
react学习
2016/5/20 今日任务:react入门,基本知识加简单实例 学习资料:http://www.ruanyifeng.com/blog/2015/03/reactReactDOM.renderReactDOM.render(html元素,节点);JSXJSX 的基本语法规则:遇到 HTML 标签(以 < 开头),就用 HTML 规则解析;遇到代码块(以 { 开头),就用 JavaScript 规转载 2016-05-24 16:00:55 · 232 阅读 · 0 评论 -
JS-this关键字
this指的是,调用函数的那个对象。 指向全局var x = 1; function test(){ var x =2; alert(x+","+this.x); }test();这个时候的结果是:2,1 此时的this指向全局作为某个对象的方法调用,指向这个上级对象function test(){ var x=1;alert(x+","+this.x+","+window.x);原创 2016-04-11 08:55:16 · 297 阅读 · 0 评论 -
JavaScript异步编程-Promise模式
Promise是个对象也是个规范 使用场景:异步操作概念三个状态未完成(pending) 已完成(fulfilled) 失败(rejected)以CommonJS Promise/A 标准为例,promise对象上的then方法负责添加针对已完成和拒绝状态下的处理函数。then方法会返回另一个promise对象,以便于形成promise管道,这种返回promise对象的方式能够支持开发人员把异原创 2016-04-12 16:22:38 · 757 阅读 · 0 评论 -
Ajax
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。JS生成一个新的XMLHttpRequest需要考虑到浏览器兼容性,兼容IE低版本及其他浏览器var XMLHttpReq = null;//XMLHttpRequest生成function createXMLHttpRequest() { if (window.XMLHttpRequest){// code f原创 2016-03-27 20:14:58 · 295 阅读 · 0 评论 -
js-call和apply
foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)call语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一个原创 2016-04-12 08:59:35 · 286 阅读 · 0 评论 -
JS中的函数
函数类型在JS中函数可以分为两种,具名函数(命名函数)和匿名函数。 区分这两种函数的方法非常简单,可以通过输出 fn.name 来判断,有name的就是具名函数,没有name的就是匿名函数。 获取指定函数的函数名称方法/** * 获取指定函数的函数名称(用于兼容IE) * @param {Function} fun 任意函数 */function getFunction转载 2016-03-25 16:04:47 · 471 阅读 · 0 评论 -
同步和异步
同步是阻塞模式,异步是非阻塞模式。 同步就是指一个进程在执行某个请求的时候,若该请求需要一段时间才能返回信息,那么这个进程将会一直等待下去,直到收到返回信息才继续执行下去; 异步是指进程不需要一直等下去,而是继续执行下面的操作,不管其他进程的状态。当有消息返回时系统会通知进程进行处理,这样可以提高执行的效率。Ajax同步异步1 异步请求方式: $.ajax({ url : 'your url'原创 2016-03-25 10:01:10 · 338 阅读 · 0 评论 -
<![CDATA]>
CDATA 内部的所有东西都会被解析器忽略。关于 CDATA 区段的注释:CDATA 区段不能包含字符串 “]]>”,所以,CDATA 区段的嵌套是不被允许的。同时也需要确保在 “]]>” 字符串中没有空格或折行。为什么要使用CDATA: XHTML的第二个改变是使用CDATA段。XML中的CDATA段用于声明不应被解析为标签的文本(XHTML也是如此),这样就可以使用特殊字符,如小于(<)、大转载 2016-03-24 15:55:00 · 356 阅读 · 0 评论 -
客户端检测
浏览器存在不一致的问题,开发人员需要采用迁就各方的最小公分母策略或者利用各种客户端检测方法,来规避这种局限性。检测客户端的手段很多,但是最好先采用更通用的方案,再使用特定于浏览器的技术增强方案。能力检测if(object.propertyInQuestion){}1.使用typeof进行能力检测-funciton 2.能力检测是确定下一步方案的依据,而不是用来判断浏览器怪癖检测知道浏览器存在什么原创 2016-03-24 11:22:57 · 239 阅读 · 0 评论 -
Webpack学习笔记与填坑记录
起源最近在做一个项目啦,用webpack打包。学习打包工具是一种可以极大减轻前端开发工作量的存在,目前据我接触过的有webpack、百度的fis、当时在腾讯实习时候同事自己开发的mt,个人认为这种工具的要点有以下几个:路径解析,包括绝对路径、相对路径、模块路径等依赖关系构建,通过依赖关系,从入口开始,将所有资源打包到出口Loader,具备对jxl、less等多种非js语言解析功能辅助功能,通原创 2017-11-24 16:30:40 · 348 阅读 · 0 评论