随笔分类 - 常用技术点
日常开发中的一些项目小功能点
摘要：Aplayer 🍭 Wow, such a beautiful HTML5 music player(哇，好漂亮的HTML5音乐播放器) Aplayer是一个功能强大的HTML5音乐播放器 Aplayer官网文档：https://aplayer.js.org/#/ Metingjs Metingj
阅读全文
摘要：我们在浏览网页的时候，时常会看到一些网页音乐播放器，本文以vue为例，使用aplayer插件，做一个简单的网页播放器。我们先看一下效果图 效果图 正常模式 吸底模式 当然还有迷你模式，就是能隐藏的都隐藏，这里不赘述，做相应配置就会出现对应效果。 注意，吸底模式会出现上一曲下一曲按钮，以及歌词按钮。正
阅读全文
摘要：一. 准备工作 JavaScript 语言中，生成实例对象的传统方法是通过构造函数 function Animal(name,age){ this.name = name; this.age = age; } Animal.prototype.showName = function(){ conso
阅读全文
摘要：一、什么是webscoket WebSockets 是一种先进的技术，它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此 API，可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应。 WebSockets 这种技术中有一个接口名为WebSocket，它是一个用于连
阅读全文
摘要：v-viewer中文文档 安装 npm install v-viewer@next 全局注册 main.js文件中 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' const app = createApp(App) /
阅读全文
摘要：前言 nginx部署完项目后，访问时 刷新后 就会出现404的报错界面(没有配置情况下，而且不是首页根目录刷新) 当重新访问首页后，又恢复正常，只要一刷新就会出现这个问题。这是为什么呢？ 其实很简单就是你的nginx配置上没有添加重定向跳转 报错原因 因为web单页面开发模式，只有一个index.h
阅读全文
摘要：执行以下命令查看正在使用此端口("80")的进程 netstat -tulnp | grep "8080" 执行kill -9 进程pid关闭该进程 kill -9 进程id
阅读全文
摘要：前言 在开发中，为了代码的稳定性不报空指针异常，经常需要判断前端传过来的值是否为空，为空的话就返回前端值为空的提示，才能进行下一步的操作，例如登录操作需要判断传过来的登录名和密码是否为空： @GetMapping("login") public Result login(User user) { i
阅读全文
摘要：内网穿透。通过cpolar软件可以获得一个临时域名，而这个临时域名是一个公网ip。 cpolar软件的使用： 1. 下载与安装 下载地址: https://dashboard.cpolar.com/get-started 安装过程中,一直下一步即可. 2. cpolar指定authtoken 复制a
阅读全文
摘要：// 全屏事件 handleFullScreen(id) { let element = document.getElementById(id); //需要全屏容器的id // 浏览器兼容 if (this.fullscreen) { // 取消全屏 if (document.exitFullscr
阅读全文
摘要：最近做项目刚好用到pc端分辨率适配, 在这里分享一下我的做法。 1.先下载需要的插件包 px2rem-loader、postcss-pxtorem npm install px2rem-loader npm install postcss-pxtorem@5.1.1 2. 配置rem.js文件（名称
阅读全文
摘要：npm是外国的服务器，访问下载有时会出现问题，可以连接中国本地的镜像服务器 命令行中输入安装镜像服务器 npm install -g cnpm --registry=https://registry.npmmirror.com 用法和指令就是把npm 变成 cnpm cnpm i math --sa
阅读全文
摘要：From表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑) 按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中
阅读全文
摘要：TinyMCE中文文档地址: http://tinymce.ax-z.cn/ 1.安装TinyMCE $npm install tinymce@5.2.0 -S $npm install @tinymce/tinymce-vue@3.0.1 -S 2.将node_modules/tinymce 文件
阅读全文
摘要：1. 进入如下路径，把hosts复制到桌面 2.在桌面将hosts以记事本方式打开，复制下面内容添加到最下方，退出保存 # GitHub Start 140.82.114.4 github.com 199.232.69.194 github.global.ssl.fastly.net # Githu
阅读全文
摘要：let arr=[ { id:1, name:1, children:[ { id:2, name:2, children:[ { id:3, name:3, children:[] } ] } ] }, { id:4, name:4, children:[ { id:5, name:5, chil
阅读全文
摘要：1. https://www.makeapie.cn/echarts 2. https://echarts.apache.org/examples/zh/index.html 3. https://www.isqqw.com/ 4. https://ppchart.com/#/ 5. https:/
阅读全文
摘要：复制网站sessionStorage或者localStorage到另一个网站： 1.将以下代码在要复制的A页面console中回车执行。 1）sessionStorage 全拷贝： copy(` const sess = ${JSON.stringify(sessionStorage)}; for
阅读全文
摘要：1.删除url指定参数 const urlParams = new URLSearchParams(window.location.search); urlParams.delete('token'); //删除url上面的token参数 window.location.search = urlPa
阅读全文
摘要：1、NPM 安装： npm install --save js-md5 2、全局用法 2.1、全局引用 import md5 from 'js-md5'; Vue.prototype.$md5 = md5; 2.2、全局使用 将您需要加密的信息放进去： this.$md5('This is encr
阅读全文
浙公网安备 33010602011771号