weixin_71893746的博客

原创 7月面试题（Lin）

响应式设计（Responsive Design）是一种网页设计方法，旨在提供适应不同设备和屏幕尺寸的最佳用户体验。它基于以下原则和技术来实现自动调整布局和内容。弹性布局：使用相对单位（如百分比）和弹性容器（如 Flexbox 或 Grid）来创建灵活、自适应的布局。这使得网页能够根据屏幕尺寸进行伸缩和调整。媒体查询（Media Queries）：使用 CSS3 的媒体查询技术，根据不同的设备尺寸和特性，应用不同的样式规则。媒体查询可以根据屏幕宽度、高度、设备方向、分辨率等条件来选择不同的样式。

原创 小漏点（各种漏点）

在项目中发现的漏点。

原创 面试题--小小总结

面试题很重要，持久更新！！！

原创 面试题总结

响应式设计（Responsive Design）是一种网页设计方法，旨在提供适应不同设备和屏幕尺寸的最佳用户体验。它基于以下原则和技术来实现自动调整布局和内容。弹性布局：使用相对单位（如百分比）和弹性容器（如 Flexbox 或 Grid）来创建灵活、自适应的布局。这使得网页能够根据屏幕尺寸进行伸缩和调整。媒体查询（Media Queries）：使用 CSS3 的媒体查询技术，根据不同的设备尺寸和特性，应用不同的样式规则。媒体查询可以根据屏幕宽度、高度、设备方向、分辨率等条件来选择不同的样式。

原创 面试题（LIN）

响应式设计（Responsive Design）是一种网页设计方法，旨在提供适应不同设备和屏幕尺寸的最佳用户体验。它基于以下原则和技术来实现自动调整布局和内容。弹性布局：使用相对单位（如百分比）和弹性容器（如 Flexbox 或 Grid）来创建灵活、自适应的布局。这使得网页能够根据屏幕尺寸进行伸缩和调整。媒体查询（Media Queries）：使用 CSS3 的媒体查询技术，根据不同的设备尺寸和特性，应用不同的样式规则。媒体查询可以根据屏幕宽度、高度、设备方向、分辨率等条件来选择不同的样式。

原创 webSocket心跳机制（vue）

当接收到服务器返回的心跳包时，说明连接正常，心跳检测重置，那么会清除外层定时器，这就意味着里层定时器根本不会执行，也就不用重连或执行其他操作。如果没有正常返回，外层定时器就不会被清除，里层定时器就会执行，可能会执行重连或其他操作。首先在连接成功的回调里就开始发送心跳机制。

原创 封装uni.request

创建一个request.js文件。在main.js中挂载请求。

原创 pinia+vue3

在src中创建一个文件夹store，再建一个index.js文件，使用defineStore（）定义store。首先 将pinia挂在app上（main.js）

原创 v-model代替子传父来封装模态框（vue3）

2.在子组件中定义一个方法，在该方法中调用emit方法，emit方法从setup函数的第二个参数中解构得出。3.emit方法有2个参数，第一个参数是自定义的事件，第二个参数是要传递的数据，如。1.布局方面，有遮罩层，模态框水平居中，模态的头部左边是标题，右边是关闭按钮。2.用一个变量来控制模态框的显示与隐藏，使用v-model传递。来改变父组件中v-model的值，也就是改变了父组件中的数据。5.需要使用父传子开打开模态框，使用子传父来关闭等。1.在父组件中的子组件标签上绑定一个自定义属性。

原创 provide和inject方法（vue3）

provide()和inject()可以实现嵌套组件之间的数据传递，且只能在setup()中使用。父组件中使用provide()函数向下传递数据，子组件中使用inject()获取上层传递来的数据。

原创 vue3中watch的应用（登录时按钮是否禁用）

场景：当用户将账号与密码都输入后，登录按钮才可以使用，否则为禁用。利用vue3中的watch可以监听多个值。

原创 react中使用百度地图开发平台（部分使用）

首先需要在public文件夹的index.html中引入。还要下载第三方库：npm i react-bmapgl。React-BMapGL文档。

原创 文字滚动（vue）

【代码】文字滚动（vue）

原创 vue验证码

点击登录按钮，先校验表单，是否符合要求，符合要求valid为true，再进行对验证码的判断，如果验证码正确就向后端请求返回token等逻辑。随机验证码图片是引入的js文件new出来的。生成随机验证码的js文件。表单中，随机验证码的位置。

原创 导出vue表格生成excel表格

【代码】导出vue表格生成excel表格。

原创 vue2路由动画（局部）

【代码】vue2路由动画（局部）

原创 上传图片（Ant Design Upload+express ）

前端使用组件Ant Design中Upload，但不用getBase64这个函数。还要建一个文件夹upload。

原创 三级联动（Ant Design Mobile）

PS：CascadePicker的options属性的值必须是有value，label，如果有下一级就要有children。前端使用的是Ant Design Mobile中的picker选择器系列中的。后端使用的是express。

原创 改造通讯录（城市列表）

Array(26).fill('') 表示empty被空字符串填充 ['', '', '', '', '']

原创 抛物线小球（加入购物车）

【代码】抛物线小球（加入购物车）

原创 图片细节放大

【代码】图片细节放大。

原创 vue与mongodb（时间过滤器）

vue里定义当前时间用this.formOne.time = new Date()时间的过滤器，在vue的main.js里定义全局的。在mongodb里的时间类型写成Date。首先要npm i moment。再在main.js里引入。最后在vue文件中使用。最后获取到的数据就是。

原创 图片放大（html）

原创 redux（函数组件——精简版）

派发行为：store.dispatch（{type:'xxx',data:'data'}）三、创建redux文件夹，里面是store.js文件和reducer.js文件。主要是写对数据的操作，如添加，修改，删除等，注意一定要深拷贝，否则页面不会刷新。监听数据的变化，来更新页面：store.subScribe（）创建store：createStore（）读取数据：store.getState（）二、在App.js中正常引入组件即可。四、读取数据和派送行为。

原创 react-redux（函数组件——精简版）

三、 创建文件夹redux，文件分别是store.js和reducer.js。一、 在入口文件index.js中用Provider标签包裹。四、 渲染的组件 (page/Index.js)二、 在App.js文件中正常引入文件。

原创 随机生成十六进制的颜色

【代码】随机生成十六进制的颜色。

原创 给class组件赋予函数组件的能力（useNavigate）

需求：想让一个class组件使用函数组件中的Hooks——useNavigate来实现页面的跳转及传参，也是使用了高阶组件。

原创 路由动画（v6）

react

原创 React-高阶函数 (装饰模式)

高阶函数

原创 React-Node（用axios）

react与node前后端连接

原创 React-router（路由表-函数组件-v6）

react-router

原创 React类组件中的context（拆分好的）

类组件的context

原创 useContext（拆分好的）

拆分的useContext

原创 useContext（没拆分的）

useContext