- 博客(41)
- 收藏
- 关注
RSS订阅
转载 Linux系统（centos7）离线安装谷歌浏览器
centos7系统自带的浏览器是火狐，种种原因吧导致现场项目打不开，又刚好现场又是没有网的环境，就想着可不可以通过离线的方式进行安装谷歌浏览器
2024-05-20 23:47:08
2488
3
原创 Vue中el-table表格的拖拽排序
element-ui 表格没有拖拽排序的功能，只能使用sortable.js插件实现拖拽排序，当然也可以应用到其他的组件里面，用法类似，这里只说表格。
2023-09-02 17:20:24
1930
原创 Easyui根据多个列合并单元格 再进行编辑单元格单元格所在行错位问题解决
此时你虽然已经实现了合并单元格的这个功能，但是你再进行编辑的时候会错位，那这个时候你在编辑完成的地方需要再次调用合并单元格的方法，这样就不会出现错位的情况发生。我们在easyui的表格的onLoadSuccess事件。Easyui 中没有自动合并的属性，所以得自己写方法。
2022-12-23 16:35:31
558
1
原创 浏览器刷新为什么不会走销毁（beforeDestroy和destroyed）周期？
因为之前我遇到一个内存泄漏的问题，然后呢我在vue的beforeDestroy生命周期钩子函数里去释放一个实例的内存（3d模型），然后因为电脑很卡，我一遍又一遍的刷新页面，之后我去看那个任务管理器的时候发现谷歌的浏览器内存竟然占到了四五个g，我想着我去释放内存了，怎么内存还会增长？我们可以在页面加载的时候添加一个监听事件去监听浏览器刷新,关闭,这样就可以在浏览器刷新或者关闭的时候也能处理对应的业务逻辑。浏览器不在乎你之前的页面是什么,相当于把你之前的页面给关了再打开 (
2022-12-23 16:25:21
1904
2
原创 vue监听element-ui的table表格滚动事件
template里边的代码我就不写了，你们可以直接用element-ui里面的table，也可以自己封装。这篇文章主要是讲述“如何监听element-ui table滚动事件”，按我自己尝试的方法去实现。如果要用第二种的话就用element-ui里边的分页组件，去实现就好，我用的第一种方法实现的。前两天做项目遇到一个问题，数据量大，然后表格渲染的很慢，而且很卡怎么办？那无非就是两种方法。
2022-12-23 16:06:31
4250
2
原创 移动端H5页面在input输入框获得焦点时禁止唤起键盘
点击开始时间或者结束时间时会弹出日期选择器，这个时候呢在手机上看的话，会同时触发键盘，导致键盘弹出来，在网上找了半天终于找到了一个满足我业务需求的解决办法。当input输入框获得焦点时，在保留光标的情况下，又不让手机虚拟键盘弹起。哈哈哈哈 我又来了，又是java安卓应用嵌入H5页面，给大家看下效果。写完之后就不会再唤醒手机键盘了！
2022-12-23 15:43:47
6237
6
原创 Echarts折线图点击某一区域后点高亮（多条折线）
因为我们的数据量可能也不是很大，所以我每次点击拿到那一个数据点的下标之后会把对应的数据点配置改成高亮，然后重新setOption，就实现了高亮，这样可以实现多个点的高亮，且业务需求。产品想要在折线图上点击某个折线，或者是点击某一区域触发事件，然后点击的地方或者区域对应的一个或者多个数据点就要变高亮，不止是在折线图的拐点，那处理方法我想了两种，如下。用官方的放大实现高亮好像不能自定义颜色及高亮的点个数，后来我就自己想了这样一种实现方式，
2022-12-23 15:29:13
5309
原创 Vue如何实现快进后退的跑马灯组件
由于业务需求，要实现一个会可以控制速度的跑马灯，刚开始用js的setinterval每隔几毫秒来减取一个字符拼接到后面，效果不理想就放弃了。后来用animate这个api实现了。当然现在有很多的第三方库可以实现这个需求，个人感觉还是手写的香效果图：组件代码父组件代码
2022-11-30 21:22:04
540
原创 监听h5页面显示与隐藏事件
在最近的项目开发中，需要前端写一个h5页面然后嵌入到java安卓app里面，这里不讲web与Java的通讯，有这么一个需求，定时器定期去调用接口拿数据动态的展示到折线图中，但是呢遇到了这么一个问题，H5进入后台运行导致定时器不能用的问题，这就导致数据不是连续的，想在java那边解决，但是java那边做的是数据库方向的，也不是专业的java安卓开发，就只能自己解决了于是我就想到前端可以监听页面进入到后台是运行的场景吗？
2022-11-28 20:00:53
2178
原创 在Vue项目中使用Mock.js
随着互联网行业的发展，前后端分离已经成为了行业的主流，也是一种趋势。在这样一种趋势的推动下去开发项目，一定会遇到这样一个问题，后端接口未开发完毕，前端页面如何展示数据呢？这个时候就用到mock.js了。// 属性名 name // 生成规则 rule // 属性值 value 'name|rule' : value属性值是字符串 String// 通过重复 string 生成一个字符串，重复次数大于等于 min，小于等于 max。
2022-09-24 16:32:59
2241
2
原创 vue项目中定时器问题
这样写呢是完全没有问题的，但是当你在一个页面中用了很多个定时器的时候，你会发现有点卡顿，这是因为 data中的这个变量timer是保存在这个组件实例el上，如果可以的话最好只有生命周期可以访问到它。类似于其他需要在当前页面使用，离开需要销毁的组件（例如一些第三方库的组件等等），都可以使用此方式来解决离开后以后在背后运行的问题。该方法是通过$once这个事件侦听器在定义完定时器之后的位置来清除定时器。，使得代码可读性更强，一目了然。那你的代码可阅读性就非常的差了。这也是我们通常用到的方法。
2022-09-19 19:38:39
1947
原创 css实现Mac端滚动条
一直觉得，滚动条用默认的就好了，如果没有特殊需求就不需要自定义。直到当我用过Mac，Mac竟然如此神奇，滚动条不占位置，还会显示隐藏，而且还美观，再看原来的代码，默认的滚动条瞬间就不香了。
2022-09-19 19:10:41
1179
原创 判断元素是否有滚动条
今天遇到了一个业务场景，需要判断是否有滚动条的出现.因为出现滚动条便意味着元素空间将大于其内容显示区域，根据这个现象便可以得到判断是否出现滚动条的规则.
2022-09-19 18:55:06
2297
原创 Echarts——自定义仪表盘图表
我个人本身其实没有从事多久大数据可视化开发这方面，碰到那种没见过的图表都会很慌，然而怕什么来什么…给大家看下给到我的设计图长什么样子看到这个图表之后我就去echarts官网上面去找有没有，相必大家也猜到了，那必然是没有的，之后花了很长时间去写这个东西，就想着记录一下，后面工作用到了就不用麻烦了废话不多说了，直接上代码option = {// formatter: "{a} {b} : {c}%", } , series : [ // 最外层蓝色 {
2022-09-16 19:47:35
4218
3
原创 解决本地浏览器运行项目时的跨域问题Access to XMLHttpRequest at ‘file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%
Access to XMLHttpRequest at 'file:///C:/Users/Len/Desktop/%E5%8F%AF%E4%BF%AE%E6%94%B9%E9%85%8D%E7%BD%AE/dist/model/model.gltf.xz' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data,
2022-09-16 19:24:52
134146
10
原创 vue+EventBus 兄弟组件传值
项目开发中遇到了这样一个业务：假设父组件是A，子组件是B和C，然后C组件的数据结构是受B组件的改变而改变，就想到了用事件总线（EventBus）来进行兄弟组件之间的通信。用过之后也确实很好用，记录并分享一波…
2022-08-22 20:27:59
437
原创 一、Echarts图表之X轴（xAxios）与Y轴（yAxios）配置项大全
x轴（xAxios）与y轴（yAxios）有很多的配置项，下面对xAxios进行详解，yAxios参考xAxios。坐标轴在 grid 区域中的分隔区域，默认不显示。坐标轴在 grid 区域中的分隔线设置。坐标轴刻度标签的相关设置。坐标轴轴线相关设置。坐标轴刻度相关设置。
2022-08-22 20:09:26
4096
原创 vue打包之后更改配置的json文件无效
在project.config.json里面更改配置后不生效，具体原因还没有找到。然后把这个js文件引入到public/index.html下。在项目中就可以直接使用window.api进行使用。把json文件换成js文件。这是目前我找到的办法…...
2022-08-16 17:52:12
3310
7
原创 解决vue组件props传值,对象获取不到的问题
父组件利用props向子组件传值，浏览器console有这个值，但是获取不到对象里的属性，console对象的属性值，打印出来值为undefined。上面三种方法，在子组件都能watch到父组件传过来的testobj对象的值。都能解决获取不到父组件传过来的对象的问题。方法1：可以用JSON.parse(JSON.stringify(this.echartObj)）方法3：Object.assign({},obj)也可以。方法2：用以下形式给对象赋值。...
2022-08-14 09:51:45
5954
原创 vuex数据持久化——vuex-persistedstate（解决页面刷新stroe数据丢失问题）
我们存储在vuex里面的数据只是放在了浏览器缓存里面，页面刷新就会丢失。当然也可以通过vuex存储到本地，再去获取也可以实现页面刷新数据不丢失。本篇主要讲解vuex-persistedstate这个插件，原理同上，只不过不需要去手写存储的代码，根据简单的配置就可以实现。...
2022-08-10 19:16:06
1256
2
原创 Vue使用swiper(5.2.0版本，避免踩坑)
如果你还在用swiper@3.0版本，如果你还在为坑多解决不了而烦恼，（ps:我已经踩了好多天的坑了）那么你不妨静下心来看完这篇博客，相信你会选择5.0版本的！！！满足以下需求：二、创建轮播图组件CarouselContainer.vue，详细解析在代码注释中三、创建父组件Father.vue渲染多个swiper组件、模拟异步数据变化完成之后就可以在你的项目中看到效果啦，之后可以根据项目需求去改进…...............
2022-08-09 23:25:15
3698
原创 vue中如何优雅实现爷孙组件的数据通信($attrs/$listeners)
其实 $attrs和 $listeners相当于是一个中转，主要用在父亲组件上。爷组件和孙组件保持以前的使用即可！
2022-08-08 10:36:08
1776
原创 Failed to load resource: the server responded with a status of 404 (Not Found)
无法加载资源：服务器响应状态为404（未找到），出现了该错误后，可以打开项目根目录下的vue.config.js文件，然后将。用 npm run serve 打包时，出现了下边这种报错信息。然后再重新build即可。
2022-08-05 14:41:31
19509
原创 解决按照Element官网步骤按需引入组件运行时报错：Error: Cannot find module ‘babel-preset-es2015‘
按照官网步骤修改 .babelrc 文件时，注意：用vue脚手架创建的项目是找不到 .babelrc文件的，这是旧版本的脚手架才有的，新版本在vue脚手架创建的 babel.config.js 文件修改即可。除了安装element-ui之外还要借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。原因是旧版本的脚手架用的是 es2015，新版本不再适用，而官网没有及时更新。这个是可以的，但是你要注意自己的脚手架版本。主要讲解按需引入碰到的坑及报错。...
2022-08-03 20:52:35
1245
原创 小程序云开发--最新、最全、最简单入门教程
小程序云开发–最新、最全、最简单入门教程主要带大家入门云函数，保证看完能自己操作写页面！！！本篇主要介绍云开发中的云数据库、云存储、云函数！！！这里就不带大家安装微信开发者工具了，直接官方下载就可以使用一、云数据库初始化在使用云数据库进行增删改查之前要先获取数据库的引用。以下调用获取默认环境的数据库的引用：const db = wx.cloud.database()1、插入数据(增加)可以通过在集合对象上调用 add 方法往集合中插入一条记录。还是用待办事项清单的例子，比如我们想新增
2021-12-09 21:19:04
1210
原创 初识echarts
初识echartsecharts是百度开源的一个使用 JavaScript 实现的开源可视化库，提供直观，交互丰富，可高度个性化定制的数据可视化图表,用于实现数据的可视化。数据可视化，顾名思义让数据以一种更加清晰直观的图表形式进行呈现，相较于大量繁杂的数据，视觉效果和可读性更佳，能够有效的传达信息，有利于决策的实施，因此，广泛应用。echarts特点:开源免费 功能丰富 社区活跃 支持多种数据 支持流数据 移动端优化 跨平台 酷炫的特效 等等快速上手echarts的使用大体分为五步：引入e
2021-12-01 19:57:44
437
原创 git基础命令大全
git基础命令大全仓库# 在当前目录新建一个Git代码库$ git init# 新建一个目录，将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git clone [url]配置# 显示当前的Git配置$ git config --list# 编辑Git配置文件$ git config -e [--global]# 设置提交代码时的用户信息$ git config [--global] user.name "[
2021-11-30 21:33:45
129
原创 vue3入门基础
vue3入门基础首先值得肯定的是，vue3基本上兼容vue2的代码。安装、使用使用 Vue 一般有 2 中方式，一种是把它当做一个类库（library）使用，一种是当做框架使用，整个项目可以称作为 Vue 项目。当做一个类库（library）使用<script src="https://unpkg.com/vue@next"></script>在 HTML 中，引入 Vue 的核心库文件，然后把 Vue 当做一个模板引擎，数据绑定引擎来使用。还有一种应用，就是测试一些
2021-11-30 21:23:50
147
原创 vue笔记周结
vue笔记周结概述实例化参数指令过滤-管道动画组件一、Vue概述了解作者： 尤雨溪 (现任阿里巴巴Weex团队技术顾问)。官网： cn.vuejs.orgvue的定位： 是一个渐进式框架 前端三大mvvm框架 vue , react ,angular。特点：简单，上手简单结合Angular指令与react组件思维生态丰富(插件多)api文档完善二、实例化参数el:"#app"选择目的标签data：{}指定数据data(){return{}}一个函数返回一
2021-11-01 19:02:20
349
原创 Vue实现简单的跑马灯效果
Vue实现简单的跑马灯效果效果：点击按钮让文字动起来，点击停止按钮让文字停止知识点：substring(字符串截取)setInterval定时器(控制文字移动速度)clearInterval清除定时器(控制文字停止)代码展示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js
2021-10-30 17:08:53
1334
原创 学习Vue的第一天
学习Vue的第一天概述实例化参数指令一、Vue概述了解作者： 尤雨溪 (现任阿里巴巴Weex团队技术顾问)。官网： cn.vuejs.orgvue的定位： 是一个渐进式框架 前端三大mvvm框架 vue , react ,angular。特点：简单，上手简单结合Angular指令与react组件思维生态丰富(插件多)api文档完善二、实例化参数el:"#app"选择目的标签data：{}指定数据data(){return{}}一个函数返回一个对象 <
2021-10-27 18:59:55
102
2
原创 php学习总结(2)
一、字符串的常用方法1.字符串获取substr(string,str,len)： 从字符串中获取其中的一部分$str = "我爱我.的.祖国.png";$s = substr(strrchr($str,'.'),1);echo $s;$arr = explode(".",$str);$ext = array_pop($arr);echo "<br>$ext<br>";strstr(string,str) 查找字符串在另一个字符串中第一次出现的位置，并返回从该
2021-10-22 20:23:38
195
2
原创 php学习总结(1)
目录概述安装环境php基础语法变量运算符条件与分支循环数组概述什么是PHPPHP（PHP: Hypertext Preprocessor）即“超文本预处理器”，是在服务器端执行的脚本语言，尤其适用于Web开发并可嵌入HTML中。PHP语法学习了C语言，吸纳Java和Perl多个语言的特色发展出自己的特色语法，并根据它们的长项持续改进提升自己，例如java的面向对象编程，该语言当初创建的主要目标是让开发人员快速编写出优质的web网站。 PHP同时支持面向对象和面向过程的开发，使用上非
2021-10-19 20:41:39
753
原创 ES6知识点总结
1、变量声明关键字 var 全局作用域和函数作用域 会变量提升 let 局部作用域 不会变量提升 不能重复声明 const 值类型不能修改 声明必须赋值 一般大写2、解构 数组 定义：把数组或对象解析为单独变量 1.基本格式var{a,b,,c="default",...rest} = arr...
2021-10-15 19:21:01
318
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人