- 博客(34)
- 收藏
- 关注
RSS订阅原创 【Vue.js性能优化】
引言Vue框架通过数据双向绑定和虚拟DOM技术，帮我们处理了前端开发中最脏最累的DOM操作部分，我们不再需要去考虑如何操作DOM以及如何最高效地操作DOM，但是我们仍然需要去关注Vue在跨平台项目性能方面的优化，使项目具有更高效的性能、更好的用户体验。一、v-for遍历必须为item添加key， 且避免同时使用v-if在列表数据进行遍历渲染时，需要为每一项item设置唯一key值，方便Vue.js内部机制精准找到该条列表数据。当state更新时，新的状态值和旧的状态值对比，较快地定位到diff。我们
2024-11-18 20:38:52
272
原创 uniapp 实现将应用显示在“使用其他应用打开“的列表中
开发一款app，需要实现 长按微信接收的文件，可以选择使用我的app打开这个文件 这个功能。
2024-11-18 20:37:10
1107
2
原创 react 类组件和函数组件区别
功能上：“之前，在使用场景上，如果存在需要使用生命周期的组件，那么主推类组件；但现在由于 React hooks 的推出，生命周期概念的淡出，函数组件完全可以取代类组件。其次继承也不是组件最佳的设计模式，官方更推崇“组合优先于继承”的设计概念，所以类组件在这方面的优势也在淡出。而函数组件本身轻量简单，且在 Hooks 的基础上提供了比原先更细粒度的逻辑组织与复用，更能使用 React 的未来发展。类是组合寄生继承的语法糖，如果我们需要转译成 ES5 之前的代码，我们需要更多的预置代码，从而导致体积更大。
2024-11-08 17:42:05
520
原创 为什么使用hooks，什么情况下使用hooks
在react，vue3 这种主流前端框架中都会去使用hook来抽离公共逻辑代码，那么为什么要使用hooks来封装呢，使用普通函数不也一样可以实现逻辑抽离吗？
2024-11-04 17:34:50
273
原创 uniapp 如何修改 返回按钮（左上角+物理按钮+侧滑）触发的返回事件
/返回back() {// 业务逻辑，弹窗提醒title: '内容尚未保存，是否保存？',saveFun()console.log('用户点击取消');// 然后返回})},结果：点击自定义的按钮没有问题，但是使用原生按钮返回或者是侧滑返回依旧不执行自定义逻辑。
2024-11-04 13:14:03
2759
原创 面试题记录
闭包是指在函数内部定义的函数，并且可以访问外部函数的变量和参数。闭包可以保留外部函数的状态，使得函数可以继续操作外部函数的局部变量，即使外部函数已经执行完毕。闭包可以实现某些特殊的功能，如函数工厂、函数记忆等。在JavaScript中，闭包是一种常见的编程方式。
2023-08-09 10:53:20
750
原创 vite 配置 使用 scss
如果需要配置全局scss 文件 就在 assets目录下创建.scss文件。然后在vite.config.ts中引入。安装 sass-loader。
2023-06-16 10:41:44
1316
1
原创 echarts 4.0版本 饼图 颜色会随窗口缩放改变
原因就是 饼图数据源中的name必须要传，我由于这个name不需要显示，就设置了空字符串，然后就导致了这个问题，加上name就好了。然后又是偶然的情况下发现有的饼图颜色变有的不变，最终比较不同发现问题，在此记录一下（其他图例也可能有这个问题 没有测试）附加 如果不需要显示name，那么就在data条目中设置 label：{show：false}这个问题在工作中偶然遇到，困扰了我好几天，网上搜也没有搜到结果。在此记录下这个问题，如有人遇到一样的问题，也可参考一下。
2023-06-16 10:23:05
217
原创 vxe-table 中追加列 并设置样式时 slots问题（如何使用v-html）
vxe-table 中追加列 并设置样式时 slots问题（如何使用v-html）
2021-12-20 15:30:12
3178
翻译 vue img 图片错误时 使用默认图
首先在入口文件定义一个全局指令//全局注册自定义指令，用于判断当前图片是否能够加载成功，可以加载成功则赋值为img的src属性，否则使用默认图片Vue.directive('real-img', async function (el, binding) {//指令名称为：real-img let imgURL = binding.value;//获取图片地址 if (imgUR...
2020-04-18 15:43:14
1157
原创 vue 3.0 遇到的坑
页面空白，报错：we’re sorry but groups doesn’t work properly without JavaScript enabled. Please enable it to continue看到别人说的一大堆history改成hash，我试了很多都没用，我的问题是本地代理出了问题，解决方法是在vue.config.js下的 devServer: { hos...
2020-03-03 14:11:12
1260
原创 axios uc浏览器跨域请求失败
前端报错为：headers 报错Request header field Content-Type is not allowed by Access-Control-Allow-Headers解决方法：后端的CORS过滤器中需要将response.setHeader(“Access-Control-Request-Headers”,"*");改成response.setHeader(“Acc...
2020-01-08 20:04:00
1115
原创 vue3.0 axios 请求统一处理配置，后端可以使用getParamter接收参数，也可以直接注入(仿ajax请求)
第一次搭建vue项目，对于vue默认的请求方式axios的配置还不是很熟，这里记录一下：新建http.jsimport axios from 'axios'const TIME_OUT_MS = 60 * 1000 // 默认请求超时时间// axios.defaults.withCredentials = true;/* * @param response 返回数据列表 */...
2019-12-02 15:54:31
578
转载 linux 下安装redis教程地址
https://blog.csdn.net/qq_39135287/article/details/83474865
2019-06-16 08:58:10
144
原创 Linux 安装mysql8.0.16
下载MySQL下载地址：https://dev.mysql.com/downloads/file/?id=484922通过winscp 将下载的MySQL上传到服务器通过putty连接服务器，进入mysql所在的目录下进行安装数据源运行命令：yum -y install mysql57-community-release-el7-8.noarch.rpm安装MySQL Serve...
2019-06-15 18:38:52
3227
1
原创 springboot 学习 错误记录
org.springframework.http.converter.HttpMessageConversionException: Type definition error: [simple type, class java.util.logging.ErrorManager]; nested exception is com.fasterxml.jackson.databind.exc.I...
2019-06-13 16:12:57
1457
转载 tomcat html中文乱码解决
tomcat 中jsp不会乱码 但是html中文会乱码原因有好几个:没有设置页面编码 tomcat的配置不正确 文件保存的编码格式不是utf-8 等等 下面来讨论解决办法html页面设置为 utf-8 在页面头部添加标签tomcat的server.xml配置(1) 添加 URIEncoding=“UTF-8”<Connector port="8080" protocol="HTT...
2019-05-10 11:07:02
12801
2
原创 mysql8 sql_mode=only_full_group_by问题解决
mysql8 sql_mode=only_full_group_by问题解决1.登陆mysql mysql --> mysql -u root -p2.输入账号密码3.执行 select version(), @@sql_mode;4.内容如下5.执行 set global sql_mode=‘STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_...
2019-05-08 16:17:27
7968
10
原创 Hibernate 错误记录Connections could not be acquired from the underlying database!
Hibernate 错误记录Connections could not be acquired from the underlying database!错误详情网上的解决办法我的错误解决错误详情org.hibernate.exception.GenericJDBCException: Could not open connection at org.hibernate.exception....
2019-05-08 16:05:39
1183
原创 jvm学习笔记
jvm学习笔记java对象的创建对象内存布局对象头实例数据对齐填充java对象的创建没有定位到定位到通过new指令检查指令参数能否在常量池中定位到类类的符号引用类加载检查是否被加载,解析和初始化为新生对象分配内存将内存初始化为零设置对象头对象内存布局分为3个区域：对象头，实例数据，对齐填充对象头包括两部分信息一：存储对象自身的运行时数据（哈希码、GC分代年龄，锁状态标志、线程持有的帧...
2019-01-31 11:45:43
173
转载 linux下如何查看文件被篡改
linux使用Inotify监控目录或者文件状态变更：https://blog.csdn.net/daiyudong2020/article/details/51695502
2019-01-25 12:00:33
3421
原创 各种链接
sourcetree 安装教程：https://blog.csdn.net/qq_28284093/article/details/80143513sourcetree 下载链接：https://sm.myapp.com/original/Development/SourceTreeSetup-2.4.8.0.exe
2019-01-25 10:58:07
212
转载 linux 常用命令大全
linux 常用命令大全1、ls命令2、cd命令3、pwd命令4、mkdir命令5、rm命令6、rmdir命令7、mv命令8、cp命令9、cat命令10、more命令11、less命令12、head命令13、tail命令14、which命令15、whereis命令16、locate命令17、find命令18、chmod命令19、tar命令20、chown命令21、df命令22、du命令23、ln命...
2019-01-23 17:10:56
906
原创 常用工具
1.使用putty 通过ssh 连接远程服务器2.使用WinSCP 通过ftp向远程服务器传输文件3.使用SourceTree 管理git4.使用MySQLWorkbench 管理MySQL数据库5.使用花生壳使得内网可通过外网访问6.使用向日葵远程操作数据库7.使用eDiary写日志8.使用Colors.exe获取颜色编码9.EditPlus 3 编辑器10...
2019-01-22 16:16:27
198
原创 java 导出excel表格 并且可弹出下载框下载
导入jar包在pom.xml中导入jar包&lt;!-- 导出成excel表格用的包 --&gt; &lt;dependency&gt; &lt;groupId&gt;org.apache.poi&lt;/groupId&gt; &lt;artifactId&gt;poi&lt;/artifactId&a
2018-12-21 16:21:28
1017
原创 log4j.xml 配置
log4j xml配置PatternLayout自定义格式代码log4j.xml 样例PatternLayout自定义格式代码package com.morlia.management.common.config;import org.apache.log4j.PatternLayout;import org.apache.log4j.helpers.PatternParser;/**...
2018-12-21 15:29:11
276
转载 mySql的普通索引和复合索引
mySql的普通索引和复合索引有关普通索引和组合索引问题：索引分单列索引和组合索引：单列索引，即一个索引只包含单个列，一个表可以有多个单列索引，但这不是组合索引；组合索引，即一个索包含多个列。 MySQL索引类型包括： (1)普通索引是最基本的索引，它没有任何限制。它有以下几种创建方式： ◆创建索引 CREATE INDEX indexName ON mytable(username(...
2018-02-22 18:10:08
2553
转载 接口和抽象类有什么区别
接口和抽象类有什么区别接口和抽象类有什么区别你选择使用接口和抽象类的依据是什么？接口和抽象类的概念不一样。接口是对动作的抽象，抽象类是对根源的抽象。抽象类表示的是，这个对象是什么。接口表示的是，这个对象能做什么。比如，男人，女人，这两个类（如果是类的话……），他们的抽象类是人。说明，他们都是人。人可以吃东西，狗也可以吃东西，你可以把“吃东西”定义成一个接口，
2017-08-04 09:15:02
172
原创 Java连接数据库入门案例
package com.jdbc; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; import com.mysql.jdbc.Driver;publi
2017-04-14 18:10:17
511
翻译 Sockt通信学习过程
实现代码如下：服务器端代码：/** * 基于TCP协议的Socket通信，实现用户登录 * 服务器端 * @author Administrator * */public class Server {public static void main(String[] args) {try {//1.创建一个服务器端Socket，即ServerSocket，
2017-02-19 14:29:21
328
转载 排序算法
1， 直接插入排序（1）基本思想：在要排序的一组数中，假设前面(n-1)[n>=2] 个数已经是排好顺序的，现在要把第n个数插到前面的有序数中，使得这n个数也是排好顺序的。如此反复循环，直到全部排好顺序。2，希尔排序（最小增量排序）（1）基本思想：算法先将要排序的一组数按某个增量d（n/2,n为要排序数的个数）分成若干组，
2017-02-18 14:43:19
222
原创 快速排序处理文件
昨晚看到的一家公司出的程序题：输入文件的内容格式为一行一条数据，每条数据有2个字段用逗号分隔，第1个字段为排序用的Key，第二个字段为value。换行符为’\n’。数据内容举例如下:abe,xmflsflmfmlsmfsabc,xmlmxlkmffhf8fj3l,xxjfluu313ooo11注意点:本次的测试数据内容都是ASCII字符，无中文汉字。所以不必考虑字符集。本次的测试数据中key的最
2017-02-18 13:40:20
543
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人