分类目录

链接

2024年 3月
 123
45678910
11121314151617
18192021222324
25262728293031

近期文章

热门标签

新人福利,免费薅羊毛

vue/react/node/vite/npm/yarn build自动更新版本号

//根目录 创建 version.js //安装 dayjs 或者 momentjs //修改package.json中build script为: node version.js & vite build //version.js如下: import fs from "fs"; import dayjs from "dayjs"; const getPackageJson = () => { let data = fs.readFileSync('./package.json') //fs读取文件 return JSON.parse(data) //转换为json对象 } let packageData = getPackageJson() packageData.version = dayjs().format('YYYYMMDDHHmm'); fs.writeFile( './package.j...

前端 暂无评论 阅读(33)

getVisitDistribution 访问来源定义(访问来源 key 对应关系)

访问来源 key 对应关系(index=”access_source_session_cnt”),场景值说明参见 场景值 key 访问来源 对应场景值 1 小程序历史列表 1001 1002 1004 2 搜索 1005 1006 1027 1042 1053 1106 1108 1132 3 会话 1007 1008 1044 1093 1094 1096 4 扫一扫二维码 1011 1025 1047 1105 1124 1150 5 公众号主页 1020 6 聊天顶部 1022 7 系统桌面 1023 1113 1114 1117 8 小程序主页 1024 1135 9 附近的小程序 1026 1033 1068 11 模板消息 1014 1043 1107 1162 12 客服消息 1021 13 公众号菜单 1...

前端 暂无评论 阅读(97)

TinyMCE工具栏配置详解

启用和停用工具栏 通过init配置项toolbar和toolbar(n)来配置工具栏是否启用的项目和显示的顺序。 同时,使用|来分割各个项。 tinymce.init({ selector: '#textarea1', // change this value according to your HTML //启用工具栏并显示如下项 toolbar: 'undo redo | styleselect | bold italic | link image', }) tinymce.init({ selector: '#textarea2', // change this value according to your HTML //禁用工具栏 toolbar: false, }) /* 启用多个工具栏 */ tinymce.init({ ...

前端 暂无评论 阅读(639)

Ant Design Vue 1.7.8 (vu2)自定义路由菜单图标

新建icon component: <template> <svg t="1681699879367" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2329" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M643.456 409.056c20.448-48.64 84.864-204.256 84.864-237.248l0-129.76-436.384 0 0 129.76c0 33.088 64 189.664 83.968 237.696-99.392 49.472-167.872 151.776-167.872 270.336 0 166.848 135.264 302.112 302.112 302.112s302.112-135.264 302.1...

前端 暂无评论 阅读(46)

vue获取节点的父节点、兄弟节点、子节点

<span @click="getClickInfo(event)"> </span> getClickInfo: function (e) { let clickDom = e.currentTarget; // currentTarget 获取绑定点击事件的节点 let currentDom = e.target; // target 获取当前点击节点 let parent = clickDom.parentElement; // parentElement获取绑定事件节点的父节点 let previous = clickDom.previousElementSibling; // previousElementSibling获取绑定事件节点的前一个节点 let previousInner = previous.innerHTML; // 获取绑定...

前端 暂无评论 阅读(162)

vue3+vite3实现路由自动化

  import {createRouter, createWebHashHistory} from 'vue-router' const modules = import.meta.glob('/src/pages/**/index.js'); console.log(modules); const routes = []; let components = []; Object.keys(modules).forEach(key => { let component = modules[key]; components.push(component()); let name = key.split('pages/')[1].split('/')[0].toLowerCase(); let path = "/" + name; if (name === 'index') { path = "/"; } ...

前端 暂无评论 阅读(199)

h5吹气互动(利用recorderjs获取输入音量大小)

h5吹气互动原理是利用获取麦克风音量,用一段逻辑来判断。研究了半天~ 最开始用的是下面这种方法(在ios下失效): <!doctype html> <html style="font-size: calc((100vw / 375)*10)"> <head> <meta charset="utf-8" ></meta> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <title>Disney Spring Web - voice!</title> <script src="./recorder.mp3.min.js">&...

前端 暂无评论 阅读(247)

使用html5-qrcode 扫描二维码(vue3)

/* Your code... */ <script> import { Html5Qrcode } from "html5-qrcode"; export default { name: 'HelloWorld', props: { msg: String }, mounted(){ console.log('hello...'); this.getCameras(); }, methods:{ getCameras() { Html5Qrcode.getCameras() .then((devices) => { /** * devices would be an array of objects of type: * { id: "id", label: "label" } */ //alert(JSON.stringify(devices)); if (devices && devices.length) { this.came...

前端 暂无评论 阅读(59)

彻底解决不同分辨率下的绝对定位问题/大小问题

原理就是 font-szie   +  rem   <!doctype html> <html style="font-size: calc((100vw/375)*10)"> <head> <meta charset="utf-8"></meta> <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0;"name="viewport"></meta> <title>Disney Spring Web!</title> <style>         html,body{             margin:0;             padding:0; } .container {             max-width:1000px;             margin:0 ...

前端 暂无评论 阅读(54)

wx.miniProgram.navigateTo不起效果

官方文档地址: https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html   <span class="token comment">// javascript</span> wx<span class="token punctuation">.</span>miniProgram<span class="token punctuation">.</span><span class="token function">navigateTo</span><span class="token punctuation">(</span><span class="token punctuation&quo...

前端 暂无评论 阅读(44)