react-day2发表于 June 4, 2018|分类于 react相关|阅读次数: –字数统计: 2929|阅读时间: 15 minreact 学习笔记day-02 处理事件 使用React元素处理事件与处理DOM元素上的事件非常相似,有一些语法差异 React事件使用camelCase命名,而不是小写 使用JSX,将传递函数作为事件处理函数,而不是字符串 HTML: <button onclick = "activ...阅读全文 »
react-day1发表于 June 2, 2018|分类于 react相关|阅读次数: –字数统计: 1907|阅读时间: 10 minreact 学习笔记day-01 介绍JSX const element = <h1>Hello, world!</h1> 它称为JSX,是JavaScript的语法的扩展。 选择JSX的理由: React拥抱渲染逻辑与其他UI逻辑固有耦合的事实:事件如何处理,状态如何随事件...阅读全文 »
原生js实现Ajax发表于 May 16, 2018|分类于 javaScript相关|阅读次数: –字数统计: 195|阅读时间: 1 min原生js实现Ajax function ajax() { var ajaxData = { type: arguments[0].type || 'GET', url: arguments[0].url || '', aysnc: argume...阅读全文 »
position四个属性的区别发表于 May 16, 2018|分类于 界面布局|阅读次数: –字数统计: 2357|阅读时间: 12 min简析position四个属性 static(默认) 默认值,没有定位,元素出现在正常的流中(忽略top\bottom\left\right\z-index) relative(相对定位) 生成相对定位的元素,通过top\bottom\left\right的设置,相对于其正常(原先本身)位置进行定位。...阅读全文 »
var、let、const三者的区别发表于 May 15, 2018|分类于 javaScript相关|阅读次数: –字数统计: 546|阅读时间: 3 minJS中的块级作用域,var、let、const三者的区别 首先,ECMAScript和JavaScript关系: ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为:ECMAScript是JavaScript的语...阅读全文 »
事件委派发表于 May 15, 2018|分类于 javaScript相关|阅读次数: –字数统计: 2964|阅读时间: 15 minjs中的事件委托或是事件代理详解 概念 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我...阅读全文 »
js作用域发表于 May 14, 2018|分类于 javaScript相关|阅读次数: –字数统计: 1390|阅读时间: 7 minjs的作用域 作用域 作用:访问、操作、调用.. 域:区域、范围、空间 作用域就是变量和函数的可访问范围,或者说是变量或者函数起作用的区域 1.js函数的作用域 函数内的区域,就是这个函数的作用域,变量和函数在这个区域内都可以访问操作。最外层函数外的区域叫全局作用域,函数内的区域叫局部作用域 2.j...阅读全文 »
Cookie LocalStorage sessionStorage 发表于 May 13, 2018|分类于 浏览器缓存|阅读次数: –字数统计: 2623|阅读时间: 14 minCookie/LocalStorage/essionStorage 一、数据的生命周期 Cookie 一般由服务器生成,可设置失效时间,如果在浏览器端生成Cookie,默认是关闭浏览器后失效 LocalStorage 除非被清除,否则永远保存 sessionStorage 仅在当前会话下有效,关闭页...阅读全文 »
同源策略发表于 May 13, 2018|分类于 http|阅读次数: –字数统计: 5019|阅读时间: 26 min同源策略 含义 是一种约定,是浏览器最核心也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能都会受到影响,可以说web是构建在同源策略基础之上,浏览器只是针对同源策略的一种实现。所谓的同源指的是域名、协议、端口相同。 这也是狭义的跨域,跨域指的是一个域下的文档或者脚本试图去请求另一个域下的...阅读全文 »
操作js数组跟字符的注意点发表于 May 13, 2018|分类于 javaScript相关|阅读次数: –字数统计: 432|阅读时间: 3 minslice/splice/split区别 slice (数组、字符串) ① array.slice(start, end); 解释:该方法是对数组进行部分截取,并返回一个数组副本;参数start是截取的开始数组索引,end参数等于你要取的最后一个字符的位置值加上1(可选) // slice var ...阅读全文 »