让我玩项羽-CSDN博客

原创 Vue：CDN方式引入 Monaco Editor

如果项目中有eslint，需要在 .eslintrc.js 中添加全局 globals 变量：monaco。到项目/public/static/scripts/ 中。包内的 package/min/vs中的目录。框架：vite + vue 3。

2022-08-15 14:17:50 1633 1

版本声明： [email protected]@2.5.207 ps：如果使用 vue 3.x 的版本，切记不要使用太高的 pdfjs-dist 版本，会有语法报错函数引入： import * as PDFJS from 'pdfjs-dist'; if (!PDFJS.GlobalWorkerOptions.workerSrc) { // 此处的 pdf work 文件放置到了根目录/public/js/pdfjs 下 PDFJS.Glob..

2022-03-31 10:32:36 2589 2

原创 windows server下的 Nginx SSL 证书安装部署

由于 github pages 项目中使用后端服务调用只支持使用 https 协议，故需要在原来的 Nginx 服务器中安装 SSL 证书，参考了SSL 证书 Nginx 服务器 SSL 证书安装部署#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs.

2021-12-31 13:24:25 2122

转载 JS正则表达式收录

一、校验数字的js正则表达式数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-...

2021-12-28 10:37:42 166

原创 HTTP 状态码收录

目录HTTP 状态码HTTP 状态码分类1XX 状态码2XX状态码3XX状态码4XX状态码5XX状态码HTTP 状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含 HTTP 状态码的信息头（server header）用以响应浏览器的请求。HTTP 状态码的英文为HTTP Status Code。。下面是常见的 HTTP 状态码：200 - 请求成功 301 - 资源（网页等）.

2021-12-27 10:49:20 97

原创前端部分页面dom元素视图显示不完整

首先我们看一下下面的表格，如果你也出现了以下类似的情况，请往下看：非正常页面正常页面框架：Vue 2.6.11UI组件库：Element UI2.15.6此处使用的组件：ELDrawer，ELLoading如果你也是给 ELDrawer 或者ElDialog 中的某个元素添加了 v-loading 的指令，请尝试移除掉元素上的 v-loading 指令推测原因：Element UI 的 v-loading 指令，会更改元素的 zIndex 层级，明明 dom.

2021-12-17 14:47:16 1328

原创 Github Pages build with vite

前言为什么选 Vite {#why-vite} | Vite中文网 (vitejs.cn)部署静态站点 {#deploying-a-static-site} | Vite中文网 (vitejs.cn)一、开始 vite开始 {#getting-started} | Vite中文网 (vitejs.cn)搭建 Vite 项目兼容性注意Vite 需要Node.js版本 >= 12.0.0。# npm 6.xnpm init vite@latest my-vue-..

2021-12-16 18:15:51 776

转载 Vue3 单文件组件＜script setup＞中的组合式API 使用总结

起初 Vue3.0 暴露变量必须 return 出来，template中才能使用；Vue3.2 中只需要在 script 标签上加上 setup属性，组件在编译的过程中代码运行的上下文是在 setup() 函数中，无需return，template可直接使用。一、Vue文件结构<template> // Vue2中，template标签中只能有一个根元素，在Vue3中没有此限制 // ...</template><script setup> ...

2021-12-16 09:35:18 4734 3

原创 HighCharts地图应用：vue3 script setup

安装npm install --save highcharts版本效果预览使用（局部引入）此处以山东省的地图为例：html<template> <div class="w-660px h-660px" ref="mapChartRef"></div></template>ps：此处样式是通过Windi CSS生成，有兴趣的同学可以学习一下，很好用的哦????js 1、依赖项引入...

2021-09-30 12:11:35 1036

原创 js 调用浏览器 Notification

const notification = window.Notification || window.mozNotification || window.webkitNotificationif (notification) { // 可以通过使用箭头函数变更this指向 notification.requestPermission(result => { console.log(result) // granted（允许） || denied（拒绝） .

2021-09-06 10:22:42 1097

原创 xterm.js V4.13.0 学习文档（for vue）

安装Installnpminstall--savexterm使用Usingimport'xterm/css/xterm.css'import{Terminal}from'xterm'constterm=newTerminal()term.open(document.getElementById('xterm-container'))配置项Options/***当canvas渲染器运行过慢时，会回退为DOM渲...

2021-09-03 15:42:50 8139 1

原创如何使用Sass生成不同间隔和位置的margin和padding

实现方案：1、for循环// 编译前@for $i from 1 through 3 { .m-#{$i * 5} { margin: ($i * 5) + px; } .m-t-#{$i * 5} { margin-top: ($i * 5) + px; } .m-b-#{$i * 5} { margin-bottom: ($i * 5) + px; } .m-l-#{$i * 5} { margin-left: ($i * 5) + px; } .m-r-#{$i * 5

2021-08-31 14:40:40 719

原创微信小程序页面传值的方式

个人在开发小程序时用到的，做一下整理，可能不全面，还希望大家能留言指正，废话不多说，开始介绍pageA => pageB（pageA跳转pageB）1、数据缓存在pageA中缓存数据，跳转到pageB后获取缓存数据进行后续逻辑处理。// pageA.js设置缓存wx.setStorage({ key:"key", data:"value"})// wx.setStorage的同步版本try { wx.setStorageSync('key'...

2020-11-20 12:10:44 513 1

原创微信小程序解析渲染Web App中的富文本内容

前提：微信小程序里面没有DOM对象，不能直接操作DOM。问题：在日常的web前端开发中，必然会接触到富文本编辑器，如何在小程序里展示渲染富文本编辑器中的HTML元素呢？测试内容：解决方案： 1、小程序自带富文本组件具体文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html具体用法：1、wxml中直接使用【rich-text】标签<rich-tex...

2020-11-09 16:21:59 1275

原创 js 数组常用的遍历方法汇总

遍历数组 - for循环：这是我最初对数组遍历使用的方法var list = [1, 2, 3, 4, 5, 6];for(var i = 0, l = list.length; i < l; i++) { console.log(list[i], i); if (list[i] == 3) { break; }}// 1 0...

2019-05-28 12:41:54 316

转载 js 检测移动端横屏以及竖屏切换

// 屏幕切换刷新window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', screenFlipp, false);//页面加载时检查$(function () { screenFlipp();});function screenFlipp() { ...

2019-04-12 12:06:50 1681

原创 ios系统的微信浏览器完成输入后元素脱流（页面不回弹）

问题描述：input框在页面中下位置时：点击输入框时ios系统输入法将浏览器整个推上去，关闭输入法时整个浏览器还是在一种被推上去的状态，需要手动下拉下页面将浏览器重置为正常状态。解决方法：选择所有的input框，对其添加"聚焦"和"失焦"事件监听，"聚焦"时给该单页面添加"paddingBottom"，"失焦"时重置样式，可以自动让浏览器重置为正常状态。let that = th...

2019-02-22 17:18:27 1347

原创基于微信浏览器调取微信sdk接口

因为公司项目是一套基于微信公众平台的webapp项目，故多处需要调取微信接口完成支付，拍照，本地图册以及录音功能接口，自己也翻了很多文档，看了很多博客，但是也会有很多坑，所以整理下自己在做的时候的思路，希望以后能用到。首先要做的是你的公众号要在微信上申请收付款的功能等，重中之重。引入微信sdk：cdn引入：直接在vue项目的一级目录中的index.html中引入微信sdk的js文件...

2018-09-10 10:14:52 1676 3

原创前端页面中文本标签单行省略以及多行省略

前端页面中文本标签单行省略以及多行省略在最初的切图生涯中，页面上的很多文本内容或多或少，有时候就是要求超出部分显示为省略号，当然也可能会要求为单行溢出或多行溢出。单行溢出的话：width:value; //定义容器宽度white-space:nowrap; //强制文本在单行显示overflow:hidden; //溢出隐藏text-...

2018-07-24 11:40:18 1446

原创前端页面中input输入框的那点事儿

input不可复制或不可粘贴<input type="text" oncopy="return false" onpaste="return false">input输入框只能输入数字在实际的项目中，有很多输入框，比如说年龄字段，身高字段等等，要求用户输入的是纯数字，直接上代码：<input type="number" oncopy="return f

2018-07-24 11:25:08 7271

原创 JS中slice，splice，split的区别

slice ：接收一个或两个参数，它可以创建一个由当前数组中的一项或多项组成的新数组，也就是说他不会修改原数组的值。用法：slice( para1 ),会截取从para1开始的到原数组最后的部分；slice（para1,para2）会截取原数组的从para1开始的para2-para1个数组。注意：当两个参数中存在负数时，用原数组的长度加上...

2018-05-26 16:15:52 263

翻译原生js语句封装jquery版ajax

function ajax() { var ajaxData = { type: arguments[0].type || "GET", url: arguments[0].url || "", async: arguments[0].async || true, data: arguments[0].data || null, dataType: a...

2018-05-26 15:58:08 231

原创 javascript中数组及对象的合并

合并数组的方法： 1、数组遍历法var arr1 = [ 1,2,3,4 ];var arr2 = [ 2,3,4,5 ];// type 1for( var i = 0 ; i < arr1.length; i ++){ arr2.push( arr1[ i ] );}console.log( arr2 );//2,3,4,5,1,2,3,4// typ...

2018-05-26 15:53:41 1561

weixin_42136785的博客