随笔档案「2022年10月」 - 香香鲲

token（面试题）

摘要：Token一般是存放在哪里？ Token放在cookie和放在localStorage、sessionStorage中有什么不同？ oken是什么？Token 存放位置Token 放在 cookie、localStorage、sessionStorage中对不同点？总结一、Token是什么？ To 阅读全文

posted @ 2022-10-31 22:10 香香鲲阅读(853) 评论(0) 推荐(0)

获取一个对象的所有key值

摘要：1. Object.keys(item); 获取到了key之后就可以遍历的时候直接使用这个进行遍历所有的key跟value var infoItem={ name:'xiaowu', age:'18', } //的出来的keys就是[name,age] var keys=Object.keys(in 阅读全文

posted @ 2022-10-31 21:32 香香鲲阅读(532) 评论(0) 推荐(0)

使用JS创建一个类（面试题）

摘要：1.利用对象字面量创建对象 <body> <script> var obj = { name: 'javascript', age: 18, sex: 'undefined', express: function() { var sent = window.prompt("请你输入你想要说的话") 阅读全文

posted @ 2022-10-31 17:39 香香鲲阅读(88) 评论(0) 推荐(0)

JS的基本数据类型和引用类型？（面试题）

摘要：js基本七种数据类型为 1、String类型，用于表示字符串； 2、Number类型，用于表示数字； 3、Boolean类型； 4、Symbol类型，代表独一无二的值； 5、Undefined类型； 6、Null类型； 7、Object类型。引用类型 1、Object类型； 2、Function类阅读全文

posted @ 2022-10-31 17:29 香香鲲阅读(112) 评论(0) 推荐(0)

Diff算法（面试）

摘要：Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。具体流程：真实 DOM 与虚拟 DOM 之间存在一个映射关系。这个映射关系依靠初始化时的 JSX 建立完成；当虚拟阅读全文

posted @ 2022-10-31 16:09 香香鲲阅读(170) 评论(0) 推荐(0)

vue 项目优化解决方案（面试题）

摘要：vue 项目优化解决方案？ 1.使用 mini-css-extract-plugin 插件抽离 css 2.配置 optimization 把公共的 js 代码抽离出来 3.通过 Webpack 处理文件压缩 4.不打包框架、库文件，通过 cdn 的方式引入 5.小图片使用 base64 （对于小阅读全文

posted @ 2022-10-31 10:19 香香鲲阅读(194) 评论(0) 推荐(0)

如何清除浮动？（面试题）

摘要：如何清除浮动 1、浮动是什么：浮动是将元素块脱离普通文本流，使其漂浮在普通文本流之上，直到碰到内容框或者上一个浮动元素的边框；2、浮动会带来的问题：1）父元素框不能被撑开；2）没有被设置为浮动的元素会无视浮动元素跟在浮动元素的后面3）若第一个浮动元素变动了，那么其后的浮动对象也会变化，会影响整体的结阅读全文

posted @ 2022-10-31 09:49 香香鲲阅读(135) 评论(0) 推荐(0)

前端面试题（基础）

摘要：平时用的代码托管平台以及基本指令？初始化仓库 git init查看当前状态 status克隆仓库ssh地址 Git clone “仓库连接”拉取仓库数据 git pull将代码上传到缓存 git add ./git add --all添加上传代码的注释/提交信息 git commit -m “x 阅读全文

posted @ 2022-10-27 23:29 香香鲲阅读(108) 评论(0) 推荐(0)

Vue3项目中的报错总结

摘要：问题一： servers后端问题——丢包，重新下载命令：npm i 问题二： servers路由router.js中页面的路由合代码时被覆盖问题3：状态码500 --后端问题问题4：导入后端路径拼接前端图片路径导入时报错使用Vue3 globalProperty应用实例解决，具体查阅博客阅读全文

posted @ 2022-10-19 16:19 香香鲲阅读(135) 评论(0) 推荐(0)

React HOOK：useReducer 与 useState区别？(面试)

摘要：useReducer vs useState(面试) useReducer和useState都可以用来管理组件的状态，它们之间最大的区别就是： useReducer将状态和状态的变化统一管理在reducer函数里面，这样对于一些复杂的状态管理会十分方便我们debug，因为它对状态的改变是封闭的。而由阅读全文

posted @ 2022-10-19 16:11 香香鲲阅读(369) 评论(0) 推荐(0)

React HOOK：useReducer

摘要：useReducer 1.useReducer用最简单的话来说就是允许我们在函数组件里面像使用redux一样通过reducer和action来管理我们组件状态的变换语法: const [state, dispatch] = useReducer(reducer, initialArg, init? 阅读全文

posted @ 2022-10-19 16:09 香香鲲阅读(100) 评论(0) 推荐(0)

React HOOK：useCallback、useMemo

摘要：useCallback 1.我们在定义函数组件的时候时常在函数体内定义一些内嵌函数，这些内嵌函数会在组件每次重新渲染的时候被重新定义，如果它们作为props传递给了子组件的话，即使其它props的值没有发生变化，它都会使子组件重新渲染，而无用的组件重渲染可能会产生一些性能问题。每次重新生成新的内嵌阅读全文

posted @ 2022-10-19 16:08 香香鲲阅读(203) 评论(0) 推荐(0)

React HOOK：useRef

摘要：useRef useRef是用来在组件不同渲染之间共用一些数据的，它的作用和我们在类组件里面为this赋值是一样的。语法 import {useRef} from "react" const refObject = useRef(initialValue) //useRef接收initialVal 阅读全文

posted @ 2022-10-19 16:04 香香鲲阅读(103) 评论(0) 推荐(0)

React：事件

摘要：React事件（1）事件类型使用React元素处理事件与处理DOM元素上的事件非常相似。不过有一些语法上的差异： React事件使用小驼峰命名法，而不是全部小写命名。 React事件使用JSX传递一个函数作为事件处理程序，而不是一个字符串。示例：鼠标事件：onClick onDoubleCl 阅读全文

posted @ 2022-10-19 15:54 香香鲲阅读(188) 评论(0) 推荐(0)

React：表单组件（受控组件）

摘要：表单组件在HTML中，表单元素与其他元素最大的不同是它自带值或数据，而且在我们的应用中，只要是有表单出现的地方，就会有用户输入，就会有表单事件触发，就会涉及的数据处理。在我们用React开发应用时，为了更好地管理应用中的数据，响应用户的输入，编写组件的时候呢，我们就会运用到受控组件与非受控组件这阅读全文

posted @ 2022-10-19 15:52 香香鲲阅读(249) 评论(0) 推荐(0)

React：生命周期函数

摘要：生命周期钩子详解定义：在特定的阶段，ne你刚刚自动执行的函数（方法）。 componentWillMount ：在渲染前调用,在客户端也在服务端。 componentDidMount : 在第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode() 阅读全文

posted @ 2022-10-19 15:15 香香鲲阅读(117) 评论(0) 推荐(0)

React：数组、列表渲染

摘要：数组 JSX 允许在模板中插入数组，数组会自动展开所有成员 var arr = [ <h1>HTML</h1>, <h2>CSS</h2> ]; ReactDOM.render( <div>{arr}</div>, document.getElementById('example') ); 列表渲染阅读全文

posted @ 2022-10-19 14:50 香香鲲阅读(757) 评论(0) 推荐(0)

React：条件渲染（三目运算符）

摘要：在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后，依据应用的不同状态，你可以只渲染对应状态下的部分内容。 React 中的条件渲染和 JavaScript 中的一样，使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态，然后让 React 根据它们来阅读全文

posted @ 2022-10-19 14:12 香香鲲阅读(1199) 评论(0) 推荐(1)

React：注释

摘要：注释需要写在花括号中，需要注意的是：在标签内部的注释需要花括号在标签外的的注释不能使用花括号 ReactDOM.render( /*标签外部的注释 */ <h1>我是标题 {/*标签内部的注释*/}</h1>, document.getElementById('example') ) ; 阅读全文

posted @ 2022-10-19 10:20 香香鲲阅读(158) 评论(0) 推荐(0)

React Hook：useState

摘要：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。但是不要什么业务都使用hook,请在合适的时候使用hook,否则会造成性能问题.(能不用的时候就不能,当遇到性能不好优化的时候,自然会想到使用它) useStat 阅读全文

posted @ 2022-10-19 10:09 香香鲲阅读(131) 评论(0) 推荐(0)

React：Props属性（父组件传值子组件）

摘要：React 的一大特点是单向数据流。React 中的每一个组件，都包含有一个属性（props），属性主要是从父组件传递给子组件的，在组件内部，我们可以通过this.props获取属性对象。 1、定义和使用props 传值通过React类定义组件时：在父组件render 方法中调用组件时使用key 阅读全文

posted @ 2022-10-19 10:09 香香鲲阅读(900) 评论(0) 推荐(0)

React Hook：useEffect

摘要：useEffect 1.useEffect是用来使函数组件也可以进行副作用操作的。那么什么是副作用呢？ useEffect(didUpdate); In computer science, an operation, function or expression is said to have a 阅读全文

posted @ 2022-10-13 15:57 香香鲲阅读(94) 评论(0) 推荐(0)

React Hook ：context上下文

摘要：context 1.Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有: In Some Cases, you want to pass data through the component tree without having to pass the prop 阅读全文

posted @ 2022-10-13 10:23 香香鲲阅读(267) 评论(0) 推荐(0)

React Hook：无用渲染-PureComponent-shouldCompoent-函数组件

摘要：过渡技术 1.1无用的渲染组件是构成React视图的一个基本单元。有些组件会有自己本地的状态(state), 当它们的值由于用户的操作而发生改变时，组件就会重新渲染。在一个React应用中，一个组件可能会被频繁地进行渲染。这些渲染虽然有一小部分是必须的，不过大多数都是无用的，它们的存在会大大降低我阅读全文

posted @ 2022-10-13 09:48 香香鲲阅读(291) 评论(0) 推荐(0)

React：组件

摘要：React 组件 React.js 中一切皆组件，用 React.js 写的其实就是 React.js 组件。我们在编写 React.js 组件的时候，一般都需要继承 React.js 的 Component（类定义）。一个组件类必须要实现一个 render 方法，这个 render 方法必须要返阅读全文

posted @ 2022-10-12 23:20 香香鲲阅读(97) 评论(0) 推荐(0)

React：独立文件

摘要：可以将React JSX 代码可以放在一个独立文件上，并在不同的js文件中引入即可 AppTop.js文件中： //定义导出的标签 let AppTop =(<div> <h1>我是公共标题栏</h1> <p>6666</p> </div>); export default AppTop; // 阅读全文

posted @ 2022-10-12 22:51 香香鲲阅读(75) 评论(0) 推荐(0)

React：JSX语法

摘要：概述在index.js文件中App变量中保存的数据渲染到root关联的根元素中了但是js文件中应该写js语法,js语法变量中只能保存:6种基本数据和2种引用数据 let App=<div>666</div> 保存的是一个标签这种语法就是JSX语法 JSX语法就是一种插值语法它经过打包工具编阅读全文

posted @ 2022-10-12 22:32 香香鲲阅读(297) 评论(0) 推荐(0)

React：环境安装

摘要：环境安装可以使用 node -v 查看node.js版本号。 $ npm config set registry https://r.npm.taobao.org//配过镜像的可以不用再配,也可以不配置直接用npm $ cnpm install -g create-react-app $ crea 阅读全文

posted @ 2022-10-12 20:53 香香鲲阅读(57) 评论(0) 推荐(0)

React：简介

摘要：1、简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。 React主要用于构建UI。你可以在React里传递多种阅读全文

posted @ 2022-10-12 20:14 香香鲲阅读(178) 评论(0) 推荐(0)