教程 – 第4页 – 蓝洛水深

网站

VUE中开启浏览器通知的三种形式

因近期来发需要，需要使用到浏览器通知，故而了解和整理了一下浏览器通知的几种形式，在这里做个简单的分享。 Web Api Notification 此特性在 Web Worker 中可用。参考实例：https://developer.mozilla.org/zh-CN/docs/Web/API/notification#示例假定有如下 HTML：[cray…

蓝洛水深

2023年5月25日

003790

网站

Vue中路由router传参三种方式详解

Vue中路由router传参有三种方式，分别是： params传参路由属性配置传参 query传参其中，1和2是需要有对应的接收，否则会发现虽然传了，但是没办法接收。比如

{
      path: 'edit/:id',
      name: 'schoolStudentsEdit',
      component: () => import('@/views/school/students/detail.vue'),
      meta: {
        title: '编辑',
        sidebar: false,
        activeMenu: '/school/students',
      },
    }

1

2

3

4

5

6

7

8

9

10

{

path: 'edit/:id',

name: 'schoolStudentsEdit',

component: () => import('@/views/school/students/detail.vue'),

meta: {

title: '编辑',

sidebar: false,

activeMenu: '/school/students',

},

}

必须要接收id才行。以下是详解这三种方式的区别。一、params传参 [crayon-66194d23481cd714…

蓝洛水深

2023年5月21日

00870

软件

视频号加密了？2023年5月最新下载视频号方法

此前通过fiddler等方式抓包解析，安装根证书劫持等方法，事实上已经失效了，原因是腾讯视频号对视频进行了加密，你能拿得到视频，但是视频是无法播放的。今天给大家分享两种下载方法，希望能有所帮助。方法一、WeChatVideoDownloader（电脑）事实上，这个方法大家应该都有用过，同样的会发现能下载，但是不能播放。不过请不要急着跳过，只需要进行简…

蓝洛水深

2023年5月19日

037.5K0

系统

什么是URL安全的Base64编码？构建URL安全的Base64编码教程

Base64编码是一种使用及开发过程中非常常见的一种编码方式，主要原理是通过转换为二进制，分组排序等操作后，再转换为十进制并根据转码表将数据转换为对应字符，如下图所示： Base64编码后的 =、/、+ 等字符不利于 url 中的查询参数、数据库保存时的转义等，所以在实际应用的场景中又产生了一种几乎等价的编码方案Base64URL，即URL安全的Base64…

蓝洛水深

2023年5月16日

002920

网站

『2023版』详解PHP通过Excel模板导出Excel

网上其实有很多教程，但这些教程很多都差强人意，这里并非恶意贬低或者诋毁他人，只是客观的陈述。比如这篇相对来说已经写的算是很不错：https://blog.csdn.net/u013224364/article/details/125786382 然而通篇没有告诉你怎么安装什么扩展，自己嘻嘻哈哈了半天，读者是一头雾水。诚然，如果有做过类似项目的自然能从代码…

蓝洛水深

2023年5月8日

029160

网站

再谈Element Plus改变Table选中行背景颜色的简单方法

此前已经用非常简单的方式进行了样式干预实现全局表格选中行的高亮颜色调整，其实还可以进行非常多的操作实现这一目的，下面再分享一种。修改CSS 按如下路径找到table选中行背景色的CSS文件。

node modules > element-plus > theme-chalk >  eltable.css >  el-table

1	node modules > element-plus > theme-chalk > eltable.css > el-table

找到这一句：

--el-table-current-row-bg-color:var(--el-color-primary-light-9);

1	--el-table-current-row-bg-color:var(--el-color-primary-light-9);

可以看到，这里定义了选中行高…

蓝洛水深

2023年4月26日

001.1K0

网站

Element Plus改变Table选中行背景颜色的最简单方法

无论是Element Plus官方还是网络上，其实都给了很多方法，但是实践下来发现不一定能成功，并且具有一定的复杂性，这里分享一种非常简单的方法。比如我们要修改Table选中行背景颜色，只需要再App.vue进行简单修改即可。在onMounted中对颜色进行定义即可全局生效。

onMounted(() => {
    document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

    window.onresize = () => {
        settingsStore.setMode(document.documentElement.clientWidth)
    }
    window.onresize()
})


只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

1

2

3

4

5

6

7

8

9

10

11

12

13

onMounted(() => {

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

window.onresize = () => {

settingsStore.setMode(document.documentElement.clientWidth)

}

window.onresize()

})

只需要插入这句：

document.body.style.setProperty('--el-color-primary-light-9', '#CCEEFF')

至于颜色，这里提…

蓝洛水深

2023年4月25日

009770

2023年再荐7款优秀的前端框架

在开发过程中，无论是专注于前端也好后端也罢，其实都会需要了解和使用前端框架。什么是前端框架？前端UI框架是一种基于HTML、CSS、JavaScript等前端技术的开发工具集，提供了一系列的UI组件、样式、布局等基础功能，使得前端开发人员可以更加高效地开发出具有良好用户体验的Web应用。我们为什么需要前端框架？前端UI框架可以大大减少前端开发人员的工…

蓝洛水深

2023年4月12日 • 网站

001.5K0

网站

如何给Tinymce-vue自定义图片上传接口，images_upload_handler示例

在初始的Tinymce-vue中，图片是通过转换为base64的方式进行呈现，但是这种方式在写入数据库的时候，非常不友好，把图片放数据库，下一步就是把视频和压缩包放进去了。

images_upload_handler: blobInfo => new Promise(resolve => {
    const img = `data:image/jpeg;base64,${blobInfo.base64()}`
    resolve(img)
})

1

2

3

4

images_upload_handler: blobInfo => new Promise(resolve => {

const img = `data:image/jpeg;base64,${blobInfo.base64()}`

resolve(img)

})

所以，我们需要修改成以URL的形式上传到后端，代码非常简洁，可以参考。[crayon-66194d2348965005415…

蓝洛水深

2023年3月14日

001.1K0

Python存储list到数据库，重新读取后无法正确识别为list错当str且无法转换的处理办法

如下图所示，有一个字段是list类型。读取时打印出来看起来就是list，但是打印类型却显示为str。通过类型转换如果通过类型转换，直接定义为list，则会拆解为一个有一个的字符串，显然是不行的。通过解析字符串为list

    str1 = 'abcde'
    str2 = 'a b c d   e'
    str3 = 'a, b, c, d, e'
    result1 = list(str1)
    result2 = str2.split()
    result3 = str3.split(', ')
    print(result1)
    print(result2)
    
    结果：
    ['a', 'b', 'c', 'd', 'e']
    ['a', 'b', 'c', 'd', 'e']
    ['a', 'b', 'c', 'd', 'e']

1

2

3

4

5

6

7

8

9

10

11

12

13

str1 = 'abcde'

str2 = 'a b c d e'

str3 = 'a, b, c, d, e'

result1 = list(str1)

result2 = str2.split()

result3 = str3.split(', ')

print(result1)

print(result2)

结果：

['a', 'b', 'c', 'd', 'e']

参照这样的方法，我们使用.split()后又发现一个问题。第一行…

蓝洛水深

2023年2月5日 • 软件

013680