摩杜云开发者社区-摩杜云

jS 数据类型检测

基本数据类型 Undefined、Null、Boolean、Number、String、Symbol（ES6新增）和BigInt（ES10新增）； typeof typeofstr通常检测数据的基本类型，但对引用类型数据判断的话，除function会被识别出来之外，像null、{}、数组都输出为object。 typeofnull//'object' typeofundefined//'undefined' typeof5//'number' typeof'6'//'string' typeoftrue//'boolean' typeofSymbol()//'symbol' typeof...

Zb4uDVOx6nyy 2023年11月19日 20 0 0 原型链基本数据类型原型链原型对象原型对象基本数据类型

微信H5页面打开内置地图的指定位置和获取当前位置

根据经纬度打开地图安装一下微信sdk npmiweixin-js-sdk-S 页面使用 <template> <divclass="mapboxclmcenter"> <button@click="openMap">打开地图</button> </div> </template> <script> import{Toast}from"vant"; //导入weixin-js-sdk importwxfrom"weixin-js-sdk"; exportdefault{ methods:{ openMa...

Zb4uDVOx6nyy 2023年11月19日 23 0 0 浮点数指定位置 git git 浮点数指定位置

npm安装方式

1.npminstallmoduleName 模块将会被安装到node_modules目录下不会把模块依赖写入devDependencies或dependencies节点运行npmi初始化项目时不会自动下载 2.npminstall--savemoduleName 模块将会被安装到node_modules目录下会将模块依赖写入dependencies节点运行npmi初始化项目时会自动下载运行npminstall--production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。 3.npminstall--save-de...

Zb4uDVOx6nyy 2023年11月14日 18 0 0 初始化 ci 初始化自动下载自动下载 ci

CSS3渐变颜色属性

