摘要：
点击查看代码 //安装： yarn add vue-i18n@6.x main.js import i18n from '@/lang' Vue.use(ElementUI, { i18n: (key, value) => i18n.t(key, value) }) src/lang/index.j 阅读全文
posted @ 2022-11-12 15:53
Cherishe
阅读(23)
评论(0)
推荐(0)
摘要：
什么时候在功能组件(ClassComponent)上使用类组件 (FunctionalComponent)？（必会） 点击查看代码 如果您的组件具有状态( state )或生命周期方法，请使用 Class 组件。否则，使用功能组件 阅读全文
posted @ 2022-11-12 15:01
Cherishe
阅读(46)
评论(0)
推荐(0)
摘要：
react 中组件如何进行数据传值？（必会） 点击查看代码 父级传递子级：把数据挂载子组件的属性上，子组件通过 this.props 来接收父组件的数据。 子级传递父级：父级需要定义一个修改数据的方法，把修改数据的方法传给子组件，当子 组件需要修改父级数据时，调用父级传过来的修改方法 兄弟组件传递： 阅读全文
posted @ 2022-11-12 14:59
Cherishe
阅读(65)
评论(0)
推荐(0)
摘要：
为什么在 componentDidMount()中请求数据？（必会） 点击查看代码 componentDidMount 方法中的代码，是在组件已经完全挂载 到网页上才会调用被执行，所以可以保证数据的加载 阅读全文
posted @ 2022-11-12 14:58
Cherishe
阅读(27)
评论(0)
推荐(0)
摘要：
何为高阶组件(higherordercomponent) (必会） 点击查看代码 高阶组件是一个以组件为参数并返回一个新组件的函数。HOC 运行你重用代码、逻辑和引 导抽象，最常见的可能是 Redux 的 connect 函数，除了简单分享工具库和简单的组合，HOC 最好 的方式是共享 react 阅读全文
posted @ 2022-11-12 14:55
Cherishe
阅读(93)
评论(0)
推荐(0)
摘要：
何为受控组件(controlledcomponent) ？（必会） 点击查看代码 在 HTML 中，类似 <input>,<textarea>和<select> 这样的表单元素会维护自身的状态，并 基于用户的输入来更新，当用户提交表单时，前面提到的元素的值将随表单一起被发送，但在 react 中会有 阅读全文
posted @ 2022-11-12 14:54
Cherishe
阅读(32)
评论(0)
推荐(0)
摘要：
组件的状态(state)和属性(props)之间有何不同？（必会) 点击查看代码 State 是一种数据结构，用于组件挂载时所需数据的默认值。State 可能会随着时间的推移 而发生突变，但多数时候是作为用户事件行为的结果。Props(properties 的简写)则是组件的配置。 props 由父 阅读全文
posted @ 2022-11-12 14:52
Cherishe
阅读(111)
评论(0)
推荐(0)
摘要：
类组件(Classcomponent)和函数式组件 (Functionalcomponent)之间有何不同？（必会) 点击查看代码 类组件：类组件不仅允许你使用更多额外的功能，如组件自身的状态和生命周期钩子，也 能使组件直接访问 store 并维持状态。函数式组件：当组件仅是接收 props，并将组 阅读全文
posted @ 2022-11-12 14:50
Cherishe
阅读(65)
评论(0)
推荐(0)
摘要：
展示组件(Presentationalcomponent)和容器组件 (Containercomponent)之间有何不同？（必会) 点击查看代码 展示组件：展示专门通过 props 接受数据回调，并且几乎不会有自身的状态。 容器组件：展示组件或者其他容器组件提供容器和行为；并调用 actions， 阅读全文
posted @ 2022-11-12 14:47
Cherishe
阅读(117)
评论(0)
推荐(0)
摘要：
ControlledComponent 与 UncontrolledComponent 之间的区别是什么？（必会) 点击查看代码 Controlled Component。通过截获控件 onChange 方法，从而将 value 控制于组件 UnControlled Component 不截获控件的 阅读全文
posted @ 2022-11-12 14:45
Cherishe
阅读(20)
评论(0)
推荐(0)
摘要：
列出 Redux 的组件（必会） 点击查看代码 Action – 这是一个用来描述发生了什么事情的对象 Reducer – 这是一个确定状态将如何变化的地方 Store – 整个程序的状态/对象树保存在 Store 中 View – 只显示 Store 阅读全文
posted @ 2022-11-12 14:44
Cherishe
阅读(30)
评论(0)
推荐(0)
摘要：
createElement 和 cloneElement 有什么区别？（必会) 点击查看代码 传入的第一个参数不同 react.createElement(): JSX 语法就是用 react.createElement()来构建 react 元素的。 它接受三个参数，第一个参数可以是一个标签名。如 阅读全文
posted @ 2022-11-12 14:42
Cherishe
阅读(65)
评论(0)
推荐(0)
摘要：
事件在 react 中的处理方式？（必会） 点击查看代码 React元素的事件处理和DOM元素类似，但有一点语法上的不同： React事件绑定属性的命名采用驼峰式写法，而不是小写 如果采用JSX的语法，咱们需要传入一个函数作为事件处理函数，而不是一个字符串（DOM元素的写法） 阅读全文
posted @ 2022-11-12 14:39
Cherishe
阅读(23)
评论(0)
推荐(0)
摘要：
在 react 当中 Element 和 Component 有何区别？（必会） 点击查看代码 reactElement 是描述屏幕上所见的内容的数据结构,是对于 UI 的对象的表述.典型的。 reactElement 就是利用 JSX 构建的声明式代码片段,然后被转化为 createElement 阅读全文
posted @ 2022-11-12 14:36
Cherishe
阅读(109)
评论(0)
推荐(0)
摘要：
简述 flux 思想？（必会) 点击查看代码 1、用户访问 View 2、View 发出用户的 Action 3、Dispatcher 收到 Action,要求 Store 进行相应的更新 4、Store 更新后，发出一个"change"事件 5、View 收到"change"事件后，更新页面 阅读全文
posted @ 2022-11-12 14:34
Cherishe
阅读(40)
评论(0)
推荐(0)
摘要：
(在构造函数中)调用 super(props)的目的是什么？（必会） 点击查看代码 在 super() 被调用之前，子类是不能使用 this 的，在 ES2015 中，子类必须在 constructor 中 调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 阅读全文
posted @ 2022-11-12 14:32
Cherishe
阅读(51)
评论(0)
推荐(0)
摘要：
setState 第二个参数的作用？（必会） 点击查看代码 第一个参数是要改变的 state 对象, 第二个参数是 state 导致的页面变化完成后的回调，等价 于 componentDidUpdate 阅读全文
posted @ 2022-11-12 14:30
Cherishe
阅读(140)
评论(0)
推荐(0)
摘要：
除了在构造函数中绑定 this，还有其它方式吗？（必会） 点击查看代码 你可以使用属性初始值设定项(property initializers)来正确绑定回调，create-react-app 也是 默认支持的。在回调中你可以使用箭头函数，但问题是每次组件渲染时都会创建一个新的回调 阅读全文
posted @ 2022-11-12 14:28
Cherishe
阅读(29)
评论(0)
推荐(0)
摘要：
你怎么理解 redux 的 state 的？ 点击查看代码 数据按照领域（Domain）分类，存储在不同的表中，不同的表中存储的列数据不能重复； 表中每一列的数据都依赖于这张表的主键，表中除了主键以外的其他列，互相之间不能有直接依 赖关系；把整个应用的状态按照领域（Domain）分成若干子 Stat 阅读全文
posted @ 2022-11-12 14:27
Cherishe
阅读(21)
评论(0)
推荐(0)
摘要：
redux 本身有什么不足？ 点击查看代码 1、向事件池中追加方法时，没有做去重处理 2、把绑定的方从在事件池中移除掉时，用的是 arr.splice(index,1)，这样可能会引起数组塌 陷 3、reducer 中 state，每次返回都需要深克隆，可以在 redux 中获取状态信息时，深克隆， 阅读全文
posted @ 2022-11-12 14:25
Cherishe
阅读(45)
评论(0)
推荐(0)
摘要：
调用 setState 之后发生了什么？ 点击查看代码 当调用 setState 后，新的 state 并没有马上生效渲染组件，而是，先看执行流中有没有在批 量更新中，如果有，push 到存入到 dirtyeComponent 中，如果没有，则遍历 dirty 中的 component， 调用 up 阅读全文
posted @ 2022-11-12 14:24
Cherishe
阅读(125)
评论(0)
推荐(0)
摘要：
请列举定义 react 组件的中方法？ 点击查看代码 1、函数式定义的无状态组件 2、es5 原生的方式 react.createClass 方式 3、es6 中 extends react.Component 定义的组件 阅读全文
posted @ 2022-11-12 14:23
Cherishe
阅读(26)
评论(0)
推荐(0)
摘要：
react 中 refs 的作用是什么？ 点击查看代码 Refs 是 react 提供给我们的安全访问 DOM 元素或者某个组件实例的句柄，我们可以为元 素添加 ref 属性然后在回调函数中接受该元素在 DOM 树中的句柄，该值会作为回调函数的第一 个参数返回 阅读全文
posted @ 2022-11-12 14:21
Cherishe
阅读(52)
评论(0)
推荐(0)
摘要：
react 中 keys 的作用是什么? 点击查看代码 Keys 是 react 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。 在 react Diff 算法中 react 会借助元素的 Key 值来判断该元素是 阅读全文
posted @ 2022-11-12 14:20
Cherishe
阅读(44)
评论(0)
推荐(0)
摘要：
react 性能优化是哪个周期函数？ 点击查看代码 shouldComponentUpdate 阅读全文
posted @ 2022-11-12 14:18
Cherishe
阅读(27)
评论(0)
推荐(0)
摘要：
shouldComponentUpdate 是做什么的？ 点击查看代码 shouldComponentUpdate 这个方法用来判断是否需要调用 render 方法重新绘制 dom，因为 DOM 的描绘非常消耗性能，如果我们能在 shouldComponentUpdate 方法中能够写出更优化的 d 阅读全文
posted @ 2022-11-12 14:17
Cherishe
阅读(50)
评论(0)
推荐(0)
摘要：
react 与 angular 有何不同 点击查看代码 react 是 Facebook 出品，angular 是 Google react 只有 MVC 中的 C，angular 是 MVC react 使用虚拟 DOM，angular 使用真实 DOM react 是单项数据绑定，angular 阅读全文
posted @ 2022-11-12 14:16
Cherishe
阅读(49)
评论(0)
推荐(0)
摘要：
什么是 JSX？为什么浏览器无法读取 JSX？ 点击查看代码 JSX 是 JavaScript XML 的简写，是 react 使用的一种文件，它利用 JavaScript 的表现力和 类似 HTML 的模板语法，得 HTML 文件非常容易理解。此文件能使应用非常可靠，并能够提高 其性能，浏览器只能 阅读全文
posted @ 2022-11-12 14:14
Cherishe
阅读(452)
评论(0)
推荐(0)
摘要：
谈谈你对 react 的了解 点击查看代码 react 是 Facebook 开发的前端 JavaScript 库,V 层：react 并不是完整的 MVC 框架，而是 MVC 中的 C 层 虚拟 DOM：react 引入虚拟 DOM，每当数据变化通过 reactdiff 运算，将上一次的虚拟 DO 阅读全文
posted @ 2022-11-12 14:13
Cherishe
阅读(25)
评论(0)
推荐(0)
摘要：
关键技术 点击查看代码 1、使用 react 官方脚手架工具提供的工作流快速搭建和开发项目 2、使用阿里旗下 antd-mobile 组件库搭建页面结构 3、使用 react-Router-DOM 作为前端路由管理复杂的页面 4、使用地图 API 实现地理定位，在地图中直接查找房源等实用功能 5、在 阅读全文
posted @ 2022-11-12 14:09
Cherishe
阅读(33)
评论(0)
推荐(0)
摘要：
点击查看代码 产品 PM、研发 RD、测试 QA，运维 OP 阅读全文
posted @ 2022-11-12 14:06
Cherishe
阅读(37)
评论(0)
推荐(0)
摘要：
开发流程 点击查看代码 产品提出需求 > 画出原型图 >开会评审 >安排工期(各部门商 量) >ui 设计图 >研发(设计接口文档并编写前后端代码) >边开发边 自测 >上线 >回测 >维护项目 阅读全文
posted @ 2022-11-12 14:04
Cherishe
阅读(22)
评论(0)
推荐(0)
摘要：
项目搭建-react-app 点击查看代码 项目搭建 1、使用脚手架 create-react-app 初始化项目 2、进入到项目根目录并使用 npm start 安装 3、安装 antd-mobile 组件 4、导入组件、导入样式 5、安装路由 react-router-dom 等 阅读全文
posted @ 2022-11-12 14:03
Cherishe
阅读(23)
评论(0)
推荐(0)
摘要：
开发中遇到的问题-移动端 点击查看代码 1 使用 Link 去跳转的时候，发现浏览器的地址栏的确 url 变了， 但是这个页面的内容没有发现变化 在路由匹配的组件上加上 exact 属性 2 页面刷新后, 轮播图无法自动滚动 在 state 中添加轮播图数据是否加载完成的状态，在轮播图数据加载完成时 阅读全文
posted @ 2022-11-12 13:59
Cherishe
阅读(18)
评论(0)
推荐(0)
摘要：
前端性能优化 点击查看代码 如何进行前端性能优化？（必会） 1、减少 http 请求 减少 HTTP 请求的方案主要有：合并 JavaScript 和 CSS文件、合并图片 CSS Sprites、图像映射（Image Map）和使用 Data URI 来编码图片，图片较多的页面也可以使用 lazy 阅读全文
posted @ 2022-11-12 13:56
Cherishe
阅读(26)
评论(0)
推荐(0)
摘要：
一个页面上有大量的图片，加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验 点击查看代码 图片懒加载，在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端的距 离与页面的距离，如果前者小于后者，优先加载。 如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和 阅读全文
posted @ 2022-11-12 13:54
Cherishe
阅读(182)
评论(0)
推荐(0)
摘要：
兼容问题 点击查看代码 1、图片加 a 标签在 IE9 中会有边框（必会） 解决方案：img{border:none;} 2、rgba 不支持 IE8（必会） 解决方案:可以用 opacity eg:opacity:0.7;/*FF chrome safari opera*/ filter:alph 阅读全文
posted @ 2022-11-12 13:51
Cherishe
阅读(59)
评论(0)
推荐(0)
摘要：
关于计算机相关术语的介绍 点击查看代码 了解计算机相关术语的目的：作为一个计算机相关专业的学生来说，大学开设的课程 有： 计算机基础、网页设计、计算机组成原理、数据结构、C 语言、C++、java、.net、计 算机网络、高等数学、线性代数、离散数学、概率论、操作系统、软件测试、linux、汇编语 阅读全文
posted @ 2022-11-12 13:46
Cherishe
阅读(48)
评论(0)
推荐(0)
摘要：
计算机网络的分层体系结构 点击查看代码 物理层：物理接口规范,传输比特流,网卡是工作在物理层的. 数据链路层：成帧,保证帧的无误传输,MAC 地址,形成 EHTHERNET 帧 数据链路层在不可靠 的物理介质上提供可靠的传输。该层的作用包括：物理地址寻址、数据的成帧、流量控制、 数据的检错、重发等。 阅读全文
posted @ 2022-11-12 13:31
Cherishe
阅读(97)
评论(0)
推荐(0)
摘要：
计算机相关知识 点击查看代码 存储器：是计算机的重要组成部分. 它可分为： 计算机内部的存储器（简称内存） 计算机外部的存储器（简称外存） 内存储器从功能上可以分为：读写存储器 RAM、只读存储器 ROM 两大类 阅读全文
posted @ 2022-11-12 13:27
Cherishe
阅读(28)
评论(0)
推荐(0)
摘要：
RAM 和 ROM 的区别 点击查看代码 RAM：（Ramdom Access Memory）易挥发性随机存取存储器，高速存取，读写时间相等， 且与地址无关，如计算机内存等。RAM 表示的是读写存储器，可以与任一存储单元进行读 或写操作，计算机关闭电源后其内的信息将不在保存，再次开机需要重新装入，通 阅读全文
posted @ 2022-11-12 13:25
Cherishe
阅读(548)
评论(0)
推荐(0)
摘要：
浏览器 点击查看代码 1、浏览器相关知识介绍： 浏览器是指可以显示网页服务器或者文件系统的 HTML 文件（标准通用标记语言的一个 应用）内容，并让用户与这些文件交互的一种软件。 它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是 连接其他网址的超链接，用户可迅速及轻易地浏 阅读全文
posted @ 2022-11-12 13:24
Cherishe
阅读(231)
评论(0)
推荐(0)
摘要：
服务器 点击查看代码 1、介绍 服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行 处理，因此一般来说服务器应具备承担服务并且保障服务的能力。 服务器的构成包括处理器、硬盘、内存、系统总线等，和通用的计算机架构类似，但是 由于需要提供高可靠的服务，因此在处理能力、稳定性、可 阅读全文
posted @ 2022-11-12 13:20
Cherishe
阅读(88)
评论(0)
推荐(0)
摘要：
经典编程算法 点击查看代码 1、快速排序算法 2、堆排序算法 3、归并排序 4、二分查找算法 5、BFPRT（线性查找算法） 6、DFS（深度优先搜索） 7、BFS（广度优先搜索） 8、Floyd-Warshall all-pairs 最短路径算法 阅读全文
posted @ 2022-11-12 13:18
Cherishe
阅读(22)
评论(0)
推荐(0)
摘要：
经典排序算法 点击查看代码 1、插入排序—直接插入排序(Straight Insertion Sort) 2、插入排序—希尔排序（Shell`s Sort） 3、选择排序—简单选择排序（Simple Selection Sort） 4、选择排序—堆排序（Heap Sort） 5、交换排序—冒泡排序（ 阅读全文
posted @ 2022-11-12 13:16
Cherishe
阅读(28)
评论(0)
推荐(0)
摘要：
黑盒、白盒、灰盒测试 点击查看代码 白盒测试： 白盒测试也称为结构测试或逻辑驱动测试，是针对被测单元内部是如何进行工作的测试。 它根据程序的控制结构设计测试用例，主要用于软件或程序验证。白盒测试法检查程序内部 逻辑结构，对所有的逻辑路径进行测试，是一种穷举路径的测试方法，但即使每条路径都测 试过了， 阅读全文
posted @ 2022-11-12 13:15
Cherishe
阅读(273)
评论(0)
推荐(0)
摘要：
二叉排序树 点击查看代码 定义：二叉排序树或者是一棵空树，或者是具有下列性质的二叉树： （1）若左子树不空，则左子树上所有结点的值均小于或等于它的根结点的值； （2）若右子树不空，则右子树上所有结点的值均大于或等于它的根结点的值； （3）左、右子树也分别为二叉排序树 详见：http://m.blog 阅读全文
posted @ 2022-11-12 13:08
Cherishe
阅读(77)
评论(0)
推荐(0)
摘要：
如何告诉 react 它应该编译生产环境版本 点击查看代码 通常情况下我们会使用 webpack 的 DefinePlugin 方法来将 node_ENV 变量值设置为 production。编译版本中 react 会忽略 propType 验证以及其他的告警信息，同时还会降低代码库 的大小，rea 阅读全文
posted @ 2022-11-12 13:02
Cherishe
阅读(37)
评论(0)
推荐(0)
摘要：
react,redux 可以否运行在服务端，有什么优势 点击查看代码 利于 SEO、提高首屏渲染速度、同构直出，使用同一份 JS 代码实现，便于开发和维护 阅读全文
posted @ 2022-11-12 13:00
Cherishe
阅读(25)
评论(0)
推荐(0)
摘要：
react 中 render()的目的 点击查看解答 每个 react 组件强制要求必须有一个 render()。它返回一个 react 元素，是原生 DOM 组件的表 示,如果需要渲染多个 HTML 元素，则必须将它们组合在一个封闭标记内，例如<form>、<group>、 <div>等,此函数必 阅读全文
posted @ 2022-11-12 12:57
Cherishe
阅读(71)
评论(0)
推荐(0)
摘要：
react 渲染机制 点击查看解析 1、当页面一打开，就会调用 render 构建一棵 DOM 树 2、当数据发生变化（ state | props ）时，就会再渲染出一棵 DOM 树 3、此时，进行 diff 运算，两棵 DOM 树进行差异化对比，找到更新的地方进行批量改动 阅读全文
posted @ 2022-11-12 12:14
Cherishe
阅读(41)
评论(0)
推荐(0)
摘要：
//安装 yarn add vue-i18n@8.0.0 //封装引入并暴露 src/lang/index.js import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18 阅读全文
posted @ 2022-11-12 12:07
Cherishe
阅读(54)
评论(0)
推荐(0)
摘要：
setState 何时同步何时异步？ 点击查看代码 1、setState 只在合成事件（react 为了解决跨平台，兼容性问题，自己封装了一套事件机制， 代理了原生的事件，像在 jsx 中常见的 onClick、onChange 这些都是合成事件）和钩子函数（生命 周期）中是“异步”的，在原生事件和 阅读全文
posted @ 2022-11-12 11:50
Cherishe
阅读(61)
评论(0)
推荐(0)
摘要：
//安装 yarn add screenfull@5.0.0 //导入 import screenfull from 'screenfull' //模块位置： <svg-icon icon-class="fullscreen" style="margin-right: 20px" @click="f 阅读全文
posted @ 2022-11-12 11:33
Cherishe
阅读(259)
评论(0)
推荐(0)
摘要：
export default { // 按钮权限 methods: { showBtn(code) { return ( this.$store.state.user.userInfo.roles && this.$store.state.user.userInfo.roles.points.inc 阅读全文
posted @ 2022-11-12 10:41
Cherishe
阅读(25)
评论(0)
推荐(0)
摘要：
//解决：切换帐号时上一帐号权限会影响下一帐号 import { resetRouter } from '@/router' // 删除用户信息与token logout(state) { state.token = '' state.userInfo = '' // 重置路由 resetRoute 阅读全文
posted @ 2022-11-12 10:13
Cherishe
阅读(30)
评论(0)
推荐(0)
摘要：
directives/index.js 自定义指令： // 按钮权限控制 showButton: { inserted(dom, obj) { if (!store.state.user.userInfo.roles.points.includes(obj.value)) { dom.style.d 阅读全文
posted @ 2022-11-12 10:06
Cherishe
阅读(34)
评论(0)
推荐(0)
摘要：
Proxy error: Could not proxy request /sys/profile from localhost:8888 to http://localhost:3000/api. See https://nodejs.org/api/errors.html#errors_comm 阅读全文
posted @ 2022-11-12 09:47
Cherishe
阅读(36)
评论(0)
推荐(0)
摘要：
<template> <!-- 查： 1：定义api 2:导入api 3:进入页面就调用api获取数据并存储 4：渲染数据 增： 1：创建一个弹框组件 2：导入注册使用 3：点击新增打开弹框 4：完成弹框组件布局 5：完成表单验证 6：定义与导入新增api 7:在表单验证成功后调用新增api 8:调 阅读全文
posted @ 2022-11-12 09:26
Cherishe
阅读(56)
评论(0)
推荐(0)
摘要：
<template> <!-- 组件v-model xxx v-model='abc' :value="abc" @input="abc=$event" xxx组件内 props:{ abc:{ required:true, } } this.$emit('input',实参值) --> <!-- 阅读全文
posted @ 2022-11-12 09:24
Cherishe
阅读(32)
评论(0)
推荐(0)
摘要：
/* eslint-disable */ // 1:下载 file-saver xlsx,如果出现问题，如果以前是yarn,先执行yarn 如果还不行，再执行npm i 再运行，如果还不行自行调整版本 yarn add 插件名@版本号 // // 文件下载生成 import { saveAs } f 阅读全文
posted @ 2022-11-12 09:06
Cherishe
阅读(243)
评论(0)
推荐(0)
摘要：
/* eslint-disable */ import { saveAs } from 'file-saver' import JSZip from 'jszip' export function export_txt_to_zip(th, jsonData, txtName, zipName) { 阅读全文
posted @ 2022-11-12 09:04
Cherishe
阅读(41)
评论(0)
推荐(0)
浙公网安备 33010602011771号