- 博客(13)
- 收藏
- 关注
RSS订阅原创 canvas生成图片并解决跨域问题
canvas生成base64长按保存图片 在日常项目中我们经常会遇到各种个样的保存图片功能，需要运用canvas进行绘图，生成img可以识别的url进行长按保存。 canvas生成代码 // canvas生成图片 generateImg() { let that = this; // 创建画布 var canvas = document.createElement("canvas"); // 绘制文字环境 var context =
2020-05-28 10:13:40
4582
1
原创 vue省市区三级联动
vue省市区三级联动 下载省市区js并引入 链接: link. // 引入js import provice from "./area.js"; data里赋值全局变量 // 赋值 that.provArr = provice.provice; data(){ provArr: [], prov: "", cityArr: [], city: "", countryArr: [], ...
2019-12-05 12:02:24
335
原创 数字滚动
在项目中我们经常遇到上下滚动的特效，类似于抽奖摇号…网上的一些基本特效很满足我们的需求。 尝试了下手动写js，把他集成了一个vue文件如下 <template> <div class="indexBox"> <button @click="addNum">增加</button> <div id="animeBox"&
2019-02-13 09:39:41
1222
原创 css实现表单验证
在我们的日常业务中，表单验证是个很常见设计需求，像一些登录注册框，问卷调查也都需要用到表单验证。 一般我们的实现思路都是JS监听input框的输入内容，判断用户输入内容，从而以此来决定下一步的操作。 <el-form :model="numberValidateForm" ref="numberValidateForm" label-width="100px" class="demo-rul...
2019-01-21 11:49:16
1416
原创 前端处理后端文件流并下载的几种方法
项目中经常会遇到需要导出列表内容，或者下载文件之类的需求。结合各种情况，我总结了前端最常用的三种方法来接受后端传过来的文件流并下载，针对不同的情况可以使用不同的方法 方法一 使用场景 针对后端的get请求 <a href="后端文件下载接口地址" >下载文件</a> 可以直接用标签接受后端的文件流 方法二 使用场景 针对后端的post请求 利用原生的XMLHttpRequ...
2018-12-18 09:49:50
25431
7
原创 VUE 复制内容至剪切板
一般我们在移动端会用到点击复制内容到剪贴板，当然我们也在pc用到，今天和大家分享下复制内容到剪切板的2种方法，各有利弊。 第一种我们可以用浏览器的复制命令完成，但是这个方法在苹果系统上是不能用的。 代码： <script type="text/javascript"> function savetext() { var Url2=document.getElem...
2018-12-10 16:05:14
1752
原创 时间格式的转换
在一些项目中都会碰到时间的处理，前端或者后端都会用到，如果前端用了类似于element-ui的插件，可以用里面自带的时间的格式进行解决。 看代码 //获取当前时间 CurentTime(time){ var d = new Date(); var localTime = d.getTime(); var localOffset=d.get...
2018-12-07 09:37:02
126
原创 git常用命令
git 命令 ###一般步骤### 项目拉去步骤 git clone + 项目的ssh地址 在码云上拉去项目 从远程获取最新版本并merge到本地 git pull Already up-to-date.已经更新到最新版本 检查本地文件和线上文件的差异 git status 将所有修改都添加，跟踪 git add . git add -A 更新的备注 git commit -m...
2018-12-03 15:13:25
273
原创 canvas图片绘制
H5的img标签可以在手机端自动保存，但是我需求是这样子的，一张图片上有优惠码，可以点击复制，有合成的照片，长按要整体保存。所以就用了canvas图片合成的功能。 绘制之前，我们先了解下canvas的绘制图片方法。 HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型： dr...
2018-11-30 14:16:54
663
原创 node获取当前时间
本人是基于vue和node开发项目的，继承了egg框架，因为后端哟啊进行时间催促的操作（类似存取当前时间），有的时候前端传过来的时间格式不对影响到了数据库的操作。一次偶然的发现node自带一个模块可以获取当前那时间，并且有利于数据库的存储。 const sd = require(‘silly-datetime’); ...
2018-11-26 17:27:20
3350
原创 node文件导出excel
我们做后台系统的常常会遇到文件导出，其实简单的来讲就是前端传入了对应的参数（时间范围），我们去数据库里查拿到数据，然后导出excel表。 这里我们要在node里做导出需要用到node自带的几个模块（这些模块可以用npm i 模块名称 --dev安装） //在对应的server层引入 const XLSXWriter = require('xlsx-writestream'); const xlsx...
2018-11-07 15:05:13
758
转载 vue中定义全局变量
定义全局变量 设置一个专用的全局变量模块文件，模块里面定义一些变量的初始状态，用export default暴露出去，在main,js里面使用Vue.prototype挂载到vue实例上面或者在其他地方需要使用时，引入该模块即可。 全局变量模块文件 Global.vue文件： <script> const serverSrc='www.baidu.com'; const token='...
2018-10-18 11:25:29
1069
2
原创 headless爬虫
什么是headless： 通俗的讲1.通过一行代码，启动一个chrome浏览器，打开某个网页 2.通过控制代码，让chrome浏览器做你任何想做的，包括抓取网页、截图、自定义测试等等，并把结果变成文件或者数据库数据保存 3.关闭浏览器 现在开始上代码（node运行环境） const puppeteer = require('puppeteer'); (async() => { con...
2018-10-12 14:27:22
2622
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人