2017年10月_Kasekale

原创 03组件的生命周期和事件处理

这一劫,聊一聊,React Compodnents 从创建到消失,的生命周期,状态和属性在生命周期中是如何流转的. 首先我们来了解一下,react components 在浏览器中存在的生命周期的三个状态, 第一个状态我们称之为,Mounted: 指的是一个react components 被解析生成对应的dom 节点,并被插入浏览器的dom 结构的这么一个过程,当我们从浏览器上看到从无到

2017-10-30 22:09:50 282

原创 02React的JSX 与Style

一门新技术的出来,最直接的学习方式就是,学习官网,然后加以延展,最后融会贯通.他的官网地址就是,react官网点击getstarted.HTML部分<script src="https://facrbook.github.io/react/js/jsfiddle/integation.sj"></script><div id = "container"> <!-- this e

2017-10-29 22:17:27 487

原创 react基础01

react 不是一个完整的mvc,mvvm框架,其只负责view层面React跟Web Components 不冲突React就是轻虚拟dom 是其原理组件化的开发思路####应用场景复杂场景下的高性能重用组件库懒

2017-10-28 10:06:09 238

原创 react 大众01

windows用户注意: 要修改"./package.json"文件. "rm -rf ./build" 改为 "rd/s/q build" 如果运行报错,手动创建一个"build" 的文件夹

2017-10-28 09:43:16 341

原创 react官网01Installation

Installation 安装*React is flexible and can be used in a variety of projects. You can create new apps with it, but you can also gradually introduce it into an existing codebase without doing a rewrit

2017-10-22 00:19:19 328

原创 React01

React.js 入门与实战开发适配PC端和移动端的新闻头条平台*1-1课程简介 —solidadcreact.js简介部分1.对js,ECMAScript5,ECMAScript6,css,HTML5,以及node.js 开发环境热加载组件webpack的简介安装与配置.2.前端开发工具ANT以及相关的插件的详细介绍.React.js基础知识的学习1.React.js组件基础2.React.

2017-10-21 22:01:53 205

原创 6.移动端事件--阻止冒泡

阻止文字被选中38.52

2017-10-14 20:06:52 5056

原创 5.移动端事件--event 对象

事件函数中,默认的第一个参数是 Event对象target是 —–我们的元素对象

2017-10-14 19:46:11 1335

原创 4.移动端的事件冒泡与捕获

冒泡 : 点击一个元素按照 DOM 节点把这个事件一直向上传递下去从下向上传递下去捕获 : 点击一个元素按照 DOM 节点把这个事件一直向下传递下去从上向下传递下去

2017-10-14 19:30:32 1937

原创 3.移动端事件监听addEventListener

addEventListeneradEventListener(“函数名”,有名函数或者匿名函数,冒泡或者捕获) 1.不会存在前后覆盖问题 2.在chrome浏览器下,可以一直识别

2017-10-14 19:03:23 3605

原创 2.移动端基础事件---touch事件

viewport设置<meta name="viewport" content="width=device-width,user-scalable=no" charset="UTF-8">背景颜色由粉色变成蓝色touch事件,在chrome的模拟器下,部分版本通过on 的方式来添加事件无效.<style> #box{ width: 100px;

2017-10-13 21:21:29 290

原创 1.移动端事件大纲

基础事件1.touchstart 2.touchend 3.touchmoveEvent对象1.取消默认事件 2.阻止冒泡 3.防止文字选中和阻止默认菜单 4.鼠标事件延迟 5.事件点透问题touchEvent1.touches 2.changedTouches 3.targetTouches滑屏处理1.拖拽原理分析 2.滑屏幻灯片简版transform2D变换1.rotate()

2017-10-13 19:51:54 194

原创 IEtester

ie678调试兼容性的工具火狐浏览器,最符合w3c的浏览器火狐浏览器的firebhg插件

2017-10-13 19:24:52 525

原创 08jQuery源码解析

constructor :修正指向问题init :初始化和参数管理

2017-10-02 14:20:51 581

原创 05jQuery源码解析

location = window.location,document = window.document,docElem = document.documentElement,存成变量有利于压缩操作_jQuery = window.jQuery_$ = window.$防冲突的设计:其他的库中可能也有$面向对象function Obj(){}Obj.prototype.ini

2017-10-02 13:25:59 472

原创 04jQuery源码解析

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><script> (function(window){ })(window); //传参window:1查找速度变快 2在压缩的时候很有用 //undefined在IE789的浏览器下是

2017-10-02 12:47:11 329

原创 github

用户名:[email protected]

2017-10-02 12:24:03 255

原创 01Jquery源码解析

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> (function(){ var a = 10; function $(){ alert(a

2017-10-02 12:02:53 750

Kasekale的博客