- 博客(20)
- 收藏
- 关注
RSS订阅原创 将页面滑动盒子所有内容保存为pdf
页面上有一个id="mold-list"的盒子，里面根据moldList循环渲染了Mold组件，所以id="mold-list"的盒子为固定高度，超出滑动，宽度方面为根据屏幕自适应。现在需要点击按钮将id="mold-list"的盒子里所有内容保存为pdf文件。实现函数：（需安装插件html2canvas 和 jspdf）2、屏幕宽度过宽时，盒子自适应变宽后，pdf文件里横向也会缺失。1、超出高度部分没有获取到。
2024-04-10 16:21:15
157
1
原创 解析JWT token
在前端解析 token 的过程通常涉及到验证 token 的有效性以及提取 token 中包含的信息。Token 通常用于身份验证和授权，例如 JWT（JSON Web Tokens）。）来解析 JWT token。JWT token 通常由三部分组成：头部（header）、载荷（payload）和签名（signature），它们之间由点（首先，你需要从存储中获取 token。是可用的，但在某些 Node.js 环境中可能不可用。）中获取，或者是从服务器响应中获取。函数在当前环境中不可用。
2024-01-09 09:57:18
1315
原创 使用uni-ui 实现下拉搜索框(uniapp+uni-ui+vue3 开发微信小程序)
需求：输入框中输入内容-->远端搜索匹配的选项-->展示选项（可点击选择选项）htm:(一个输入框input + list)
2023-12-22 16:25:59
878
原创 element ui-动态增删表单项及校验
点击添加按钮，增加一条 名称 与数量的表单项；点击每条表单项后面的垃圾桶图标，删除对应表单项。同时对名称和数量增加必填校验；点击确定提交表单信息。
2023-12-15 16:39:44
211
原创 微信扫描普通链接二维码打开小程序
二维码规则：配置为二维码对应的链接，其中最后要加/，这样才可以动态传参。这样类似与测试链接中 https://xxx.xxx.com/?--后端返回的二维码链接地址也要有/，就是说https://xxx.xxx.com/?value=333可以跳转，但https://xxx.xxx.com?1、在微信公众平台-开发管理-开发设置中找到【扫描普通链接二维码打开小程序】去配置二维码链接地址。痛点：每次去扫描管理系统中的二维码到小程序中操作，都必须要先打开小程序进入小程序后再扫描。
2023-11-20 19:45:41
596
1
原创 代码时间复杂度优化（个人笔记）
具体来说,filter()方法需要遍历数组中的每一个元素,并对每个元素进行指定条件的判断。因为需要遍历数组中的所有元素,并将满足条件的元素挑选出来,所以时间复杂度为。3、对children数组中的每个元素调用findcomponentState方法，在ProjectInfo.componentStates数组中找到对应元素，放于reval中，用于后续操作。第三步 findcomponentState 中的用filter进行查找操作 导致整个代码在数组数量大的情况下时间消耗非常大。优化后的查找时间复杂度为。
2023-10-08 10:19:19
61
1
原创 修改elment-ui的el-dialog__body
在非scoped状态下修改，给el-dialog 添加一个专属类名，防止样式污染。在添加scoped属性的style标签下 新增一个style标签。
2023-08-22 10:49:34
567
1
原创 elment-ui 表格翻页后选中记录保留
2.给 type="selection" 的el-table-column 添加属性 reserve-selection。1.el-table 绑定属性row-key为tableRowKey，以表格中每条数据的id作为rowKey。效果：第一页选中1，2两条数据；翻页到第二页 选中1条数据；返回第一页1，2两条数据仍是选中状态。
2023-08-17 11:07:41
232
1
原创 2022面试实战篇----css
.grandchild 的字体大小为 0.8rem = 8px你可以看到,尽管 .child 和 .grandchild 嵌套在使用 em 的父元素内,但它们的大小计算都是相对于根元素的字体大小,因此不会出现尺寸叠加的问题。- item3 的 flex-grow 为 7,即所占比例为 7 / 12 = 58.3%所以最终这三个子元素会按照 25% : 16.7% : 58.3% 的比例布局,实现 3 : 2 : 7 的栅格效果。它是一个独立的渲染区域,让处于BFC内部的元素与外部的元素隔离开来。
2023-04-26 16:21:20
74
原创 说说webpack的热更新是如何做到的？原理是什么？
Webpack的热更新是通过webpack-dev-server实现的。当代码发生变化时，webpack-dev-server会将变化的部分打包成一个补丁文件（chunk）并发送到浏览器端，浏览器端会根据这个补丁文件进行局部更新，而不是重新加载整个页面。总的来说，Webpack的热更新原理就是将需要热更新的模块打包成一个独立的chunk，并通过WebSocket将该chunk的hash值发送到浏览器端，浏览器端通过XMLHttpRequest或者JSONP获取该chunk文件并进行局部更新。
2023-04-14 21:33:58
568
原创 说说Loader和Plugin的区别？编写Loader，Plugin的思路？
Plugin则是用于扩展Webpack功能的工具，它可以在Webpack运行期间执行一些任务，比如生成HTML文件、压缩代码、提取公共代码等。Plugin是通过Webpack的事件机制来实现的，可以在Webpack的不同阶段注册不同的事件来实现不同的功能。Loader是用于对模块的源代码进行转换的工具，它可以将一些非JavaScript文件（如CSS、图片、字体等）转换成JavaScript模块。Loader和Plugin都是webpack的扩展机制，但是它们的作用不同。
2023-04-14 21:31:24
211
原创 3. 说说webpack中常见的plugin？解决了什么问题？
这些插件主要解决了前端开发中资源管理、代码压缩、性能优化等问题。通过使用插件，我们可以自动化完成一些常见的任务，如HTML自动生成、打包目录清理、代码压缩等，减少了手动操作的时间和出错率，提高了开发效率和代码质量。HtmlWebpackPlugin：自动生成HTML文件，并将打包后的JavaScript和CSS文件自动引入HTML文件中，方便在浏览器中查看应用程序。MiniCssExtractPlugin：将CSS文件从JavaScript中分离出来，形成单独的CSS文件，提高浏览器加载CSS文件的效率。
2023-04-14 21:25:58
302
1
原创 3. 说说webpack中常见的Loader?解决了什么问题？
通过使用Loader，我们可以将不同类型的文件转换为可执行的JavaScript、CSS等代码，并将所有资源打包成单个文件，方便在浏览器中加载和使用。Babel-loader：将ES6、TypeScript等高级语言转换为浏览器可以识别的JavaScript代码，解决了不同浏览器对JavaScript语言支持不同的问题。CSS-loader：将CSS文件中的样式转换为JavaScript模块，方便在JavaScript代码中引用，并解决了浏览器对不同CSS特性的兼容性问题。
2023-04-14 21:22:41
168
1
原创 2. 说说webpack的构建流程
加载器转换：Webpack在解析模块时，会根据配置文件中的加载器，将模块转换为可执行的JavaScript代码。解析插件：Webpack在构建过程中，会执行一些插件的钩子函数，来完成一些额外的任务，如代码压缩、文件拷贝等。解析入口文件：Webpack根据配置文件中的入口文件，开始递归解析依赖，找到所有的模块和它们的依赖关系。代码分割：Webpack根据配置文件中的代码分割规则，将代码分割成多个块，每个块可以按需加载。输出文件：Webpack最终将构建好的代码输出到指定的目录下，可以是一个或多个文件。
2023-04-14 21:21:12
130
1
原创 1. 说说你对webpack的理解，解决了什么问题
Webpack是一个现代化的JavaScript应用程序打包工具，它可以将多个JavaScript、CSS、图片等资源打包成单个文件，以便于在浏览器中加载和使用。代码转换：Webpack支持将各种类型的文件（如ES6、TypeScript、Sass、Less等）转换成浏览器可以识别的JavaScript、CSS等文件。模块化管理：Webpack支持模块化开发，可以将应用程序拆分成多个模块，每个模块只关注自己的功能，降低了代码的耦合度，提高了代码的可维护性。
2023-04-14 21:12:01
135
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人