- 博客(13)
- 收藏
- 关注
原创 vue-esign实现签字功能
vue-esign签字当需要客户手写签字的时候,一款手写插件就显得尤为重要。用起来越趁手越丝滑,越好。插件特点vue-esign兼容 PC 和 Mobile;画布自适应屏幕大小变化(窗口缩放、屏幕旋转时画布无需重置,自动校正坐标偏移);自定义画布尺寸(导出图尺寸),画笔粗细、颜色,画布背景色;支持裁剪 (针对需求:有的签字需要裁剪掉四周空白)。导出图片格式为 base64 ;使用1.安装yarn add vue-esign2.页面使用<template><div
2021-09-30 11:41:42 949
原创 手把手教你用vite搭建vue3.0项目(三):跨域代理
1. 安装axios值得一提的是,这里不用再加@next了,直接用就好。yarn add axios2. 请求接口为了展示,我直接在Home.vue中使用,对于axios大家可以自行封装。和之前vue2项目没有太大区别, 最多就是把比如api.js改成api.ts。接口是vite文档里的假接口,但是同样也能提醒跨域报错Home.vue<script lang="ts">import { defineComponent, onMounted } from "vue";
2021-07-15 15:35:55 1337
原创 手把手教你用vite搭建vue3.0项目(二):vant
当Vue项目可以做到路由跳转之后,我们就可以开发页面了。常用的支持vue3.0的ui组件库有element-plus和vant,因为是做移动端项目,这里选择vant:Vant文档1. 安装vantyarn add vant@next同样的,这里也是next2. 全局使用按需加载虽然能减小代码体积,但是会增加开发者的烦躁体积。为了简单粗暴的使用vant,选择文档不推荐的方式来使用,即全局引入,一次性导入所有组件。main.tsimport { createApp } from 'v
2021-07-15 14:52:18 714
原创 手把手教你用vite搭建vue3.0项目(一):vue-router
时间飞速流转,上一次尝试使用vite的时候,还是1.0版本,半年不到,已经更新到2.4版本了。再看看网上的vite博客,竟然有种时光交错之感,心里感慨万千。所以建议大家还是看官方文档,以文档为准:Vite官方中文文档我在此也做一个记录,搭建一个vue3.0的全家桶项目。话不多说,开整!1. 创建项目yarn create vite注意这里的vite不是项目名,而是单纯地指vite构建工具。然后会问项目名(demo),框架选择vue,再选择vue-ts的模板。cd demo打开文件
2021-07-15 14:28:01 2978
原创 前端:搭建自己的个人网站
作为一名h5开发者,我常常不会满足于仅仅写页面业务逻辑和对接后端接口。(当然,如果是想当摸鱼王,我还是会满足的,哪怕只写一个静态页面,我也满足了。)我不甘心只看到界面上的这一点区域,我渴望,了解更广阔的世界。于是乎,就有了搭建自己的个人网站的想法。使用的工具和技术包括:墨刀-vue-node.js-mysql-navicate-宝塔面板步骤以下步骤不用严格按照先后顺序,比如网站备案可能要花很久,可以作为第一步。又比如,我一边开发,一边有点新想法,我又可以回来修改原型。毕竟在这里,我是产品
2021-07-02 10:14:37 5259
原创 本机号码一键登录
# 本机号码一键登录## 业务需求注册登录一向是使用app最先遇到的痛点。比如我下载了一个新app,看着还有用的话,一般都会注册登录。一般注册登录的流程分以下几种:1. 要输入手机号,密码,重复密码。密码这东西你懂的,过两天就忘了。麻烦指数:**5** 颗星2. 只需输入手机号和验证码,不过验证码要手打。要么靠速记,要么复制短信。麻烦指数:**4** 颗星3. 只需输入手机号和验证码,验证码可通过剪贴板读取。有时会出现粘贴两次的bug,还得一个个删除。麻烦指数:**3** 颗星4.
2021-05-18 09:17:55 10124
原创 唤醒微信小程序的几种场景
更新时间:2021/03/10业务需求:比如某公司的小程序要举办一次宣传或促销活动,为微信小程序引流,除了通过微信、朋友圈宣传,还需要非微信环境的渠道,比如短信、app、h5链接分享,用户通过点击直接跳转到微信小程序。场景一、微信外网页注意是微信外网页场景,如果把h5链接发送到微信,点击链接的话,是无法访问的。结论:可以从短信、邮件、微信外网页等场景打开小程序。参考链接:文档:URL Scheme打开小程序步骤:在小程序管理后台-工具-生成URL Scheme,生
2021-03-17 10:24:08 1150
原创 TS在vue2项目中的写法
作为对照,先回忆一下js在vue2项目中的写法<script>export default{ data(){ return {} }, methods:{}, computed:{}, filters:{}, watch:{}, created:{}}</script>本来vue2是不支持TS的,如果要在项目中使用TS,就需要相应的插件和配置,虽然用起来有点尴尬,但终究也是能用了。TS在vu
2021-03-15 11:41:11 9674 2
原创 开发中遇到的ios和安卓的差异性问题收集
软键盘-搜索(2020/11/26)<van-search placeholder="请输入搜索关键词" />问题描述:使用van-search搜索组件输入框聚焦时,软键盘弹起。安卓的软键盘右下角有“搜索”字样,ios没有,显示的是“换行”。解决办法:添加一个form元素在外面即可,注意必须要有aciton=""属性。<form action=""> <van-search placeholder="请输入搜索关键词" /></fo..
2020-11-26 16:02:42 241
原创 vue-cli打包后,找不到css、js文件问题的解决
搜了一些解决方案,发现很多人只贴一点代码,就说解决了。我照葫芦画瓢,却依然无法实现,这就导致我“既不知其然也不知其所以然”。于是我研究了config/index.js的配置,摸索出找到静态文件的方法,分享如下:先说需求: a.我希望打包出来的结构是: (别问为什么这么麻烦,都是项目需要/0.0\)dist- static---- v...
2019-09-27 16:40:11 7733
原创 添加 wappalyzer浏览器插件
通过wappalyzer官网https://www.wappalyzer.com/方法1、直接输入网址搜索方法2、放在浏览器书签栏上,方便随时使用- 步骤1.点击首页的download-步骤2.拖动这个按钮到浏览器书签栏以后想看哪个网站的技术框架,点这个书签就好啦...
2019-09-25 14:28:11 2278
原创 laydate动态设定时间范围
需求:开始日期选定后,右边的日历不能选定早于左边的日期。结束日期选定后,左边的日历不能选定晚于右边的日期。解决代码:// 开始日期var startTime = laydate.render({ elem: '#task_start', done: function(value) { let arr = value.split("-") endTime.co...
2019-09-24 10:23:39 1649
原创 点击链接 qq咨询 代码
电脑端-打开电脑的qq<a href="tencent://message/?uin=123456&amp;Site=&amp;Menu=yes">立即咨询</a>手机端-打开手机qq<a href="mqqwpa://im/chat?chat_type=wpa&uin=123456&version=1&sr..
2019-03-14 10:19:40 5964
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人