vue.js - 随笔分类 - 与f

摘要：Towxml 是一个可将HTML、Markdown转为微信小程序WXML(WeiXin Markup Language)的渲染库。用于解决在微信小程序中Markdown、HTML不能直接渲染的问题。阅读全文

posted @ 2026-03-24 09:22 与f 阅读(3) 评论(0) 推荐(0)

摘要：我有这样一个需求，本人平时喜欢使用虚拟机做各种的环境配置，但是虚拟机环境配置好后，不能再虚拟机中安装很笨重的编辑器开发吧，最好是能再真实电脑上的某个文件夹操作，这个文件可以对应映射到虚拟机的web运行目录不是更好，这样，代码在真实机，环境在虚拟机。本文介绍，虚拟机的共享文件夹：就是把本地的一个文阅读全文

posted @ 2026-01-16 10:07 与f 阅读(19) 评论(0) 推荐(0)

({behavior: 'smooth'}) 在移动端不生效的问题解决 ios不平滑,使用smoothscroll-polyfill（页面平滑滚动）插件

摘要：smoothscroll-polyfill 是什么？它是一款纯JS页面的平滑滚动插件。该插件的特点是页面滚动的行为被作为window对象的扩展，用户可以通过window对象直接调用平滑滚动的方法。官方介绍及Demo GitHub源码地址 smoothscroll-polyfill 什么使用？ 1 阅读全文

posted @ 2025-10-29 14:45 与f 阅读(30) 评论(0) 推荐(0)

一个ai生成的微信小程序请求类封装

