- 博客(361)
- 资源 (19)
- 收藏
- 关注
RSS订阅原创 html2Canvas导出图片文字消失
排查原因得出 打印的子元素 不能 用float: left display: inline-block;代码 经测试 printId是打印的id class：erweima 设置了背景颜色导致失效，erweima去掉红色效果就出来了。
2024-07-25 16:49:03
229
原创 h5 拍照后压缩图片上传 方法直接用
拍照后拿到的是一个file对象， 由于一些手机的相机像素高 拍出的照片比较大需要压缩。思路就是通过 将file对象 通过canvas 压缩 得到新的一个file 上传。uploadFileAjax 是一个上传文件的方法 自己写就可以了。
2024-06-05 15:04:31
402
原创 github项目名称变更sourcetree如何同步
git remote add origin 删除失效仓库 在新建那边重新打开已存在本地的仓库。5.sourcetree上原来的仓库失效 删除。4.手动修改项目文件夹的名字跟服务端保持一致。2.删除本地关联的这个远程仓库origin。3.关联修改名字后的远程仓库地址。1.打开项目所在文件夹的终端。
2024-03-26 13:54:49
452
原创 坑爹的eslint配置
公共的.vscode文件 保存时走selint校验。vscode我这里保存下两个版本下的配置。插件eslint 自己下载。
2024-03-25 15:01:34
391
原创 根据路由动态注册组件失败
这种方式能引入组件成功，并且能打印出com.default。但是刷新页面的时候会出现报错（可能是各种插件的版本导致）这种跟webpack的版本有关系 import低版本不支持传入动态参数。
2024-02-02 16:37:54
520
原创 jenkins 下载插件sentry-cli失败 证书过期
原因是npm原域名停止解析，在访问上面sentry-cli的cdn资源的时候 证书过期无法下载。
2024-01-29 13:57:29
927
原创 webpack优化打包速度
loader 使用 thread-loader 将他放置你要使用的loader前面就行，不过这个lorder例如style-loader不支持的，而且面对比较快的loader也不建议使用，会降低速度。注意：第一次启动会很慢，不改配置都会使用缓存启动，第二次很快，不过第一次加载时间会比不用此插件慢1倍，还有就是build的时候貌似没什么效果，所以慎用！进行文件的热加载的，一个项目启动或者打包的时间，超过40s的时候，可以进行项目的优化和热加载。一套下来，最主要有效果的感觉还是。具体实现参考我另一篇。
2023-11-30 10:27:03
1203
原创 webpack项目 index.html 根据不同的变量引入不同的js
根据配置文件的指令找到执行的文件，env_config变量直接在指令中负值。这里我们使用npm run dev。templateParameters中的变量就能直接在index.html中使用。HtmlWebpackPlugin 项目里用来生成静态文件的。这个插件每个项目基本都要用到的，只要全局搜一下位置。使用插件HtmlWebpackPlugin。
2023-11-21 15:30:01
754
原创 拖拽组件推荐 grid-layout，可以做工作台
文档：https://jbaysolutions.github.io/vue-grid-layout/zh/
2023-11-07 16:11:20
368
原创 element 弹窗浏览器后退-遮照层还存在问题 以及跟vue keep-alive冲突
基本到这能解决问题，不过本项目比较特殊，使用了 keep-alive缓存页面，导致浏览器后退页面是能关闭遮照，但是再次打开弹窗关闭，会出问题。查询官网可以设置 modal-append-to-body=“false”浏览器后退，人为将弹窗关闭。
2023-11-07 16:06:10
375
1
原创 vscode 保存 “index.tsx“失败: 权限不足。选择 “以超级用户身份重试“ 以超级用户身份重试。
操作：mac在文件夹中创建文件，sudo 创建umiJs项目。解决：修改文件夹权限。
2023-10-27 09:25:36
1616
原创 浏览器唤起钉钉 各项功能
文档地址 https://open.dingtalk.com/document/client/unified-routing-protocol。唤起聊天 不过只能唤起叮叮的名片 id为叮叮号。
2023-10-08 14:04:33
977
原创 ERROR in docs.42140ac.js from UglifyJs webpack打包报错
降低uglifyjs-webpack-plugin的版本 “uglifyjs-webpack-plugin”: “1.2.7”,原因是UglifyJs 针对js压缩 不支持es6语法（或者引入的第三方插件存在es6语法）使用的 uglifyjs-webpack-plugin。
2023-09-26 15:41:54
381
转载 element时间日期选择器在日期上增加数字标记显示数字
参考：https://blog.csdn.net/m0_46301672/article/details/128951123。
2023-09-21 16:56:55
513
原创 element 换主题色 2中方案ExtractTextPlugin和MiniCssExtractPlugin
注意：项目依赖于 sass , sass-loader,node-sass 需要安装，不过node-sass已经不维护了，可以只安装sass , sass-loader 不然报错，不过不影响项目运行。
2023-08-01 09:11:45
404
原创 html2Canvas+JsPDF 导出pdf 无法显示网络图片
问题：类似于下面着这种网络图片使用img导出的时候是空白的。解决：将网络图片转成base64。
2023-07-21 14:50:23
1126
原创 webpack项目和vue项目发布，浏览器存在缓存
解决：每次打包出来增加时间戳每次打包后的js名称都不一致。项目打包的js（css也是一致）名称都采用哈希值。打开线上环境 发现资源是缓存的 从network。vue项目处理其实一样，改打包输出的名字。
2023-07-14 16:20:11
1802
原创 element 树形表格每次刷新列表保存展开关闭状态
data中 defaultExpandedKeysList 存放数据。注意 row-key 需要给每行一个key。expand-change 点击行的操作。编辑数据后，记录用户操作行的展开和关闭。
2023-07-12 11:49:35
1376
2
原创 element 封装dialog弹窗组件鼠标移动到弹窗出现title
div上挂了一个title，因为封装组件处理参数使用了 v-bind=“$attrs”单独将title写在props里 看下效果 完美解决。其实通过f12查找元素可以发现一个问题。
2023-07-07 15:56:18
567
原创 sentry 前端监控配置
使用 “@sentry/webpack-plugin”: “^1.12.1”,根目录下新建 .sentryclirc 文件。将叮叮机器人token填入。
2023-05-12 09:06:34
602
原创 qiankun子应用弹窗全局样式污染
通过上述的样式隔离，人为的控制也能达到我们要的效果，但是问题来了子应用弹窗append插入到主应用的body下，不在我们加的class范围内。qiankun有提供自带的沙箱隔离样式，不过据说有点坑未采用，我在项目中采用的是手动增加class 前缀来区别样式。子应用弹窗append插入到主应用的body下，导致主应用的样式影响自应用。1.需要手动加一个class，然后在公共的样式里 包一层。2.不能用插件加，会出现加载的时候样式错乱过一会恢复正常。
2023-04-23 11:20:44
1990
2
原创 qiankun应用级缓存-多页签缓存
应用间切换需要保存页面缓存（多页签缓存），通过vue keep-alive只能实现页面级缓存，在单独打开的应用里能实现缓存，但是子应用切换到主应用，那子应用的缓存失效。第一种qiankun自动检测路有的变化来控制子应用的卸载和加载，我们无法监听到，也就无法去替换vnode，所以采用第二种，手动加载应用（通过路由的变化去监听下就行了）采用子应用切换时，将子应用作为一个vue实例，再次加载时使用保存的实例上的vnode替换vue实例化的时候的render函数。这里要区分是否是首次进入。
2023-04-23 11:07:12
3289
2
原创 vue keep-alive多层级路由支持
注：匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。2.exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。1.include - 字符串或正则表达式。只有名称匹配的组件会被缓存。这个是router-view容器 当你这一层不需要组建的时候 用的。其实逻辑也就是循环遍历后端返回数据，根据key动态的加载页面。我们项目里的路由还是动态的，其实跟上面一样 主要处理。类似于这样的多层级组件是无法支持的。
2023-03-01 18:23:06
1072
原创 mac配置hosts文件 本地调试二级域名共享cookies
例如 aaa.abcd.com 和 bbb.abcd.com 二级域名.abcd.com。一致 存储cookie的时候设置domain。1.快捷键Shift + Command + G 快捷键。3.因为没有权限修改 需要复制一份出去桌面修改。不通的域名下是可以共享的，问题是怎么本地调试？二级域名一样，cookie 共享。保存 然后 复制过去覆盖就行了。mac电脑 找到hosts文件。使用，替换ip就行，保留端口。windows下百度下，
2023-02-15 17:32:59
459
原创 regeneratorRuntime is not defined 报错
安装 devDependencies{“@babel/plugin-transform-runtime”: “^7.18.6”},安装 dependencies:{ “babel-polyfill”: “6.26.0”,}其实就是 兼容async/await的语法 的babel 没有配置 或者配错。配置文件babel.config.js。
2022-12-20 16:31:11
517
原创 vue本地打包文件 运行 liveServer
live-server 是一款 npm 工具，全局安装 npm i -g live-server 后，项目目录使用 live-server 命令行命令便可直接在浏览器中预览（默认找 index.html，其他需要带上文件名空格后跟在后面），并且自动全局监听实时更新。关于live-server配置 可以在setting.json 中去配置 可以百度一下它的属性。
2022-12-15 15:20:43
1549
node.js.zip
2021-04-19
webpack.zip
2021-01-28
jquery1.9.1 支持低版本ajax （ajax前jQuery.support.cors=true ）
2020-12-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人