- 博客(21)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3使用pdfjs-dist
如果需要使用点击跳页的话，用一个变量控制 页码，然后在canvas上换成变量，每次跳页就+-数字就好，位置可以自己定位到需要位置。当前时间是可以使用的，刚实现过，后续如果不可以用了，可能是安装东西的版本迭代了。重新安装的时候版本不同了。如果不知道在哪，可以点开node_modules找到pdfjs-dist对应去改一下就好。然后 找到对应位置： // vite.config.ts 文件。版本会引起报各种错，需要注意，实在不行复制错误搜索就好。不分页的话加载过大文件时速度很慢，可以懒加载 ，也可以分页。
2024-03-13 16:39:34
2200
原创 vue中img动态拼接本地地址方法
webpack可以直接用require()来导入，不需要多写一个函数了，这里就不写代码了。在vue中使用img进行动态拼接本地地址时会发现不能直接拼接，然后就可以用到以下办法。这是官网推荐的写法，有兴趣的可以直接查看vite官网的静态资源处理。
2024-03-08 10:59:09
790
原创 vue项目点击跳转在点回来样式丢失，必须刷新才行，解决方案
网上找了很久也没发现什么办法，什么scoped也检查了没问题，后来自己仔细查看代码，给每一个box加入一个display: flex;界面就奇迹般没问题了。至于原因我发现重新点击过来时会变成一行排列，可能是某个全局样式影响了这个排布，因为用的是开源的后台框架，很多地方也不知道有什么东西，以上只是猜测，欢迎大神解读！
2024-02-26 13:24:49
600
原创 高德地图定位获取不到报错INVALID_USER_SCODE
引入地图 JSAPI 脚本之前增加代理服务器设置脚本标签，设置代理服务器域名或地址，将下面示例代码中的「您的代理服务器域名或地址」替换为您的代理服务器域名或ip地址，其中_AMapService为代理请求固定前缀，不可省略或修改。引入地图 JSAPI 脚本之前增加设置 JSAPI 安全密钥的脚本标签，并将您的安全密钥「您申请的安全密钥」替换为您的安全密钥；（本次key升级新增安全密钥，是为了提升广大用户的对自己的key安全有效管理，降低明文传输被窃取的风险。注意是必须搭配安全密钥一起使用！
2022-09-21 10:55:31
6109
1
原创 Git连接Gitee使用
先在gitee创建仓库再当前项目里可以选择右键文件夹gitbashhere git init 初始化 创建.git 文件git add . 添加进缓存区（.前有空格）git status 查看添加内容git commit -m”提交记录“git remote add origin xxx 绑定远程仓库，取新建的仓库里找到就好，运行不会输出东西通过git remote -v来查看绑定情况最后通过 git push -u origin "master" 推送就好了注意如果是要切换gitee用户可以在控制面版的凭
2022-07-28 14:01:01
654
转载 Vue控制台警告： Added non-passive event listener to a scroll-blocking ‘touchmove‘ event. Consider markin
PassiveEventListeners就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为，以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候，代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为，Chrome浏览器称这类型的监听器为被动（passive）监听器。违反没有添加被动事件监听器来阻止'touchstart'事件，请考虑添加事件管理者'passive'，以使页面更加流畅。...
2022-07-27 14:51:20
7062
2
原创 #%#//scriptlet(‘set-constant‘, ‘Document.prototype.browsingTopics‘, ‘undefined‘) trace startVM8278:
edge在运行vue代码时，可能会出现如图信息，虽然不影响正常使用，但是每次刷新都会出现这东西，而且在需要用到控制台时，阅读性极差。这是由于edge浏览器里使用了AdGround广告拦截器造成的，在敲代码时将之关了就好了。 这样控制台就干净了。...
2022-07-12 15:52:20
430
原创 VScode解决按!+tab无法生成HTML模板
在新版本更新后，很多人出现了按 ！+tab 无法出现html模板。以下是解决办法：第一种： 点开左下角设置，搜索 Trigger Expansion On Tab 点击启用即可，但是这样启动后输入！不会出现提示，直接输入后按tab就可以了。第二种：就是用另外一种生成模板的方法把原来的 ！ 改成 html:5 就可以了...
2022-07-09 10:40:04
671
原创 HTML/CSS页面重绘与回流
页面呈现流程 在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解，页面是怎么把html结合css等显示到浏览器上的，下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。 页面呈现流程1、浏览器把获取的HTML代码解析成1个DOM树，html中的每一个tag都是Dom树中的一个节点，根节点就是我们常用的document对象。2、浏览器把所有样式解析成样式结构体，在解析过程中会去掉浏览器不能识别的样式3、domTree和样式结构体结合后呈现树（r
2022-06-28 10:38:05
531
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘push‘)和Uncaught TypeError: Canno
Uncaught TypeError: Cannot read properties of undefined (reading 'push')和Uncaught TypeError: Cannot read properties of undefined (reading 'go')
2022-05-31 16:12:03
2949
1
原创 HBuildX的下载安装教程
`HBuilderX`，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称`HX`。下载链接：HBuilderX-高效极客技巧 (dcloud.io)也可直接搜 HBuildX 官网下载## 让我们简单了解下HX的特点1. 轻巧 仅10余M的绿色发行包(不含插件)2. 极速 不管是启动速度、大文档打开速度、编码提示，都极速响应 C++的架构性能远超Java或Electron架构3. vue开发强化 `HX`对vue做了大...
2022-05-15 23:22:22
652
原创 仿小米商城二维码下拉
这里仿小米商城做的一个鼠标移入效果，当鼠标移入时出现如上图所示效果要做到这个效果，首先添加一个弹出层：然后编写css代码：注意小三角其实就是将边框四边设置为透明然后解除一边的透明即可。如图：即为的效果，也即去除三边边框。然后在设置鼠标移入事件即可：...
2022-03-21 21:49:34
431
原创 设计模式之工厂方法模式（附源码）
概念：工厂方法模式，定义一个用于创建对象的接口，让子类决定实例化那一个类。工厂方法模式使一个类的实例化延迟到其子类。又称为工厂模式，也叫虚拟构造器模式或者多态工厂模式。在工厂方法模式中，工厂父类负责定义创建产品对象的公共接口，而工厂子类则负责生成具体的产品对象，这样做的目的是将产品类的实例化操作延迟到工厂子类中完成，即通过工厂子类来确定究竟应该实例化哪一个具体产品类。package 创建型模式.工厂方法模式;/** * @author 10073 * @date 2021/12/7 * @
2021-12-07 21:05:19
108
原创 设计模式之简单工厂模式（附代码）
简单工厂模式简单工厂模式（静态工厂方法模式）。在一个简单工厂模式中定义一个工厂类，该类能够根据不同参数返回不同类的实例，被创建的实例有共同的父类。特点：通过工厂方法传入参数就能获得一个对象，不需要知道创建细节。package 创建型模式.简单工厂;/** * @author 10073 * @date 2021/12/7 * @TIME 20:14 */abstract class Weapon{ abstract void display();//显示兵器名称}//机关枪继
2021-12-07 20:43:01
389
原创 设计模式七个设计原则及其作用
单一职责原则一个类应该仅有一个引起它变化的原因。即，一个对象应该之包含一个职责，并且这个职责杯完整的封装在一个类中。所谓职责是指类变化的原因，如果一个类有多于一个的动机被改变，那么这个类就具有多于一个的职责。而单一职责原则就是指一个类或者模块应该有且只有一个改变的原因。这是最简单、最容易理解却最不容易做到的一个设计原则，用于控制类的粒度大小作用：1、降低了类的复杂性2、可读性提高3、可维护性提高4、变更引起的风险降低5、单一职责原则是实现高内聚、低耦合的指导方针开闭原则（
2021-12-05 16:55:47
368
原创 设计模式之类之间的六种关系及类图建模步骤
继承：指一个类（称为子类、子接口）继承另外的一个类（称为父接口、父类），子类增加新功能。继承是类于类或者接口与接口之间最常见的关系，在UMl类图中用带空心三角形的实线来表示，空心三角形指向父类，实线开始端指向子类。实现关系：类B实现接口A（可以是多个），那么类B和接口A的关系就是实现关系。在UML类图中，用带空心三角形的虚线表示实现关系。依赖关系：对于类A和类B，如果出现下面情况，称为类A依赖类B：（1）类Ａ中某个方法的形参是类B类型（２）类A中某个...
2021-12-01 21:57:12
1674
原创 设计模式之UML简介
什么是建模？建模是对现实的抽象为什么建模？1.帮助理解用户需求2.帮助进行系统的分析和设计3.帮助团队交流和系统的协同开发4.帮助提高开发速度和质量如何建模？1.需要一系列统一规范的建模符号2.需要一套标准通用的建模规则3.需要一些灵活高效的建模工具4.需要抽象思维软件系统三个模型业务模型描述系统在何时、何地、由何角色、按照什么业务规则去做，以及做的步骤或流程，即对系统的操作流程进行定义。在UML中，业务模型由时序图、交互图、状态图、活动图来表述。
2021-11-30 23:24:11
177
原创 DevTools 无法加载源映射：无法加载chrome-extension://ncennffkjdiamlpmcbajkmaiiiddgioo/js/xl-content.js.map 的内容
错误如图：在这里我使用的是edge浏览器，打开扩展选项关闭所有扩展就可以了 。
2021-11-16 21:35:00
10346
8
原创 vue.runtime.esm.js?ff9b:619 [Vue warn]: data functions should return an object:解析问题
如图所示错误修改方法：将export default中空的data删掉，有时候新建Vue组件时它会自己配置data，删掉即可。data（）{}必须有返回值return
2021-11-16 21:18:04
449
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人