Fengwu9166-CSDN博客

原创 React Hook的使用

useState hook的使用import React, { useState } from 'react';function Example() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useState(0); return ( <div> <p>You cl...

2020-04-27 17:07:56 171

原创 Redux的基础概念

三个基本原则整个应用只有唯一一个可信数据源，也就是只有一个storestate只能通过出发action来更改state的更改必须写成纯函数，也就是每次更改总是返回一个新的state，这种函数被称为reduceractions一般，使用action creators来生成action，最后返回action对象function addTodo(text) { return { ...

2020-04-22 21:17:41 149

1. 当数据发生变化时，vue是怎么更新节点的？根据真实DOM生成一颗 virtual DOM ，当 virtual DOM 某个节点的数据改变后会生成一个新的 Vnode ，然后 Vnode 和 oldVnode 作对比，发现有不一样的地方就直接修改在真实的DOM上，然后使 oldVnode 的值为 Vnode 。diff的过程就是调用名为 patch 的函数，比较新旧节点，一边比较一边给 ...

2020-03-26 23:53:54 225

原创 js面试题3

数组方法filter（）的使用filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素例如在一个数组中要想删掉偶数，只保留奇数var arr = [1, 2, 4, 5, 6, 9, 10, 15];var r = arr.filter(function (x) { return x % 2 !== 0;});r; // [1, 5, 9, 1...

2020-03-19 02:23:58 362

原创 js原型链 +继承

构造函数创建对象：function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // Kevin每个构造函数都有一个 prototype 属性当使用 new 创建了一个实例对象，该对象就会从原型中继承属性实例对象都会有一个属性叫proto，该属性会指向该...

2020-03-12 01:37:12 127

原创 js面试题2

如何让chrome支持小于12px的文字？<style> p span{ font-size:10px; -webkit-transform:scale(0.8); display:block; }</style><p><span>haorooms博客测试10px</span></p>...

2020-03-10 22:31:37 297

原创 Webpack

webpack 概念webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。入口entry入口起点(entry point)指示 webpack 应该使用哪个...

2020-03-07 13:47:59 236

原创 js面试题1

定义一个对象，里面包含用户名、电话，然后将其存入localStorage的代码 var json = {username:"da"，phone:!1111111} for ( var key in json) { localStorage.setItem( key,json[key]); }css兼容性属性前面加前缀-moz代表firefox浏览器私有属性-ms代...

2020-03-07 02:48:17 6441

原创 Node

一.编写代码实现遍历文件const fs = require("fs")const path = require("path")const readDir = (entry)=>{ const dirInfo = fs.readdirSync(entry) //["hello","node.js"] dirInfo.forEach(item=>{ ...

2020-03-02 17:23:36 214

原创深拷贝，浅拷贝

==============变量存储类型分两类①基本类型：直接存储在栈中的数据。（字符串、布尔值、未定义、数字、null）②引用类型：将该对象引用地址存储在栈中，然后对象里面的数据存放在堆中。（数组、对象、函数）这里解释一下为什么null是基本类型：有人说他用type of打印出来不是oject吗？null只是一个空指针对象，没有数据。根据引用类型特点可以看一下是否符合。=======...

2020-01-07 11:46:33 102

原创 Promise的介绍

Promise什么是Promise1.主要用于异步计算2.可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果3.可以在对象之间传递和操作promise 帮助我们处理队列为什么会有promise为了避免界面冻结Promise 是个对象，对象和函数的区别就是对象可以保存状态，函数不可以（除闭包）并未剥夺函数return的能力，无需层层传递callback 进行回调获取数据代...

2019-11-18 10:17:14 105

原创 JQUERY 函数的使用 DOM选择器动画

JQUERY语法函数的使用DOM用法选择器动画内置动画自定义动画动画的配置函数的使用 $() 执行使用 $().abc() 连缀使用：局部方法 $.abc() 全局使用window.onload = function(){ console.log("页面和资源加载完成"); document.onload = fu...

2019-11-02 10:53:41 133

转载 day09原生js 窗口clientwidth, height,top等

首先定义一个div。然后稍微装修一下下面开始区分一、clientWidth和clientHeigh 、 clientTop和clientLeft **1，clientWidth的实际宽度** clientWidth = width+左右padding **2，clientHeigh的实际高度** clientHeigh = height + 上下pad...

2019-09-26 17:05:22 139

原创 day08原生js this的用法

1.this指向宿主对象这种情况比较普遍，也就是指向宿主对象的情况，在客户端是 window对象在node里是 Global对象第一个说，下面看第二种。2.this指向调用函数的对象的时候这里的myObj()函数里面的 this 指向的就是obj这个外部传递来的对象了。注意看 obj.myObj() 这里前面的 obj. 这里，因为myObj是obj这个对象的方法，下面obj作为对象...

2019-09-25 20:04:54 217

原创 day07原生js BOM和 DOM

前端分为三部分： HTML、CSS、JS JS也分三部分： BOM、DOM、ECMAScript BOM: Browser Object Model 浏览器对象模型简单来说就是window这个对象可以通过window来操控浏览器 window.setInterval() ...

2019-09-24 19:41:23 171

原创 day06原生js Math方法和Date的使用

MathMath是JS中的一个内置对象(注，它不是构造函数千万不能 new Math())它提供了许多的数学方法。比如：获取一个随机数、获取一个数的绝对值、向上取整、向下取整等方法random() 用于获取0~1之间的随机数包含0 不包含1abs(num) 用于获取参数的绝对值num 数字floor(num) 用于获取num的向下取整数值num 数字c...

2019-09-24 17:12:52 175

原创 day05原生js 字符串和js的组成

JS的组成JS： JavaScript 通常指的是前端浏览器中的一门语言。其实，JS由三部分组成BOMBrowser Object Model(浏览器对象模型) 简而言之是window对象DOMDocument Object Model(文档对象模型) 简而言之是document对象ECMAScript这是JS中核心语法部分(现在学习的部分是3.1版本后面还有5...

2019-09-24 17:09:29 151

原创 day04原生js 数组和对象

函数的属性name 表示函数名称length 表示形参的长度引用类型与值类型的区别存储值类型存储在栈内存中引用类型存储在堆内存中比较值类型比较的是值引用类型比较的是地址传递参数函数内操作的值类型与函数外无关函数内操作引用类型如果是通过点语法方括号语法方法进行操作会影响到函数外部的值如果是用等号(= 赋值符号)对函数内的变量进行修改则不会影响...

2019-09-23 17:35:01 140

原创 day03原生js 函数

函数函数是一个容器。可以复用代码。函数的定义函数声明 function fun() {}函数表达式 var fun = function() {}函数的调用一定是通过函数名() 来调用如果是函数表达式只可以在函数定义结束之后调用 fun(); // fun is not a function var fun = function() {}...

2019-09-23 17:31:29 133

原创 day02原生js 判定语句循环

分支判定为了让程序拥有"自主选择" 能力,我们加入了分支判定功能可以让程序决定执行哪一段代码,不执行哪一段代码,从而实现程序结果的多样化.if语句语法1: if (表达式) { 代码段 } else { 代码段 }以上写法: 当表达式为真时,执行if代码段当表达式结果为假时,执行else代码段语法2: if (表达式) {代码段}以上写法: 当表达式为真时,执...

2019-09-23 17:28:33 184

原创 day01原生js 变量数据属性

JavaScriptJS属于前端的一个脚本语言。依赖浏览器。它的执行需要“宿主环境”。而这个宿主环境在很长一段时间之内，都是浏览器。直到08年，NodeJS横空出世，就可以前后端通吃。JS属于编译语言，属于写完之后，就可以直接运行。不需要像Java一样，先编译成机器语言，再执行。体验一下书写位置HTML页面中的script标签中 <script> ...

2019-09-21 09:13:43 157

Fengwu9166的博客