- 博客(57)
- 收藏
- 关注
RSS订阅
原创 patch-package打补丁（以react-intl-universal报错问题为例）
patch-package打补丁包，以修复react-intl-universal问题为例
2024-03-18 12:08:26
614
原创 linux环境nginx安装及使用
一次安装单独安装(一次安装有问题时可使用)可以编译 C,C++,Ada,Object C和Java等语言（安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境）pcre是一个perl库，包括perl兼容的正则表达式库，nginx的http模块使用pcre来解析正则表达式，所以需要安装pcre库zlib库提供了很多种压缩和解压缩方式nginx使用zlib对http包的内容进行gzip，所以需要安装。
2024-02-05 18:29:08
429
原创 自定义指令封装
使用场景：拖拽拉伸左侧菜单的宽度（左侧为原本宽度，右侧为将要拉伸到的宽度）v-copy=的值，就是需要拷贝的值，点击即可实现拷贝。在main.js导入index.js即可。
2024-01-19 15:21:03
414
原创 自动模块化工具函数封装
router、api、store等实现模块化时，需要依次引入、命名并注册（如图所示），不但容易造成代码臃肿，而且还严重影响了开发效率。本文通过封装一个自动模块化函数，实现模块需要模块化的文件的自动引入以及注册，可以极大的提升开发效率。[在这里插入图片描述](https://img-blog.csdnimg.cn/direct/987490b7adcc4449b6bea70bfdc2edbf.png。（确保moudules中的每个文件抛出的都仅有一个对象），如图所示。
2024-01-18 17:31:00
412
原创 vue请求代理查看真实地址
vue使用proxy代理地址，进行前后端联调时，服务不通时很难发现问题在哪里，所以此文讲述了可以查看访问的真实地址的相关配置，包括webpack和vite。
2024-01-08 16:38:51
5561
4
原创 网络相关面试题
参考答案：针对 HTTPS 攻击主要有 SSL 劫持攻击和 SSL 剥离攻击两种。SSL 劫持攻击是指攻击者劫持了客户端和服务器之间的连接，将服务器的合法证书替换为伪造的证书，从而获取客户端和服务器之间传递的信息。这种方式一般容易被用户发现，浏览器会明确的提示证书错误，但某些用户安全意识不强，可能会点击继续浏览，从而达到攻击目的。
2023-12-20 17:32:20
843
原创 前端工程化面试题
推荐阅读：https://tsejx.github.io/webpack-guidebook/principle-analysis/operational-principle/tree-shaking参考答案：tree-shaking 仅支持 ESM 的静态导入语法，对于 CMJ 或者 ESM 中的动态导入不支持 tree shaking。具体流程主要分为两步：标记和删除标记。
2023-12-20 17:25:53
1140
原创 vue面试题
参考答案：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新（详细的钩子函数参数见下）。componentUpdated: 被绑定元素所在模板完成一次更新周期时调用。
2023-12-20 16:39:36
889
原创 JS面试题
JavaScript 面试题汇总1. 根据下面 ES6 构造函数的书写方式，要求写出 ES5 的class Example { constructor(name) { this.name = name; } init() { const fun = () => { console.log(this.name) } fun(); } }const e = new Example('Hello');e.init();参考答案：functio
2023-12-20 16:31:53
944
原创 CSS面试题
BFCstickypositon参考答案：响应式设计简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点：兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况第一步：meta 标签为了适应屏幕，多数的移动浏览器会把HTML网页缩放到设备屏幕的宽度。
2023-12-20 16:27:59
1208
原创 HTML面试题
HTML5参考答案：可替换元素是指这样一种元素，它在页面中的大部分展现效果不由CSS决定。比如img元素就是一个可替换元素，它在页面中显示出的效果主要取决于你连接的是什么图片，图片是什么它就展示什么，CSS虽然可以控制图片的尺寸位置，但永远无法控制图片本身。再比如，select元素也是一个典型的可替换元素，它在页面上呈现的是用户操作系统上的下拉列表样式，因此，它的展现效果是由操作系统决定的。所以，同一个select元素，放到不同操作系统的电脑上会呈现不同的外观。
2023-12-20 15:29:29
1158
原创 表格实现合并单元格
当不需要作合并处理时，存储一个和所在列索引值一致的数据即可，当需要作合并处理时，存储一个大于所在列索引值的数据，当需要被合并（即该单元格不会显示）时，存储0；但是什么条件下返回，返回什么值是个问题，所以每个单元格都需要一个数据来控制自己是否需要合并，是否需要被合并，以及如果合并需要合并多少格，通过思路2我们已经实现。因为每一个单元格是否需要合并、是否需要被合并，以及需要合并的话要合并多个单元格，需要用一个固定的数据来控制。- 没有处理，代表不需要合并，也不需要被合并。- 返回1，代表不作合并处理。
2023-12-20 00:25:43
1000
原创 移动端常见操作
一、调用本地摄像头1、input:file 方案示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>
2023-12-19 14:51:29
1286
原创 配置https环境
在使用HTML5的API时，很多API只能在https保证安全的情况下才能开启。这就要求我们在本地开发环境也能够配置https，否则你需要每次部署到配有https的测试环境中才能看到预览效果，这对开发的敏捷度造成了极大的干扰。
2023-12-19 11:54:43
1132
原创 移动端事件
里边点击了一个链接。由于用户可以进行双击缩放或者双击滚动的操作，当用户一次点击屏幕之后，浏览器并不能立刻判断用户是确实要打开这个链接，还是想要进行双击操作。区域内，两个手指（默认为两个手指，多指触控需要单独设置）或多个手指相对（越来越近）移动或相向（越来越远）移动时事件。区域内，一个手指放下并移动事件，即触屏中的拖动事件。这是一个非常方便的制作轮播图的的第三方库，支持各种姿势的轮播，很多大厂也是在自己的移动端网页中使用这个库。可以完美的实现在移端开发的大多数事件，如：点击、滑动、拖动、多点触控等事件。
2023-12-19 11:23:41
1194
原创 响应式设计
所谓媒体查询，指的就是根据一个或多个基于设备类型、具体特点和环境来应用样式。官网:媒体类型媒体特性逻辑运算符网页宽度自动调整尽量少使用绝对宽度字体的大小使用相对单位（rem、em布局尽量使用流式布局。
2023-12-19 10:51:04
828
原创 uniapp
uni-app是一个使用Vue.js开发所有前端应用的框架。开发者编写一套代码，即可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。简单来说，就是一套代码，多端运行优势永久免费（它的盈利方式：流量变现和云服务）跨平台开发。开发效率高学习成本低(vue+小程序)在保持规范、跨平台的前提下，还可以实现每个平台特有的平台能力开发的小程序性能比大多原生小程序还要好相关链接详情。
2023-06-21 13:48:31
112
原创 前端环境搭建
npm config set registry https://registry.npm.taobao.org/ 设置淘宝镜像。nvm install v16.18.0 下载某个版本的node（下载过程可能较慢，耐心等待，估计半小时）nvm uninstall v16.18.0 卸载某个版本的node。nvm list 查看当前所有的node版本（没下载是空的）nvm use v16.18.0 使用某个版本的node。node安装完可以检测npm。npm -V npm版本。
2023-06-15 21:23:48
111
原创 手机键盘回显验证码
必须使用https，且如果是在微信浏览器中访问需要用域名（可以使用gitee部署一个地址来访问）IOS在微信内置浏览器和safari浏览器等部分浏览器中可能出现点击。的问题，可以通过添加长度限制等方法解决。
2023-06-06 11:20:06
245
原创 浏览器的渲染机制
浏览器的渲染机制，也就是从输入url到渲染页面，浏览器都做了些什么，包括解析html、计算样式、布局、分层、绘制、分块、光栅化、画。
2022-11-19 14:47:01
510
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人