51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

uni-app 动态设置页面背景颜色

uni-app 动态设置页面背景颜色

厉飞雨 阅读(345) 评论(0) 赞(13)

<p>我们在用 <code>uni-app</code> 开发前端应用的过程中,经常需要设置页面的背景颜色。设置全局页面背景颜色比较简单,这边就不展开。因 <code>vue</code> 平台与 <code>nvue</code> 平台有所差异,本文主要记录 <code>vue&l...

从前端到后端:如何在 URL 参数中传递 JSON 数据

从前端到后端:如何在 URL 参数中传递 JSON 数据

厉飞雨 阅读(437) 评论(0) 赞(19)

<h1>引言 {#%E5%BC%95%E8%A8%80}</h1> <p>在 Web 开发中,我们经常需要将数据作为 URL 参数进行传递。当我们需要传递复杂的数据结构时,如何在前端将其转换为字符串,并在后端正确地解析它呢?本文将介绍如何在前端将 JSON 数据进行 URL 编码,并在后端将其解析为相应的数据类型,同时提供 Java 语言的示...

vue--excel上传

vue--excel上传

厉飞雨 阅读(312) 评论(0) 赞(19)

在vue中实现excel上传并显示数据 效果如下: 具体代码如下: ```html <template> <div class="app-container"> <input ref="excel-upload-input" class="...

常用前端公共CDN

常用前端公共CDN

厉飞雨 阅读(436) 评论(0) 赞(18)

<h2><a href="#前言">前言</a> {#前言}</h2> <p>静态资源 <a href="https://so.csdn.net/so/search?q=CDN&amp;spm=1001.2101.3001.7020">CDN</a>...

前端字体压缩方案

前端字体压缩方案

厉飞雨 阅读(340) 评论(0) 赞(13)

[Fontmin](#fontmin) {#fontmin} ------------------------------ Fontmin 是一个纯 JS 字体子集化方案。利用 Fontmin 可以提取 TTF 字体文件中需要用到的字符,然后转换为 TTF 文件输出,从而实现"压缩"的效果 官网地址: [ecomfe.github.io/fontmin/]...

记一次前端多语言配置

记一次前端多语言配置

厉飞雨 阅读(274) 评论(0) 赞(12)

Dataset {#Dataset} ------------------ 首先介绍一下向标签中添加自定义数据的方法。 可以通过添加`data-foo`属性在HTML的标签上,如: |-----------|--------------------------------------------| | ``` 1 ``` | ``` <div id="id...

deepin下安装vue

deepin下安装vue

厉飞雨 阅读(302) 评论(0) 赞(19)

1、前置条件 {#1前置条件} =============== 安装好nodejs 参考:[deepin下安装nodejs](http://192.168.0.198:5080/post/inNodejsByOsDeepin/) 2、全局安装Vue {#2全局安装vue} ===================== 执行命令: ```shell # 下面两个版本的二选...

vue下el-popover组件实现滚轴跟随功能

vue下el-popover组件实现滚轴跟随功能

厉飞雨 阅读(468) 评论(0) 赞(15)

<h1>描述 {#描述}</h1> <p>使用的是点击触发弹出内容,目标是在弹出内容的情况下,上下来回滚动鼠标,弹出内容和点击按钮不分离</p> <p>通过监听页面滚动来实现功能,当监听到页面有滚动时,通过组件的updatePopper()方法来更新组件的位置</p> <h1>代码 {#代码}&...

nvue中tap事件取消冒泡

nvue中tap事件取消冒泡

厉飞雨 阅读(386) 评论(0) 赞(14)

> 青春是一种持续的陶醉,是理智的狂热。------拉罗什富科 `nvue`中`@tap.stop`阻止冒泡失效了 代码如下: |-----------|------------------------------------------------------------------------------------------| | ``` 1 ``` | `...

nvue中list组件下拉刷新后无法上拉加载更多

nvue中list组件下拉刷新后无法上拉加载更多

厉飞雨 阅读(402) 评论(0) 赞(13)

> 倘能生存,我当然仍要学习。------鲁迅 组件官网地址:<https://uniapp.dcloud.io/component/list> 今天在使用`list`组件时,发现下拉刷新一次后,就不能上拉加载更多了 最后发现官方文档: > * `loadmore` 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一...