Lovely Ruby 的手账

现在我有一个动态的html节点，我想用vue渲染后，传递给后端保存。

Vue3 + ElementPlus 的后台菜单指引。

推荐理由：支持超级多的格式。

文章目录四月moment 时间对象四月moment 时间对象

文章目录思路开发思路开发首先需要有一个微信服务器能访问到的公网ip，我们开发完的服务可以通过内网穿透，穿透到公网上，供微信服务器去访问。

步骤首先用脚手架在本地新建一个项目然后在 git 或者 gitee 上新建远程仓库，复制 git 地址接着打开本地的项目，然后通过 git remote add origin 远程地址，来关联远程项目// 举个我的例子git remote add origin git@gitee.com:lovely_ruby/my-form.git 首次把项目推送到远端需要在终端执行以下代码git push --set-upstream origin master以后推送代码的话

文章目录效果设置方法效果设置方法首先下载字体文件定义font-face在 main.js 中引入最后在全局css 下引用。

文章目录寻找 svg 素材页面中使用更好的使用寻找 svg 素材可以在页面中使用步骤为：引入脚本使用 svg 标签// 引入脚本<script src="https://at.alicdn.com/t/font_2898567_tpf9w52zo9.js"></script>// 页面中使用<svg> <use xlink:href="#icon-cardboard"></use></svg>

文章目录问题描述报错原因解决感谢问题描述今天修改了个 React 项目，部署到线上的时候报了个错误，报错信息如下：报错原因return 后面是不可以直接写注释的解决删掉、或者移动 return 后的注释// 正则表达式\(\s*\n?\s*//我的截图：感谢百度了一下，从这个帖子里找到的答案，大哥牛逼：https://www.amitk.co.in/blog/how-to-fix-minified-react-error-152/...

