- 博客(9)
- 收藏
- 关注
原创 前端性能优化盘点
聊到前端性能优化,首当其冲肯定得是白屏时间优化了,脚手架打包的js文件过大,当用户打开首页时,会一次性加载所有的资源,造成首页加载很慢,降低用户体验目标: 缩小打包体积,优化白屏时间组件懒加载一般只用在需要用户手动操作才调用的组件,如dialog、drawer等,我们期望用户操作后去触发组件的加载重新打包后,home.js 和 about.js 中没有了弹框组件的代码,该组件被独立打包成 dialog.js,当用户点击按钮时,才会去加载 dialog.js 和 dialog.css使用组件路由懒
2023-09-28 14:28:40
82
1
原创 关于svg图层嵌套元素拉伸效果实现
需求: 给定一个svg,根据用户手动去框选矩形面积来确定坐标,传递参数使后端在dwg源文件上达到圈定效果依赖库的第三方库: @svgdotjs/svg.js、@svg-resize.js、@svg-select。
2023-08-29 11:10:03
628
6
原创 关于svg图纸实现点击坐标修改svg参数
最近公司有一个需求,挺有意思的实现方式,花了点功夫实现了最近公司有一个需求,挺有意思的实现方式,花了点功夫实现了需求是: 给定一张图纸,如果点击特定的坐标矩阵内,则弹出弹窗进行修改一开始是想着用png来实现,但是图纸又有放大缩小拖拽的需求,加上后端返回的cad源文件的坐标不准(cad图纸的定位是根据cad文件的原点进行定位而不是图纸左上角定位),翻阅svg的特点找到以下实现方式。
2023-08-08 16:59:45
390
原创 vue子组件获取祖先组件值的方法
使用场景如子组件的子组件想获取祖先组件的至或者方法,用props传递显然是吃力不讨好,难以维护,用vuex的话在比较小的项目中会增加复杂度,所以这里采取另外一种方法Provide& Inject这是vue官方提供的一种子孙组件和祖先组件传值的方法,使用方法如下祖先组件<script>provide: { return{ name: '十里坡剑神', method: this.echo },}mehotds: { echo() { console.lo
2022-04-25 16:48:55
1113
原创 关于表格分页缓存数据
关于表格分页缓存数据常规情况下在日常工作中,我们翻页的时候都是通过请求来获取接口数据并渲染在表格中,只需要变动page,size就可以实现如:getList() { this.$api .getSKUdetail(this.id, { size: this.page_params.size, // 每页显示条数 page: this.page_params.page // 第几页 }) .then(
2022-03-23 17:45:33
1389
原创 关于稀疏数组实现
关于稀疏数组实现前言:在五子棋游戏中,通常用数组来表示棋盘,棋盘中用数据来记录棋子的落子位置,我们用到存盘功能,需要将数组的数据写入磁盘,但当棋子(数据)不是很多时,无效数据远大于有效数据时,用原数组对数据进行存储就显得很不划算了,我们可以用稀疏数组来实现对数据的压缩定义:稀疏数组可以看做是普通数组的压缩,但是这里说的普通数组是值无效数据量远大于有效数据量的数组 // 二维数组,大小是int[11][11] 0 0 0 0 0 0 0 0 0 0 0 0 0
2021-04-20 01:57:22
122
原创 PHP基本语法
PHP基本语法PHP脚本在服务器上执行,然后将纯html结果返回浏览器php脚本可以放在文档中的任何位置,代码以<?php开始?>结束php文件默认拓展名为.phpphp用分号来分割语句如下是一个用php写的一个helloworld程序<?php echo "helloWord"; print "helloWord"; // echo和print是在浏览器输出文本的基础指令注:当php代码后面没有其他代码,?>结束标签可以不写注释// 单行
2021-03-10 15:23:22
167
原创 Spring的常用注解
Spring的常用注解使用须知需先在spring核心配置文件注册注解,注册前需要先导入context命名空间<context:annotation-config/>@Autowired根据bean的Type去查找并注入对象,如ioc中只有唯一类型的Cat,Dog对象时, 才能注入成功,如果ioc有两个相同类型的对象,则会在两个类型中找id与需要注入的字段匹配例如:先在ioc中注入一个Dog对象<bean id="dog1" class="com.frw.pojo.Dog
2021-02-26 19:13:37
524
1
原创 Mybatis入门
Mybatis入门简介:MyBatis 是一款优秀的持久层框架,它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO(Plain Old Java Objects,普通老式 Java 对象)为数据库中的记录。搭建环境1.导入所需依赖 创建一个maven工程,导入项目所需依赖<!--导入依赖--> <de
2021-02-20 22:41:29
1151
16
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人