前端 - 随笔分类 - 与f

渐变边框&透明背景&圆角css

摘要：渐变边框&透明背景&圆角不知道大家有没有碰到过设计师出的效果图类似这样的圆角渐变边框、而且背景还不是纯色的本文档解释了如何实现具有渐变边框和透明背景的圆角效果。废话不多说直接上代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文

posted @ 2025-08-21 14:45 与f 阅读(73) 评论(0) 推荐(0)

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

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

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

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

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

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

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

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

posted @ 2025-04-22 14:29 与f 阅读(30) 评论(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 阅读(12) 评论(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 阅读(150) 评论(0) 推荐(0)

微信小程序设置scss编译

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

posted @ 2025-01-20 10:56 与f 阅读(938) 评论(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 阅读(42) 评论(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 阅读(19) 评论(0) 推荐(0)

css 从中间向两边颜色渐变到透明

摘要：css 从中间向两边颜色渐变到透明 background: linear-gradient(to right, rgba(27,201,145,.1) 0%, rgba(27,201,145,.8) 50%, rgba(27,201,145,.1) 100%); https://juejin.cn/ 阅读全文

posted @ 2024-12-20 10:01 与f 阅读(333) 评论(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 阅读(286) 评论(0) 推荐(0)

小程序组件文档

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

posted @ 2024-12-18 16:17 与f 阅读(46) 评论(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 阅读(85) 评论(0) 推荐(0)

微信小程序导出xls数据

摘要：// 创建工作簿 const workbook = XLSX.utils.book_new(); // 创建工作表数据 let worksheet_data = [ ["用户ID", "用户昵称", "红包","所属邀请人","直播1a观看时长","红包1a","直播1c观看时长","红包1c"], 阅读全文

posted @ 2024-07-31 10:23 与f 阅读(215) 评论(0) 推荐(0)

微信小程序本地读取xls文件

摘要：微信小程序本地读取xls文件：其中用到一个js-xlsx库：https://docs.sheetjs.com/docs/demos/frontend/vue/ , 主要思路是 1. 通过 wx.chooseMessageFile 上传文件，获得一个临时地址 tempFilePath 。（这个地址阅读全文

posted @ 2024-07-25 10:14 与f 阅读(1584) 评论(0) 推荐(0)

js 中的 base64 转码 btoa/atob

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

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

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

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

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

node加速镜像源管理工具nrm安装使用

摘要：我们在开发node.js的时候,经常会遇到某些包无法下载, 或者下载太慢, 还有需要加载我们自己是有源中的包的问题, 今天推荐给大家的这款 nrm 镜像源管理工具就是解决这类问题的. 安装方法也很简单, 执行 npm install nrm -g 就可以安装 # 安装nrm npm install 阅读全文

posted @ 2024-05-17 15:57 与f 阅读(499) 评论(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 阅读(501) 评论(0) 推荐(0)

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

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

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

与f

随笔分类 - 前端

公告