- 博客(60)
- 资源 (3)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 Vue3都做了哪些改进升级，看这一篇就够了
而在Vue 3中，对Fragments进行了优化，可以直接将其内部的内容合并到父级中，减少了虚拟DOM层级，提高了Diff算法的效率。Vue 3.0 中，编译器会对静态节点进行标记，在更新时可以直接跳过这些静态节点，对于这部分静态内容，Vue 3将其提升为常量，避免了每次渲染都进行比较的开销，减少 DOM 操作，进一步提高了渲染性能。Vue 3.0 中，对于动态删除操作，采用了异步队列的方式进行，能够将多个删除操作合并为一个，减少 DOM 操作，提升性能。
2024-02-04 17:49:39
798
原创 el-date-picker change事件不触发、默认一个时间后，无法在选择别的时间
el-date-picker change事件不触发、默认一个时间后，无法在选择别的时间
2022-12-02 14:42:47
3329
原创 视频打点videojs和videojs-markers实现(vue+element)
视频打点videojs和videojs-markers实现(vue+element)
2022-11-22 11:35:45
831
原创 vue移动端H5适配方案viewport【postcss-px-to-viewport插件】
它将px转换成视口单位vw，vw本质上还是一种百分比单位，100vw即等于100%，第二步在项目根目录下添加postcss.config.js文件。最后你写的px的样式都会转换成vm为单位的样式了。是一款优秀的插件，可以满足以上提到的理想要求。第四步然后重新运行项目，使配置文件生效。废话不多说，直接上代码。第三步添加如下配置。.........
2022-07-15 16:41:37
1233
2
原创 浅拷贝、深拷贝问题
前端开发中，一般情况下，很少会去在意深拷贝与浅拷贝的关系。大家知道，js变量有2种数据类型：基本类型和引用类型。基本类型的拷贝是将整个值完全拷贝一份的，也就是深拷贝。就是开辟了新的堆内存。所以基本类型没有浅拷贝。引用类型有哪些呢？比如：Object、Array、Function类型均为引用类型。拷贝基本类型时，普通赋值可以拷贝整个值，而拷贝引用类型，普通赋值只能拷贝地址。但有些时候，因为变量只是采用浅拷贝的形式赋值的。导致逻辑发生错误。其实当时只用了浅拷贝，而没有采用深拷贝。导致我改
2021-10-28 14:03:05
131
原创 svg画图 画不规则多边型 画箭头线
话不多说直接上代码！！！<template> <div class="app-container"> <div class="my-btns"> <div class="my-button" @click="clearDraw"> 清除画布 </div> <div class="my-button" @click="drawSvg"> 画区域 </div> <div
2021-10-13 17:50:37
506
1
原创 svg+canvas 标签画不规则区域选择高亮效果
一、背景：在一个业务需求中，需要用鼠标点击画不规则区域，并结合AI智能+相应算法，用来进行预警以及报警。二、实现思路：利用svg和canvas进行实现三、实现代码：话不多说，直接上干货<template> <div> <div class="my-btns"> <div class="my-button" @click="clearDraw"> 清除画布 </div> <div c
2021-09-28 10:36:15
1290
原创 css 背景图片虚化磨砂效果
css 背景图片虚化模糊效果主要用到css3-filter属性html<view class="box"> <view class="content"> </view></view>css .box{ background-image: url('https://***.com/online/***.png'); background-size: 100...
2021-04-14 11:01:09
1937
转载 前端性能优化
你有用过哪些前端性能优化的方法？（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。（2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数（3） 用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。（4） 当需要设置的样式很多时设置className而不是直接操作style。
2021-03-18 17:54:13
111
原创 Vue在methods中使用filter
methods: { getInfoById(type){ let rnKey = this.$options.filters['rnKey'](type) }}exports.install = function(Vue, options) { Vue.filter('rnKey', function(type) { let rnKey = '' switch(ty...
2020-11-13 13:21:12
103
原创 SpringBoot应用WebSocket实现在线聊天
目录一、简介二、java服务端1、引入包2、配置3、代码实现三、H5客户端1、代码实现一、简介WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocketAPI也被W3C定为标准。WebSocket使得客户端和服务器之间的数据交...
2019-08-10 15:04:01
363
转载 如何通过JQ，Ajax来实现返回到上一个页面并进行刷新
版权声明： https://blog.csdn.net/qq_32127035/article/details/52056309今天小编给大家讲一个有关 返回上页面并对数据进行刷新的操作方法。???问题：当用户对数据进行表单提交后，要返回到视图列表表现层。有木有赶脚很简单的说呢，在这里小伙伴们可能会说 使用一个简单的window.history.go(-1)方法一下就返回到，上个页面...
2019-03-25 11:57:59
3091
原创 LocalCache实现原理及例题讲解
使用场景在Java应用中，对于访问频率高，更新少的数据，通常的方案是将这类数据加入缓存中。相对从数据库中读取来说，读缓存效率会有很大提升。在集群环境下，常用的分布式缓存有Redis、Memcached等。但在某些业务场景上，可能不需要去搭建一套复杂的分布式缓存系统，在单机环境下，通常是会希望使用内部的缓存（LocalCache）。实现这里提供了两种LocalCache的实现，一种是...
2019-03-01 14:59:33
863
原创 eclipse 项目中点击ctrl+左键不能进入方法
在eclipse 项目中点击“ctrl+左键”不能进入方法，点击F3 提示，the resource is not on the build path of a java project。解决方法：点击项目右键选择properties，选中Source选项卡，添加项目的源代码的文件，OK。再试！！！...
2018-11-28 13:40:41
16532
翻译 Java > HashMap --Chinese
大多数JAVA开发人员都在使用Maps，尤其是HashMaps。HashMap是一种存储和获取数据的简单而强大的方法。但有多少开发人员知道HashMap如何在内部工作？几天前，我已经阅读了java.util.HashMap的大部分源代码（在Java 7中，然后是Java 8），以便深入理解这个基本数据结构。在这篇文章中，我将解释java.util.HashMap的实现，介绍JAVA 8实现中的新功...
2018-11-14 15:36:09
232
转载 Java > HashMap
Most JAVA developers are using Maps and especially HashMaps. A HashMap is a simple yet powerful way to store and get data. But how many developers know how a HashMap works internally? A few days ag...
2018-11-14 15:32:36
715
转载 Java8系列之重新认识HashMap
简介Java为数据结构中的映射定义了一个接口java.util.Map，此接口主要有四个常用的实现类，分别是HashMap、Hashtable、LinkedHashMap和TreeMap，类继承关系如下图所示：下面针对各个实现类的特点做一些说明：(1) HashMap：它根据键的hashCode值存储数据，大多数情况下可以直接定位到它的值，因而具有很快的访问速度，但遍历顺序却是不确...
2018-11-13 14:57:48
95
原创 A级eclipse的项目中ctrl+左键进入不到类中的解决方法
解决方法直接上图 举个例子，有毛病的.project是这样子的：<?xml version="1.0" encoding="UTF-8"?><projectDescription><name>xxx</name><comment></comment><pr
2018-09-20 16:09:22
2164
java获取文本当中的指定内容（编号）
2017-11-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人