③ Redux
摘要:Redux react 和 redux 实际上是两个独立的产品,项目中可以使用 redux,也可以使用 redux 而不使用 react redux 是一种新型的前端架构模式 1 Redux 设计和使用的三个原则 store 必须是唯一的 只有 store 能改变自己的内容 reducer 可以接受
阅读全文
posted @
2021-09-24 11:24
pleaseAnswer
阅读(24)
推荐(0) 编辑
② React-Router 万物皆组件
摘要:React-Router 万物皆组件 1 路由跳转 1.1 React-Route4 内置组件的使用 npm i react-router-dom 1. 内置组件 HashRouter main.js import React from 'react'; import { render } from
阅读全文
posted @
2021-09-24 11:16
pleaseAnswer
阅读(33)
推荐(0) 编辑
① React
摘要:React DOM diff 算法:所有的 DOM 变动,都先在虚拟 DOM 上发生,然后再将实际发生变动的部分反映在真实 DOM 上(可以极大提高网页的性能) React 是一个视图层框架,而 vue 是一个完整的 MVVM 框架 特点 声明式设计 高性能 -- virtualDOM 组件化开发
阅读全文
posted @
2021-09-24 11:14
pleaseAnswer
阅读(43)
推荐(0) 编辑
② 小程序的宿主环境(简概)
摘要:渲染层和逻辑层 1. 小程序的运行环境分成 渲染层 和 逻辑层 WXML模板和WXSS样式工作在渲染层 JS脚本工作在逻辑层 2. 小程序的渲染层和逻辑层分别由 2个线程 管理 渲染层的界面使用了WebView进行渲染 逻辑层采用JsCore线程运行JS脚本 一个小程序存在多个界面,所以渲染层存在多
阅读全文
posted @
2021-09-17 15:07
pleaseAnswer
阅读(63)
推荐(0) 编辑
① 小程序与普通网页开发的区别
摘要:线程 网页开发 渲染线程 跟 脚本线程 是互斥的; 小程序中二者是分开的,分别运行在不同的线程中。 运行环境 运行环境 逻辑层 渲染层 iOS JavaScriptCore WKWebView 安卓 V8 chromiun定制内核 小程序开发者工具 NWJS Chrome WebView 网页开发可
阅读全文
posted @
2021-09-17 15:04
pleaseAnswer
阅读(208)
推荐(0) 编辑
⑥ 使用vue-seamless-scroll实现无缝滚动
摘要:1. 安装 cnpm install vue-seamless-scroll -s 2. 在main.js中引入 // 无缝滚动插件 import scroll from 'vue-seamless-scroll' Vue.use(scroll) 3. 在vue的组件使用 <div v-if="po
阅读全文
posted @
2021-09-16 12:09
pleaseAnswer
阅读(491)
推荐(0) 编辑
⑧ import
摘要:题目:写出下面代码输出的结果,并做解释 // counter.js let counter = 10; let add = () => { console.log(counter); } export { counter, add }; // index.js add(); import { cou
阅读全文
posted @
2021-09-15 15:06
pleaseAnswer
阅读(106)
推荐(0) 编辑
题目⑦ js是如何实现异步编程的?
摘要:如何实现异步io? 1.回调函数callback 优点:解决了同步的问题(只要有一个任务耗时很长,后面的任务都必须排队等待,会拖延整个程序的执行) 缺点:回调地狱,不能用 try catch 捕获错误,不能 return 2.Promise 优点:解决了回调地狱的问题 缺点:无法取消 Promise
阅读全文
posted @
2021-09-15 10:26
pleaseAnswer
阅读(78)
推荐(0) 编辑
题目⑥ 说一下js的执行机制--事件循环EventLoop
摘要:js是一门 单线程 语言,一切js的多线程都是用单线程模拟出来的 1. 单线程任务 同步任务、异步任务 同步任务进入主线程,异步任务进入Event Table并注册函数 当指定事件完成时,Event Table会将这个函数移入Event Queue 主线程内的任务执行完毕为空,会去Event Que
阅读全文
posted @
2021-09-15 09:26
pleaseAnswer
阅读(65)
推荐(0) 编辑
题目⑤ 说一下js的执行流程
摘要:栗子 print() // 1 console.log(str) // 2 var str = 'hello' // 3 function print() { // 4 console.log(str) } // output: undefined undefined 1. 变量提升 js在执行的过
阅读全文
posted @
2021-09-14 17:24
pleaseAnswer
阅读(153)
推荐(0) 编辑
题目④ 说说对纯函数的理解
摘要:1. 什么是纯函数? 概念:不依赖执行上下文,也不影响上下文的变量,输出只由输入决定 // 非纯函数,输入依赖外部变量 let b = 1 function unPure1(a) { return a + b } // 非纯函数,输出改变外部变量 let o = {} function unPure
阅读全文
posted @
2021-09-14 17:11
pleaseAnswer
阅读(60)
推荐(0) 编辑
题目① display 和 visibility的区别
摘要:1. 基础 display visibility 不占位,点击不触发绑定事件 占位,点击不触发绑定事件 2. dom树的改变,引发回流重绘问题 2.1 重绘repaint 当元素的一部分属性发生变化,如外观背景色不会引起布局变化而需要重新渲染的过程 2.2 回流reflow 当render树中因为大
阅读全文
posted @
2021-09-14 15:55
pleaseAnswer
阅读(56)
推荐(0) 编辑
题目③ 说一下进程和线程的区别
摘要:计算机基础--操作系统 进程和线程的通俗理解 CPU 计算机CPU好比一个在运作的工厂【电力有限,一次只能供给一个车间使用】; 进程 进程好比工厂里的车间,它代表CPU能处理的单个任务; 任一时刻,CPU总是运行一个进程,其它进程处于非运行状态 线程 线程好比车间里的工人,一个进程可以包含多个线程;
阅读全文
posted @
2021-09-14 14:28
pleaseAnswer
阅读(118)
推荐(0) 编辑
题目② 浏览器输入url到页面加载过程发生了什么?
摘要:步骤 DNS 查询 与服务器建立连接(TCP 连接) 请求响应(浏览器发起请求,服务器响应) 浏览器渲染(浏览器接收到响应的内容并渲染到页面) HTTP 连接断开 1 DNS 查询 1.1 DNS 解析流程 通过域名找 ip 的过程 首先,在 本地域名服务器 中根据域名查询 IP 地址,如果没有找到
阅读全文
posted @
2021-09-14 14:26
pleaseAnswer
阅读(68)
推荐(0) 编辑
② elementui table+分页组件封装
摘要:1 table组件 1.1 模板 <template> <div class="table-wrap"> <el-table :data="tableList" highlight-current-row size="small" height="450px" border style="width
阅读全文
posted @
2021-09-13 15:15
pleaseAnswer
阅读(324)
推荐(0) 编辑
面试题--yc
摘要:1. 浏览器的cors是什么,如何解决cors引起的跨域问题,你在平常的项目中常用的跨域方式有那些。 同源访问策略,即域名端口协议一致的浏览器安全限制策略 cors cors是跨域资源共享(Cross-origin resource sharing) cors允许浏览器向跨源服务器发出请求,克服了a
阅读全文
posted @
2021-09-10 10:49
pleaseAnswer
阅读(34)
推荐(0) 编辑
功能⑨ 小程序使用canvas制作海报并转换为图片保存
摘要:总结 文档 微信开发文档 -- canvas 组件的绘图上下文 1. 使用wx.getImageInfo()将头像+二维码转临时路径 beforCreateImage() { let that = this wx.getImageInfo({ src: that.data.avatarUrl, su
阅读全文
posted @
2021-09-08 09:33
pleaseAnswer
阅读(579)
推荐(0) 编辑
笔试题--赞同
摘要:1. 页面布局模型(③种) ① 流动模型flow 默认的网页布局模式 块级元素:自上向下排序,块级元素以行的形式占据位置 行内元素:从左到右排序 ② 浮动模型float float: left; float: right; ③ 层模型layout position: relative; positi
阅读全文
posted @
2021-09-01 15:04
pleaseAnswer
阅读(133)
推荐(0) 编辑