
Vue | 小程序
文章平均质量分 78
Vue和小程序的学习实战总结
流烟默
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue和微信小程序处理markdown格式数据
在Vue项目中展示Markdown格式的数据,比如通义千问模型返回的数据,你可以借助一些Markdown解析库将Markdown文本转换为HTML,然后在页面上渲染。以下为你详细介绍几种常用的实现方式。原创 2025-02-21 17:14:36 · 2257 阅读 · 0 评论 -
微信小程序如何很好呈现后端返回的富文本?
rich-text在微信小程序中呈现后端返回的富文本,可借助以下几种常见的方法,每种方法都有其适用场景和特点。原创 2025-02-21 09:47:02 · 1198 阅读 · 0 评论 -
Vue 记录用户进入页面的时间、离开页面的时间并计算时长
在 Vue 项目中,要记录用户进入页面的时间、离开页面的时间,并在用户离开时计算时长并调用后端接口,可以借助 Vue 的生命周期钩子和浏览器的一些事件来实现。原创 2025-02-17 17:30:43 · 941 阅读 · 0 评论 -
Vue和Java使用AES加密传输
背景:Vue对参数进行加密,对响应进行解密。Java对参数进行解密,对响应进行解密。不拦截文件上传类请求、GET请求。原创 2025-02-03 18:15:26 · 603 阅读 · 0 评论 -
Vue中动态绑定Div的高度
在 Vue 中动态绑定高度可以通过多种方式实现,具体取决于你的需求。原创 2018-12-07 10:45:57 · 1025 阅读 · 0 评论 -
Vue中watch监听属性的一些应用总结
简写形式的watch非常适合用于监听顶层属性或对象的特定属性的变化。如果你不需要深度监视,这种简写形式可以使代码更加简洁和易读。如果你有更多复杂的需求,比如需要立即执行监听器或处理更深层次的变化,可以使用完整的对象形式。原创 2024-10-05 10:55:02 · 665 阅读 · 0 评论 -
Vue3中slot插槽的几种使用实践
父组件子组件父组件中Category 组件标签内的东西将会呈现在子组件slot的位置(进行替换)。原创 2024-09-14 15:19:40 · 975 阅读 · 0 评论 -
Vue3中组件通信的几种方式
组件通信和的区别:概述:是使用频率最高的一种通信方式,常用与 :父 ↔ 子。父组件:子组件:原创 2024-09-13 16:36:52 · 427 阅读 · 0 评论 -
Vue3中Pinia存储和修改数据应用实践
Vue3中pinia存储和修改数据应用实践原创 2024-09-13 15:08:54 · 560 阅读 · 0 评论 -
Vue2/Vue3中编程式路由导航实践总结
除了使用创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现。$router想要导航到不同的 URL,则使用方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。当你点击时,这个方法会在内部调用,所以说,点击等同于调用。该方法的参数可以是一个字符串路径,或者一个描述地址的对象。注意:如果提供了 path,params 会被忽略,上述例子中的 query 并不属于这种情况。${同样的规则也适用于。原创 2024-09-13 10:35:39 · 1143 阅读 · 0 评论 -
Vue3中路由传参的几种方式实践
Vue3中路由传参的几种方式原创 2024-09-13 09:47:28 · 581 阅读 · 0 评论 -
修改Nodejs 依赖包的存放路径
需要注意的是,在安装的时候修改了安装路径为。原创 2019-01-18 12:41:44 · 1082 阅读 · 0 评论 -
Vue2.0打包指定路由前缀
Vue2.0打包指定路由前缀原创 2023-10-10 10:11:22 · 749 阅读 · 0 评论 -
Vue2组件通信应用实践总结
Vue父子组件通信应用实践总结原创 2023-10-06 10:00:36 · 482 阅读 · 0 评论 -
npm安装依赖实践总结
# 【1】npm的全局安装路径查看默认值:```bashnpm get prefix```默认是`C:\Users\你的用户名\AppData\Roaming\npm`可以通过 ` npm config prefix` 更改全局安装路径:```bashnpm config set prefix ""```# 【2】 npm install## ① npm install的几种常见方式```bash# 安装模块到项目目录下npm install moduleN原创 2023-05-11 10:02:04 · 10308 阅读 · 1 评论 -
ElementUI应用实践总结
# 【1】修改UI样式如el-input__inner不生效elementui+vue项目中,在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效。解决方案:在本页面重新定义style样式且不需要写scoped即可生效。注意:为了不影响其他位置的元素样式,需要定义一个特定的class类名便于区分。如下所示我们想要修改这里el-input的样式:```html原创 2017-12-07 11:26:43 · 2592 阅读 · 1 评论 -
微信小程序之引入使用Vant Weapp组件
Vant Weapp官网地址:https://youzan.github.io/vant-weapp/#/quickstart,自己可以去其官网详细了解。这里主要总结下微信小程序中如何使用该组件。【1】新建一个微信小程序工程如下所示:【2】引入并使用Vant Weapp组件的几种方式① 第一种-直接引入dist直接去该地址下载项目,https://github.com/youzan/vant-weapp,把dist文件进入你的小程序工程中。在 json 文件中配置button组件,修改原创 2020-05-18 10:15:26 · 10811 阅读 · 0 评论 -
uniapp应用实践案例总结
# 【1】打包为微信小程序时实现文件下载如果是H5或者web平台,那么一个a标签通过href就可以实现下载。但是这个对于微信小程序来说是不生效的,在打包过程中会对标签进行转换。下面我们之间上代码。**HTML**```html<view class="text" > <a v-bind:key="index" v-if="zuoyeList.length>0" v-bind:data="baseUrl+item" :href="baseUrl+item" v-for="(item,index原创 2019-01-17 11:06:11 · 1878 阅读 · 0 评论 -
前后端分离时跨域的一些问题与解决方案
# 【1】什么是跨域?## 同源策略同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)浏览器的同源策略阻止了浏览器读取不同源的资源。这种转载 2022-04-25 13:05:47 · 1744 阅读 · 0 评论 -
微信小程序实践总结
【1】module.exports、exports、export、import、export default使用与区别① module.exports与exportsmodule.exports和exports 是commonJs的语法,大家熟知的node就是基于CommonJs语法设计的,node将每个文件视为一个拥有独立作用域链的模块,每个木块的类,变量,函数等都是私有的,对其他文件不可见。但是,如果别的模块想要使用另一个模块的函数应该如何处理呢,这时我们就会用到module.exports、exp原创 2020-05-25 16:46:33 · 7424 阅读 · 0 评论 -
VUEX基础入门Store使用详解
【1】vuex 是什么github 站点: https://github.com/vuejs/vuex在线文档: https://vuex.vuejs.org/zh-cn/每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高转载 2020-11-19 21:24:01 · 12345 阅读 · 0 评论 -
Vue基础入门详解
【1】什么是VUE官网文档:https://cn.vuejs.org/v2/guide/instance.htmlVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。通过CDN引入<!-- 开发环境版本,包含了有帮助的命令行警转载 2020-11-18 10:17:19 · 689 阅读 · 0 评论 -
vue-router路由使用实例详解
【1】路由入门官网文档:https://router.vuejs.org/zh/installation.htmlgithub: https://github.com/vuejs/vue-router下载安装npm install vue-router --save引入模块import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)...原创 2020-11-16 15:29:55 · 1485 阅读 · 0 评论 -
Vue与后台通信的两种方式
【1】vue-resourceVue的一个插件,非官方库,多用于Vue1.X。详细介绍点击查看在线文档下载vue-resourcenpm install vue-resource --save引入vue-resource // 引入模块import VueResource from 'vue-resource'main.js中声明使用Vue.user(VueResource )内部会给VM对象和组件对象添加一个属性:$httpThe http service can be used原创 2020-11-16 12:37:45 · 1198 阅读 · 0 评论 -
Vue应用实践实例总结
【1】Vue常见标签应用① v-if、v-else、v-for<div class="layui-carousel" id="test3" lay-filter="test3" style="height: 500px;"> <div carousel-item v-if="swiperList.length<1"> <div style=""> <img src="/common/images/swiper1.j原创 2020-10-24 11:41:33 · 2068 阅读 · 1 评论 -
Window下安装nvm并使用nvm安装node
【1】安装nvm可以从Github获取nvm最新版本自行安装:https://github.com/coreybutler/nvm-windows/releases有时可能由于网络原因,你不一定能从GitHub顺利下载。这里提供百度云连接:链接https://pan.baidu.com/s/1CzfqpOxBggdNa6hRryzSOA 提取码:mzji 。你可以使用绿色免安装版,这里以安装版示例。默认安装完成后,在C:\Users\12746\AppData\Roaming\nvm下找到se原创 2020-06-28 16:29:19 · 6193 阅读 · 0 评论 -
ES6使用实践总结[数组、扩展、解构]
Java中其实是可以的,虽然IDEA会提示但是编译器会通过。是ok的,类调用静态方法,java中也一样。但是就会报错,如下提示:把改为show ,也就是非静态方法则OK!原创 2020-06-01 11:50:46 · 597 阅读 · 1 评论 -
WebStrom使用实践配置总结
【1】Cannot save files主要会有两种异常:生成 _jb_old_ _jb_tmp_文件目标拒绝访问解决方案以管理员身份运行webstorm然后进行如下设置:原创 2020-01-16 09:02:01 · 657 阅读 · 0 评论 -
Vue初学之使用npm搭建Vue环境
这里系统是windows,先安装node(新版的Node.js已自带npm),然后使用npm安装vue,这里没有使用nvm。【1】node安装官网地址:https://nodejs.org/en/download/下载后傻瓜式安装即可,具体教程可以参考:node.js安装配置默认会配置node和npm的环境变量:安装后会自动提示如下,这里可以直接关闭窗口。我们可以看到环境变量...原创 2020-01-15 14:39:47 · 16049 阅读 · 3 评论