weixin_42292748的博客

canvas生成base64长按保存图片在日常项目中我们经常会遇到各种个样的保存图片功能，需要运用canvas进行绘图，生成img可以识别的url进行长按保存。canvas生成代码 // canvas生成图片 generateImg() { let that = this; // 创建画布 var canvas = document.createElement("canvas"); // 绘制文字环境 var context =

vue省市区三级联动下载省市区js并引入链接: link.// 引入jsimport provice from "./area.js";data里赋值全局变量// 赋值that.provArr = provice.provice;data(){ provArr: [], prov: "", cityArr: [], city: "", countryArr: [], ...

在项目中我们经常遇到上下滚动的特效，类似于抽奖摇号…网上的一些基本特效很满足我们的需求。尝试了下手动写js，把他集成了一个vue文件如下<template><div class="indexBox"> <button @click="addNum">增加</button> <div id="animeBox"&

在我们的日常业务中，表单验证是个很常见设计需求，像一些登录注册框，问卷调查也都需要用到表单验证。一般我们的实现思路都是JS监听input框的输入内容，判断用户输入内容，从而以此来决定下一步的操作。<el-form :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-rul...

项目中经常会遇到需要导出列表内容，或者下载文件之类的需求。结合各种情况，我总结了前端最常用的三种方法来接受后端传过来的文件流并下载，针对不同的情况可以使用不同的方法方法一使用场景针对后端的get请求<a href="后端文件下载接口地址" >下载文件</a>可以直接用标签接受后端的文件流方法二使用场景针对后端的post请求 利用原生的XMLHttpRequ...

一般我们在移动端会用到点击复制内容到剪贴板，当然我们也在pc用到，今天和大家分享下复制内容到剪切板的2种方法，各有利弊。第一种我们可以用浏览器的复制命令完成，但是这个方法在苹果系统上是不能用的。代码：<script type="text/javascript">function savetext() { var Url2=document.getElem...

在一些项目中都会碰到时间的处理，前端或者后端都会用到，如果前端用了类似于element-ui的插件，可以用里面自带的时间的格式进行解决。看代码 //获取当前时间 CurentTime(time){ var d = new Date(); var localTime = d.getTime(); var localOffset=d.get...

git 命令###一般步骤###项目拉去步骤git clone + 项目的ssh地址在码云上拉去项目从远程获取最新版本并merge到本地git pullAlready up-to-date.已经更新到最新版本检查本地文件和线上文件的差异git status将所有修改都添加，跟踪git add .git add -A更新的备注git commit -m...

本人是基于vue和node开发项目的，继承了egg框架，因为后端哟啊进行时间催促的操作（类似存取当前时间），有的时候前端传过来的时间格式不对影响到了数据库的操作。一次偶然的发现node自带一个模块可以获取当前那时间，并且有利于数据库的存储。const sd = require(‘silly-datetime’);...

我们做后台系统的常常会遇到文件导出，其实简单的来讲就是前端传入了对应的参数（时间范围），我们去数据库里查拿到数据，然后导出excel表。这里我们要在node里做导出需要用到node自带的几个模块（这些模块可以用npm i 模块名称 --dev安装）//在对应的server层引入const XLSXWriter = require('xlsx-writestream');const xlsx...

定义全局变量设置一个专用的全局变量模块文件，模块里面定义一些变量的初始状态，用export default暴露出去，在main,js里面使用Vue.prototype挂载到vue实例上面或者在其他地方需要使用时，引入该模块即可。全局变量模块文件Global.vue文件：<script>const serverSrc='www.baidu.com';const token='...

什么是headless：通俗的讲1.通过一行代码，启动一个chrome浏览器，打开某个网页2.通过控制代码，让chrome浏览器做你任何想做的，包括抓取网页、截图、自定义测试等等，并把结果变成文件或者数据库数据保存3.关闭浏览器现在开始上代码（node运行环境）const puppeteer = require('puppeteer');(async() => { con...