摘要： 一、函数式组件创建 function HelloComponent(props, /* context */) { return <div>Hello {props.name}</div> } ReactDOM.render(<HelloComponent name="Sebastian" />,d 阅读全文

摘要： 需求:在某一网页,通过上下左右键控制一些操作 实现: 1.基本代码: 因为没有绑定特定的元素.所以我们将事件绑定到document上. //当前页面监视键盘输入 document.onkeydown = function(e) { console.log('键盘输入了') //事件对象兼容 let 阅读全文

摘要： 先说结论 绝对定位有一下几个特点: 1、w3c原话:任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型. 2、绝对定位 和 固定定位 的元素若没有设置 top/right/left/bottom 的值。其位置为原来在文档流中的位置]。其他文档流元素会占据其原来位置. 阅读全文

摘要： 跨域 浏览器访问非同源的网址时,会被限制访问,出现跨域问题. 解决方案: 1.response 添加 header(CORS) 2.JSONP 方式 3.全局对象+iframe (1)document.domain+iframe的设置 (只有在主域相同的时候才能使用该方法): 设置document. 阅读全文

摘要： 这里主要从两个角度来分析创建一个组件需要怎么做,一个是元素,一个是数据.整理向,大量借鉴,非原创. 1.渲染组件. 我们先明确一点,所有的元素都必须通过render方法来输出渲染.所有,每个组件类最终都必须通过render来输出. 2.创建组件. 目前有三种创建组件的方法: (1)函数式定义的无状态 阅读全文

摘要： 整理向,非原创,目的是整理出浅显易懂的方向性说明. 比如现有 this.state={name:"小明",age:18} 我们说修改组件的状态要用this.setState()来实现.这里有两个问题 1.为什么?我直接用this.state.age=17能不能实现重新渲染? 不能.因为它只是改变了这 阅读全文

摘要： 在react中如何将一个数组遍历,并且逐个渲染在页面上? 1.在jsx渲染中,如果这个变量是一个数组，则会展开这个数组的所有成员. var arr = [ <h1>Hello world!</h1>, <h2>React is awesome</h2>, ]; ReactDOM.render( <d 阅读全文

摘要： 网络上有很多关于声明式编程和命令式编程的对比和说明,但是大多都是大同小异,总的来说就是一句话"告诉电脑我要做什么,但是让电脑自己决定怎么做." 1.命令式编程. 这种编程模式比较常见,也是我们比较好理解的方式.它把完成某个需求的每一步都充分展示出来了,一步一步地指挥计算机做事情. 特点:在执行完之前 阅读全文

摘要： 本文只是一个整理向的随笔,以个人思路来简化的同时进行适当的拓展,如有错误,欢迎指正. 1.输入网址. 此时得到一个url 2.域名解析 整个过程都是dns系统在发挥作用,它的目的是将域名和ip对应起来. (1)浏览器DNS缓存:或许很多人不知道，浏览器自身也带有一层DNS缓存,它会先在缓存中查找是否 阅读全文

摘要： 前端面试中常出现一些有趣的逻辑题,初见的时候有可能会手足无措,但实际多看几个题之后就会有一定的思考逻辑,有种打通任督二脉的感觉.以下是我个人面试经历以及网络上收集来的一些经典题目. 题目: 1.现有一个装有无限水的池塘,你手里有两个空壶,一个容积为6升,一个为5升,请问你如何用这两个空壶打3升水?请 阅读全文