一、线性渐变多种颜色之间的渐变，默认从上到下。也可以使用关键词设置线性渐变的方向，to，代表往哪儿去，联合top\right\bottom\left，就规定了向上\右\下\左的方向渐变过度；也可以使用角度值（例：90deg）设置线性渐变的方向 background-image:linear-gradient(red,yellow,green);/默认从上到下渐变/ background-image:linear-gradient(toright,red,yellow,green);/从左往右渐变/ background-image:linear-gradient(totop,red,y...

Zb4uDVOx6nyy 2023年11月13日 22 0 0 线性渐变 ci 宽高线性渐变 ci 宽高

利用lrz.bundle.js实现图片压缩上传

<!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <title>Document</title> <scriptsrc="https://www.bejson.com/static/b...

Zb4uDVOx6nyy 2023年11月13日 23 0 0 json bundle html json bundle html

vue3生成 pdf 导出

需要安装两个依赖 npmihtml2canvas npmijspdf 创建html2pdf.ts importhtml2canvasfrom'html2canvas'; importjsPDFfrom'jspdf' exportconsthtmlToPDF=async(htmlId:string,title:string="报表",bgColor="fff")=>{ letpdfDom:HTMLElement|null=document.getElementById(htmlId)asHTMLElement pdfDom.style.padding='010px!importa...

Zb4uDVOx6nyy 2023年11月08日 20 0 0 业务需求 html 业务需求 html

npm版本管理工具nvm

一、下载下载地址： https://github.com/coreybutler/nvm-windows/releases 直接下载 https://github.com/coreybutler/nvm-windows/releases/download/1.1.11/nvm-setup.zip 二、检查是否安装成功 nvm-v 三、nvm指令 nvmlistavailable//查看所有能够安装的npm nvmcurrent//查看当前使用的node版本。 nvmlist//显示已安装版本列表。 nvmlistavailable//显示所有可以下载的版本。 nvminstal...

Zb4uDVOx6nyy 2023年11月05日 36 0 0 github 缓存 Node.js 缓存 Node.js github

Vue实现手机横屏效果

css横竖屏 .mobile-landscape-container{ @mediascreenand(orientation:portrait){ position:absolute; width:100vh; height:100vw; top:0; left:100vw; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); transform-origin:0%0%; } @mediascreenand(...

Zb4uDVOx6nyy 2023年11月05日 23 0 0 css 移动端横屏 css 移动端横屏

数组操作的方法

数组操作的方法分为：改变原数组的方法和不改变原数组的方法 1.改变原数组的方法 vararr=[] arr.splice() arr.reverse() arr.fill() arr.copyWithin() arr.sort() arr.push() arr.pop() arr.unshift() arr.shift() 2.不改变原数组的方法 vararr=[] arr.slice() arr.map() arr.forEach() arr.every() arr.some() arr.filter() arr.reduce() arr.entries() arr.find() a...

Zb4uDVOx6nyy 2023年11月02日 25 0 0 数组操作数组

骨架屏

什么是骨架屏？骨架屏是一种在页面加载过程中，以占位符形式展示页面结构的技术。它通过显示简单的灰色块和线条，让用户在等待内容加载时获得视觉反馈，提高了用户的满意度。在移动设备和慢速网络环境下，页面加载速度变得尤为关键。用户不愿等待长时间才能看到页面内容。骨架屏能够在内容加载完全之前快速展示页面结构，让用户感受到页面加载的进度，从而提高了用户体验。 CSS实现骨架屏 1、实现简单的html骨架页面 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="...

Zb4uDVOx6nyy 2023年11月02日 28 0 0 html 页面加载加载

js中判断数据类型

一、typeof运算符 typeof 是一个用于返回一个值的数据类型的字符串的运算符。它对于基本数据类型（如字符串、数字、布尔值、undefined）非常有用，但对于对象和数组等引用类型，它的行为可能不如预期。 typeof"Hello";//"string" typeof42;//"number" typeoftrue;//"boolean" typeofundefined;//"undefined" 二、instanceof运算符 instanceof 运算符用于检查对象是否是特定构造函数的实例。它通常用于检查自定义对象的类型。 functionPer...

Zb4uDVOx6nyy 2023年11月02日 97 0 0 字符串运算符自定义对象

vue实现PDF文件预览

一.安装vue-pdf和vue-pdf-embed这两个库在业务组件中导入 importpdffrom"vue-pdf"; importVuePdfEmbedfrom"vue-pdf-embed"; 二.在上传文件组件的文件列表处绑定预览方法 <Upload.Dragger style="position:relative;width:80%;cursor:pointer" :maxCount="1" :beforeUpload="beforeUpload" accept=".pdf" @remove="removeFile" @preview="getNumPages"//预...

Zb4uDVOx6nyy 2023年11月02日 54 0 0 文件拖拽文件大小加载

vue二维码生成

有时候项目开发中需要自己生成二维码来达到目，可以用qrcodejs2的这个插件来实现这个功能安装依赖 npminstall--saveqrcodejs2 在需要的页面中： importQRCodefrom'qrcodejs2' 调用方法 createQRCode(){ vartext='xxxxx'//需要生成二维码的内容 varqrcode=newQRCode(this.$refs.dajianshi,{ text:text, width:200, height:200, colorDark:'000000', ...

Zb4uDVOx6nyy 2023年11月02日 89 0 0 调用方法项目开发

vue配置代理服务器proxy

1.使用vue.config.js文件配置代理：在Vue项目的根目录下创建一个vue.config.js文件，并添加以下代码： module.exports={ devServer:{ proxy:{ '/api':{ target:'http://api.example.com', changeOrigin:true, pathRewrite:{ '^/api':'' } } } } } devServer配置项来配置代理服务器。其中proxy属性用于配置代理的规则，/api表示需要代理的接口路径。target属性表示代理的目标服务器地址，changeOrigin属性表示是否改变请...

Zb4uDVOx6nyy 2023年11月02日 30 0 0 源地址代理服务器

JS判断字符串是否全为空

1、使用trim()方法 trim()方法会去除首尾空格，并返回一个处理后的新值 <template> <divclass="box">content</div> </template> <scriptsetup> import{ref,reactive,toRefs,watch,computed,defineProps,}from'vue'; import{useStore}from'vuex'; import{useRoute,useRouter}from'vue-router'; constroute=useRoute(...

Zb4uDVOx6nyy 2023年11月02日 49 0 0 正则