问题最近在做项目，颜色是暗黑的但是 chrome 字体填充的话背景色又变成白色的了，口区解决全局修改，其中 transition 是比较有用的/* 自动填充样式修改 */input:-webkit-autofill { box-shadow: 0 0 0px 1000px #c7c6c6 inset !important; -webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000p

文章目录前端半部署思路步骤参考前端半部署半部署就是原先服务器已经有 web 项目了，我们要更新一下最新的 html思路前端打包并压缩把压缩包复制到服务器在服务器中把压缩包放到 docker 容器进入docker 容器中，解压，覆盖原来的 html重启 nginx 服务步骤首先前端打个包，在 vue 项目下输入 npm run build （通常情况下是这个，具体什么指令要去 package.json 中去查看）打完包后会在项目中生成一个 dist 打包后的文件，将这个文件

ESlint + Prettier介绍ESlintPrettier解决冲突

https://www.bilibili.com/video/BV1qv411571z?spm_id_from=333.788.b_765f64657363.1

问题createRouter 报错// 报错does not provide an export named 'createRouter'如果是用 npm i vue-router 安装的话会默认安装的是 vue-router@3.x ，然而我们要安装4.x，4.x 下才有 createRouter重新安装 npm i --save vue-router@next，之后重启项目就可以了不热更新奶奶的组件名大写了，第一个dev 的时候能看到改变，但是不会热更新了，我傻掉了啊。项目初始化仓库

问题解决办法按照它的提示三条命令复制进去即可，如果有密码的话输入密码就行了

报错信息error: insufficient permission for adding an object to repository database .git/objectsfatal: failed to write objectfatal: unpack-objects failed原因分析翻译报错信息，看到了permission，那就是跟权限有关系，于是把这句话百度了一下，看了一堆的csdn回答，寥寥几笔写的太简单了，不是很懂因为.git/objects目录有些文件的所有者

报错信息git --no-optional-locks -c color.branch=false -c color.diff=false -c color.status=false -c diff.mnemonicprefix=false -c core.quotepath=false -c credential.helper=sourcetree fetch origin remote: HTTP Basic: Access deniedfatal: Authentication failed f

文章目录简介Docker 常用命令简介Docker 常用命令含义命令查看镜像docker images运行镜像 （-d 代表后台运行，-p设置内外端口映射）docker run -d -p 80:80 nginx查看正在运行的容器docker ps进入某个容器（容器 id 不用写全）docker exec -it 容器id bash删除某个容器（-f 强制删除）docker rm -f 容器id保存容器变成镜像，并且给镜像起名字docke

需求如标题描述实现效果思路给按钮添加点击时间获取到想要滚动到的元素获取此元素的offsetTop然后window.scrollTo即可代码// <template><div class="downBtn" @click="animationDown"> <b-icon icon="arrow-down" animation="cylon-vertical" scale="3" variant="white" .

文章目录分析代码参考遇到的问题需求：内嵌页播放的视频，到了限制时间后弹出相应提示分析我需要监听一下内嵌页，当内嵌页中的视频播放停止后，向父级页面发送一个消息，父级页面监听这个事件接收这个消息后，添加业务逻辑代码我使用的是Vue在 mounted 中注入以下代码var callbackMessage = function(event) { console.log(event)}// 兼容if (typeof window.addEventListener != 'undefin

前言公司的项目需要bootstrapVue框架，说实话没用过，所以写了篇文章记录一下思路通过脚手架搭建项目安装 bootstrapVue运行以来在入口文件中引入步骤首先我通过vue-cli脚手架搭建一个项目，vue-cli具体是什么可以看一下我这个文章：Vue-cli安装完脚手架后，在cmd中运行vue ui，等待浏览器弹出窗口，然后创建项目，有界面的创建项目就非常的直观啦然后安装依赖，如下图所示：接着在入口文件中引入，就像官网上描述的一样// main.jsimport

需求应用需要根据登录的角色属性来渲染不同的 tabbar效果如下图所示思路在每个tabBar 页面添加如下代码（用 u-tabbar 会自动隐藏原来的 tabbar）<template> <div> <u-tabbar :list="tabbar" :mid-button="false"></u-tabbar> </div></template><script> data(){ return

文章目录ajax 请求跨域的数据：jsonpajax 请求跨域的数据：jsonp今天遇到个跨域的问题，我用 ajax 请求一个跨域的链接，提示我跨域了心思心思要不要找后台呢，在自己想一下，百度了一下跨域如何解决于是找到了这篇博文：什么是跨域？跨域解决方法，其中的第三条就是jsonp 解决的。接着参考文章 JSONP跨域详解。...

样式css::-webkit-scrollbar { width: 4px; height: 4px;}::-webkit-scrollbar-track { background: #f6f6f6; border-radius: 2px;}::-webkit-scrollbar-thumb { background: #aaa; border-radius: 2px;}::-webkit-scrollbar-thumb:hover { background: #747

问题最近拿到了一个上古网页项目网页上的头部和尾部是一样的，所以没必要重复的写。提取出来之后复用即可我的这个项目技术用的是 jQuery，于是直接把复用的框架提取出来然后在需要引用的页面上用load()方法引用。碎碎念做这个的时候我查看了这个论坛：一个网站的公共头部head.html和尾部foot.html如何优雅的在整站实现多处复用同步修改?，大家也可以参考一下。其实还有很多实现的办法，比方说让后端来给我们，或者是用自动化工具，然后用gulp，这些我听都没听过（=_= ||），感觉自

简介项目简介：用腾讯实时音视频，来做一个线上面试的小程序。客户端点击面试，生成二维码，然后把二维码发给面试者和面试官，通过扫码，跳转到小程序并自动填入相应的房间号。xxx大概就是这么个流程，哎这个玩意刚开始接手的时候，是周四，让我下周一弄好（前后端都我来），我内心是拒绝的，我都没用过这玩意儿。（无知才是恐惧的原因）周六周天想着出去溜溜，不愧是我，一眼都没看项目，哎感觉工作没做完，心里慌的一批。于是周一早上五点半，我爬了起来，（周日我晚上九点半就躺下了，所以早上能爬起来哈哈哈）写了写几个功能。

第一周Array.fill刷题的时候，遇到个坑，已经总结了~一句话在总结一下吧，就是如果用 Array.fill() 初始化一个引用类型数据，那么就要小心了，会导致都执行同一个引用类型解题中有例子！矩阵置换解题...

我的原因是把项目添加到代码片段里了，可以在代码片段中删除掉，之后就回来了

第一周11-02如何避免给后台传递null最近把同事坑了，说我传递空字符串给后台，后台很难校验，于是我前段想办法如何避免这种情况呢let param = { a:1, b:null, c:null}console.log(param); // {a: 1, b: null, c: null}Object.getOwnPropertyNames(param).forEach((item,index,arr)=>{ if(param[item] =

第一周10-12哎最近我在二次开发一个播放视频的时候人脸抓拍的功能，具体是这样的需求：我们有个教学视频，为了让学员们防止刷视频的可能，我们在进度条上随机计算几个时间点，当视频播放到这个时间点的时候，弹出摄像头进行人脸抓拍对比。分析一下哈：人脸对比的好处在于确定是本人在学防止离场中途我们设置了离场检测阈值，用户在弹出人脸提示的时候开始计时，到人脸认证成功这一段过程，如果超过两分钟，视为离开视频太久了,向后台请求一次离场，如果累计五次，那么后台自动删除学习记录并弹出提示。我负责的

需求分析最近优化了个原先写过的需求，回头复习复习小程序的 API是这样的，我需要下载一个文件并打开此文件优化：记录是否被下载过，如果下载过就直接打开获取文件下载链接，打开文件微信官方给的 wx.downloadFile() API 使用手册。wx.downloadFile({ url: `${pic.meetingUrl}/weixin/noticeStart/downLoad/${this.selectItem.recordId}`, // 下载资源的 url succes

软件推荐工欲善其事必先利其器这里收集了很多使用的软件，在我的公众号里也会比较详细的介绍每一款工具一期总结01. Snipaste 截图 + 贴图

第一周（）01 日咳咳，九月份啦~新的一个月，我决定试图用写日记的方式记录工作，一条条死板的举例实在是没啥码字的动力了，作为一个闷骚的程序员，我要改变自己！变成个都比先。今天又新家的需求，原先没用过，不过自己学呗，搜了搜，于是发现了这个小程序的日历插件。样子如下所示肿摸样，这个粉色很nice吧，这是一个插件，叫 极点日历，参考的文档有 1. 一键搞定！小程序调用日历本该如此简单，2. 极点日历-官方Github使用教程，想使用的话可以参考以上手册来试试。31 日今天可爽啊，改别人的代码，从周

写 mpVue 的时候，千万不要再循环模板里判断长度之类的这种操作，这如果出错，可能导致 页面部分功能的失效比方说我下面这个，循环对象的每个元素是item，代表会议的一些参数，其中会议有个会议文件列表的参数，我想判断，这个会议没有文件的时候，就让这个按钮隐藏。在这里用了 length 判断就导致了我其他按钮的失效，我猜测是因为 这个 item 中的数据还没有那么快的加载完，导致抛出了错误。...