张一西的博客

gif示例github地址: github基于vue3.x + elementPlus 实现的后台管理系统模板1、 登录逻辑.2、 基本布局(基于elementPlus)3、 动态路由逻辑4、 动态菜单栏逻辑5、 面包屑 6、 皮肤切换 7、 假数据模拟路由菜单Project setupyarn installCompiles and hot-reloads for developmentyarn serveCompiles and minifies fo

本人开发vue3.0拖拽缩放组件，持续更新中github地址： https://github.com/zzz0908/vue3-resize-dragnpmjs地址: https://www.npmjs.com/package/vue3-resize-dragdemo:文档vue3.0拖拽缩放插件下载并引入npm i vue3-resize-drag -Syarn add vue3-resize-drag -Simport vue3ResizeDrag from 'vue3-resi

// 语音停止 handleStop(e) { if(window.speechSynthesis){ const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance(); msg.text = e; msg.lang = "zh-CN"; ..

function pcompare(prop,rev) { // 第二个参数没有传递，默认升序排序 if(rev === undefined) { rev = 1; }else { rev = rev ? 1: -1; } return function(obj1,obj2) { // 方括号.

首先下载 html2canvas 和 jspdf插件import html2canvas from 'html2canvas'import JsPDF from 'jspdf'导出函数 (先html2canvas将页面截图，然后用jspdf导出) exportPDF(){ // let shareContent = document.body,//需要截图的包裹的（原生的）DOM 对象 let shareContent = document.get

目录（一）直接调用（二）、封装导出函数调用最近做项目中有一个导出excel表格的需求具体思路是：后端返回给我json数据，前端根据数据和具体的几项字段去导出excel表格，还有导出多个sheet，多页表格到一个excel表里面，具体思路 根据Export2Excel插件，并修改插件Export2Excel完成导出多页(多个sheet)的excel第一步：安装插件 依赖npm install file-saver --savenpm install xlsx --savenpm install

new Map()// 实现当data数组对象中 time相同时 取code值最大的对象 let data = [ {time:'2010-10-11',code:4}, {time:'2010-10-11',code:2}, {time:'2010-10-11',code:3}, {time:'2010-10-12',code:7}, {time:'2010-10-12',code:3}, {time

mysql小技巧，当多行命令输入，发现错误后，用 \c 结束1.连接数据库mysql -u root -p2.查看所有数据库 (一定记得最后加分号)show databases;3.创建数据库CREATE DATABASE 数据库名;4.删除数据库drop database <数据库名>;5.选择数据库use 数据库名6.创建数据表CREATE TABLE IF NOT EXISTS `runoob_tbl`( `runoob_i

Git基本使用一、GIT基本知识工作区 -->暂存区–> 版本库 --> 远程版本库工作区：文件的增加，修改，删除操作都在工作区执行暂存区：文件修改后且add后，到暂存区版本库：文件commit后，到版本库远程仓库：本地版本库的文件push到远程仓库，从远程仓库pull/fetch文件到本地HEAD保存的是最后一次提交点（当前），指向当前工作的分支HEAD^上一个版本HEAD^^上上个版本HEAD~10上10个版本二、配置安装git后执行以下配置1.配置用户名及邮

代码更新之后，浏览器打开页面发现代码还是之前的解决办法：在加载js时 url后边拼接上当前时间戳<script type='text/javascript' src='./xxx.js?t=<%=new Date().getTime()%>' ></script>

天气插件中国天气网vue中使用首先我们进入中国天气网生成一段代码根据需要设置天气样式复制并修改生成的这段代码到vue中将script引入 修改为vue的动态引入方法<template> <div id="weater"> <div id="weather-view-he" ref="weather"></div> <remote-script src="天气网生成代码中script的src"&

今天遇到了个难题，在次记录一下。一般我们vue中动态修改一个组件的样式会用 :class :style等方法。今天我在修改一个组件样式的时候发现覆盖不了原有样式于是我在style标签中用/deep/修改了一下，发现成功了，但是我必须要动态修改，那么怎么在css中使用vue变量呢？css 变量var()CSS中原生的变量定义语法是：–，变量使用语法是：var(–)，其中*表示我们的变量名称。关于命名这个东西，各种语言都有些显示，例如CSS选择器不能是数字开头，JS中的变量是不能直接数值的，但是，在

什么是TypeScriptTypeScript是Microsoft公司注册商标。TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。安装TypeScript1、在全局环境里安装TSnpm install -g typescript2、用 tsc 命令编译 .ts 文件app.ts 文件：let title: string = '123456789'在命令行里

github项目地址如果从github下载的地图下载工具报错的话 请用以下链接下载地图瓦片下载工具提取码 : leec

先上效果图项目地址 (vue-ruler-tool)点此进入特点没有依赖 可拖动的辅助线 快捷键支持安装与基本用法$ npm install --save vue-ruler-tool全局注册import Vue from 'vue'import VueRulerTool from 'vue-ruler-tool'Vue.component('vue-ruler...

html写一个type=‘file’ 的input标签 , 绑定change事件input(id="file" type="file" ref="uploadInput" @change="fileChange")js or vue fileChange(e){ let files = e.target.files[0] // 获取上传内容 ...

github地址: https://github.com/zzz0908/css-微信公众号:怕夜长梦多 要惊心动魄求关注 谢谢大家

首当其冲的当然使我们的leaflejs官网文档啦，任何一个插件的使用自然离不开官网文档https://leafletjs.com/然后我们想要实现的各种效果在如下网址http://develop.smaryun.com:81/API/JS/IGSInterfaceDemoForLeaflet/这个网站包含了几乎所有leaflet地图效果关注微信公众号: 怕夜长梦多 要惊心动魄求关注 ...

// 封装一个localStorage函数,减少页面请求export function Storage() { if (!window.localStorage) { // 这里应该走cookie逻辑 alert('此版本浏览器不支持本地存储') return false } return { set(key...

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux。VSC中文网：http://www.vscode.org/...