weixin_48785875的博客

原创 文字加边框

原创 nvm 版本控制

nvm install v 18.18.0nvm use v18.18.0

原创 pnpm安装

原创 backdrop-filter

背景模糊效果等

原创 本地环境测试谷歌浏览器跨域问题解决

浏览器跨域问题

转载 段落对齐问题

参考：https://www.zhangxinxu.com/wordpress/2021/02/css-line-break/一、中文标点与换行中文中，有些标点是避首标点，也就是不能出现在一行的开头，例如句号。，有些标点是避尾标点，例如上引号“，上书名号《等。因此，我们经常会看到如下所示的排版，就是明明后面空间足够放一个文字，但是这个文字却跑到了下一行。如下图所示：避首标点导致文字换行原因就在于如果“话”在上一行显示，那么句号就会显示在下一行的开头，而句号。是避首标点，必能出现在开头。因此，“话

原创 好用的bat 的批量操作命令

1.批量修改文件名ren *.jpg *.png //此含义为批量修改后缀名为.jpg的文件为.png2.批量新建文件夹MD 文件名1 //如果有多个换行再写一个MD 文件名2MD 文件名3MD 文件名4依次类推

原创 vscode使用Increment Selection插件，插入递增数字，递减数字，递增字母，递减字母

1.查找Increment Selection插件2.递增数字，递减数字2.1 快捷键顺序（从零递增）shift+alt+鼠标左键–选中多行。ctrl+alt+i2.2 快捷键顺序（从任意数字开始递增）shift+alt+鼠标左键–选中多行。输入任意数字，shift+ctrl+→键选中数字ctrl+alt+i2.3 递减数字同理，区别在于从下往上选中（光标定位第10行，shift+alt+鼠标左键–选中第一行即可递减）3.递增字母，递减字母与递增递减数字同理，预先输入字母即可..

原创 git仓库的安装和使用

打开终端cmd：https://git-scm.com/查看git版本git --versiongit initgit add README.mdgit commit -m "first commit"git remote add origin https://gitee.com/xms90/test-2.gitgit push -u origin "master"git push 时弹出窗口需要输入用户名和密码，当用户名密码出错后，如何修改：控制面板中找到windows凭据，删除

原创 微信小程序之在线客服（即时聊天）

一、即时聊天使用小程序给我们提供的在线聊天功能，在界面中只能通过按钮开放能力来打开。注意：此功能只能在手机端中去使用，在模拟器中无法进行。二、小程序页面中的代码展示 <view class="shareBox"> <text>在线咨询</text> <button type="primary" open-type="contact">在线咨询</button> </view>上诉button按钮需要绑

原创 vscode一些常用快捷键

选中页面中所有一样的；鼠标拖拽选中+ctrl+shift +L;选中相同位置的;鼠标放在想要的位置，然后ctrl+alt+↓；会往下选中相同位置的地方；

原创 对于前端有用的切图

获取svg路径；在psd中打开文件，用钢笔抠出想要的区域转为工作路径导出到AI;保存为.ai格式文件；然后使用ai打开此文件，存储为.svg格式，会有个弹窗，选择svg代码，就可以获取到对应代码了2.如何快速切图png；，首先存为智能对象，双击左边智能对象图标...

原创 vue中动态绑定class

对象方法：:class="{ 'active': isActive }"/*如果isActive为真，则class="active"*/判断是否绑定:class="{'active':isActive==-1}" 或者:class="{'active':isActive==index}"判断绑定多个第一种（用逗号隔开）:class="{ 'active': isActive, 'sort': isSort }"第二种（放在data里面）//也可以把后面绑定的对象写在一个变量放在da

原创 krpano实践之全景图缩放，旋转，倾斜，自动旋转，VR，全屏方法-js调用

/*定义控件*/var krpano = document.getElementById("krpanoSWFObject");/*获取变量*/var fov = Number(krpano.get("view.fov"));var hlookat = Number(krpano.get("view.hlookat"));var vlookat = Number(krpano.get("view.vlookat"));/*放大*/ fov -= 10.0; krpano.set("view.

原创 Vue图片浏览组件v-viewer使用方法

v-viewer用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。viewerjs安装依赖：npm install v-viewer --save全局引入：import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults({ Options: { 'inline': true, 'button': true, 'navbar':

原创 iframe中video的一些设置

allowfullscreen = true /*允许iframe中video全屏功能*/disablepictureinpicture="true" /*取消画中画等下载功能*/

原创 vue中动态绑定图片路径问题

当你动态绑定assets中图片时候，直接使用相对路径会报路径错我，需修改为：<img :src=require('@/assets/img/x.png')>或者<img :src="imgURL">data() {return { imgURL:require('@/assets/img/x.png')}}

原创 node 项目 服务器上启动

//进入服务器根目录即可操作pm2 restart all //重启全部

原创 vue打包路径设置

vue 打包路径设置vue打包默认路径css中图片路径等vue打包默认路径1.vue打包之后的默认路径是从根目录开始算的，如果你的项目并不是根目录，而是子目录，这种设置就会导致路径错误，解决方法：修改config/index.js下面的代码，将assetsPublicPath: '/'跟路径修改为assetsPublicPath: './'当前文件夹路径css中图片路径等解决之后，发现组件中的css的背景图片路径不对，无论放到static还是assets里面，最后解析出来的都是/static/i