摘要：一个ai生成的微信小程序请求类封装，里面加了防止一个请求多次同时请求,通过请求方法+URL+参数生成唯一key防止重复提交, request.js class Request { constructor(options = {}) { // 默认配置 this.defaults = { baseUR 阅读全文

posted @ 2025-08-08 15:03 与f 阅读(44) 评论(0) 推荐(0)

Pinia的基本使用

摘要：在Vue3中，可以使用传统的Vuex来实现状态管理，也可以使用最新的Pinia来实现状态管理，我们来看看官网如何解释Pinia的：Pinia 是 Vue 的存储库，它允许跨组件/页面共享状态。从官网的解释不难看出，Pinia和Vuex的作用其实是一样的，它也充当的是一个存储数据的作用，存储在Pini 阅读全文

posted @ 2025-07-28 16:26 与f 阅读(156) 评论(0) 推荐(0)

css元素的背景和文字颜色内容颜色混合mix-blend-mode

摘要：mix-blend-mode:是 CSS 的一个属性，用于控制元素的内容如何与其背景或父元素的内容混合。它类似于 Photoshop 中的图层混合模式，可以实现各种视觉效果，如叠加、滤色、变暗等。 <html> <style> .background { background-image: url( 阅读全文

posted @ 2025-06-06 09:15 与f 阅读(141) 评论(0) 推荐(0)

js直播间的评论关键词检测

摘要：1.如果出现数组的单词则屏蔽(匹配成功) function createSensitiveRegex(words) { const escaped = words.map(word => word.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')); return new 阅读全文

posted @ 2025-04-22 14:29 与f 阅读(56) 评论(0) 推荐(0)

JS中的Promise

摘要：test(stream_name){ let that = this; that.test01().then((e)=>{ return that.test02(e) }).then((e)=>{ return that.test03(e) }).catch((err)=>{ console.log 阅读全文

posted @ 2025-02-11 16:57 与f 阅读(24) 评论(0) 推荐(0)

小程序中使用js定义css变量切换变量

摘要：<view class="container"> <view class="my-view" style="{{viewData.style}}"> <image src="/images/abc.png" mode="widthFix"/> </view> </view> .my-view{ wi 阅读全文

posted @ 2025-01-20 15:08 与f 阅读(192) 评论(0) 推荐(0)

微信小程序设置scss编译

摘要：微信小程序设置scss编译方法一：现在微信开发者工具已经继承了，只要在project.config.json配置文件中修改即可。方法二：在vs中安装easysass插件，微信开发者工具支持导入vs现有插件(应该也可以安装)，之后再插件目录下配置文件，少量修改. 方法一：选择小程序项目下的pro 阅读全文

posted @ 2025-01-20 10:56 与f 阅读(1255) 评论(0) 推荐(0)

实现直播间消息评论滚动,顶部消失

摘要：实现直播间消息评论滚动,顶部消失竟然一句代码就解决了 -webkit-mask-image: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 15%,rgba(255,255,255,1) 100%); <! 阅读全文

posted @ 2024-12-23 22:04 与f 阅读(73) 评论(0) 推荐(0)

直播间点赞动画

摘要：直播间点赞动画 https://blog.csdn.net/weixin_50450473/article/details/129185936 https://blog.csdn.net/weixin_46837985/article/details/105852711 https://blog.c 阅读全文

posted @ 2024-12-21 09:55 与f 阅读(35) 评论(0) 推荐(0)

微信小程序自定义组件boundingClientRect获取到的rect值为null

摘要：解决办法：在自定义组件内获取必须用SelectorQuery.in() Component({ lifetimes: { ready() { const query = wx.createSelectorQuery().in(this) const num = Math.ceil(this.dat 阅读全文

posted @ 2024-12-19 09:50 与f 阅读(350) 评论(0) 推荐(0)

小程序组件文档

摘要：小程序自定义组件之间的值-优先级（不一定正确，仅做自己纪录） 1.自定义组件标签，如果写属性，那怕是空，也传空。 2.如果没有写属性值，则使用组件里面proertises定义的默认值，如果练propertises中变量都没有的话，就用data中同名变量值。 3.在自定义组件中使用，this.dat 阅读全文

posted @ 2024-12-18 16:17 与f 阅读(81) 评论(0) 推荐(0)

腾讯即时通讯简单1

摘要：腾讯即时通讯简单1 IM即时通讯 1. 快速跑通https://cloud.tencent.com/document/product/269/68376#.E6.AD.A5.E9.AA.A41.EF.BC.9A.E5.88.9B.E5.BB.BA.E9.A1.B9.E7.9B.AE 2. 无UI继承阅读全文

posted @ 2024-12-12 17:23 与f 阅读(167) 评论(0) 推荐(0)

js 中的 base64 转码 btoa/atob

摘要：1 场景有时，文本里面包含一些不可打印的符号，比如 ASCII 码0到31的符号都无法打印出来，这时可以使用 Base64 编码，将它们转成可以打印的字符。另一个场景是，有时需要以文本格式传递二进制数据，那么也可以使用 Base64 编码。所谓 Base64 就是一种编码方法，可以将任意值转成 0 阅读全文

posted @ 2024-06-25 14:54 与f 阅读(844) 评论(0) 推荐(0)

使用nvm管理node多版本（安装、卸载nvm，配置环境变量）

摘要：前言文章基于 windows环境使用nvm安装多版本nodejs。mac可能不适用。最近公司有的项目比较老需要降低node版本才能运行，由于来回进行卸载不同版本的node比较麻烦；所以需要使用node工程多版本管理，后面自己就简单捯饬了一下nvm来管理node，顺便记录一下自己的使用过程以便于后续阅读全文

posted @ 2024-05-17 16:27 与f 阅读(51807) 评论(1) 推荐(2)

javascript　将变量值作为对象属性　获取对象对应的值

摘要：test(){ let form={ bar_rule_txt:'{spu}-{master_attr_value}-{slave_attr_alias}', bar_rule_result:'', spu:'JPK1575G', master_attr_value:'黑色', master_att 阅读全文

posted @ 2024-05-15 17:49 与f 阅读(151) 评论(0) 推荐(0)

微信小程序video在组件中的使用---暂停视频

摘要：首先在wxml文件中设置video的id <video id='myVideo' src='{{video}}' controls='true' ></video> 然后在js文件中通过 wx.createVideoContext 获取VideoContext 实例 let videoCtx = n 阅读全文

posted @ 2024-04-20 10:20 与f 阅读(587) 评论(0) 推荐(0)

小程序子组件事件交给父组件处理

摘要：小程序子组件事件交给父组件处理子组件点击事件--传到父组件--父组件不处理（不写函数体）传送到子组件中（写函数体执行） https://www.bilibili.com/video/BV1vv411H7Rh/ 父组件的点击事件 --由函数triggerEvent转发到子组件的tap自定义事件 < 阅读全文

posted @ 2024-04-20 09:09 与f 阅读(78) 评论(0) 推荐(0)

与f

随笔分类 - vue.js

公告