- 博客(17)
- 收藏
- 关注
RSS订阅原创 解决H5调用安卓相机实现拍照并上传
解决H5调用安卓相机实现拍照并上传最近在开发中遇到一个问题,要在APP内嵌的H5页面中实现拍照录像并上传到后端服务器.刚开始我直接想到:<input type="file" accept="image/*" capture="camera">由于项目用vant UI,于是用了Uploader文件上传组件,大家可自行查看实现方法:https://youzan.github.io/vant/#/zh-CN/uploader.这种方法在浏览器上使用没有毛病,可是嵌入APP后却出.
2021-04-08 14:36:55
5011
4
原创 关于js中的 || 和 && 以及三元运算符 ? : 的理解
相信很多人在面试的时候都会遇到笔试题，而逻辑运算笔试题是必考题，比如下面这种类型：var a = 42;var b = "foo";var c = false;var d = a && b || c ? c || b ? a : c && b : a;d; 拿到这种题，我们首先不要慌，好好的回想一下这里所涉及到的知识点：1. &&a...
2019-08-28 16:17:30
1774
原创 jquery实现心形布局
马上就到七夕啦，猿们准备好对心仪的他/她表白了吗？下面送上程序员的浪漫--jquery实现的心形布局，还会呼吸哦！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi...
2019-07-31 16:03:07
441
原创 form表单实现下载--vue+axios+element-ui实战
工作中经常会遇到下载文件的需求，前面讲过通过创建a标签下载，今天来讲一下通过form表单直接从后台获取数据下载的实例。html代码:<form ref="req_form" method="post" action=""> <input type="hidden" name="json" ref="req_json" value="" /></fo...
2019-07-31 15:42:59
1596
原创 如何使用JavaScript生成二维码？--QRCode.js
今天遇到一个问题，前端要根据后端返回的链接生成一个二维码，我使用了QRCode.js。一、关于QRCode.jsQRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。二、安装npm i qrcodejs2三、引入import QRCode from 'qrcodej...
2019-07-30 11:15:41
319
原创 map方法数据映射
很多时候我们需要对后端的数据做一些处理，比如后端返回数据某个字段为guarantee: ['S1', 'S3']，而在前端页面展示为“信用，质押”，后端设定的数据['S1', 'S2', 'S3', 'S4', 'S5']，分别对应前端展示字段“信用，抵押，质押，保险，担保”，这个时候，我们可以用到非常强大的map方法：let arr1 = ['S1', 'S3']let options ...
2019-06-27 17:34:45
1194
1
原创 开启chrome跨域模式--No 'Access-Control-Allow-Origin' header is present on the requested resource解决方案
前端在开发中经常会遇到跨域的问题，如果出现跨域，控制台会出现如下提示：关于跨域的原理，这里就不详谈了，我们主要介绍chrome浏览器怎么设置允许跨域。这里的方法使用于49版本以上，相信你的版本不会低于49啦，如果真是这么低，就赶紧升级吧。一、windows系统1. 在你的在电脑上新建一个目录，例如：C:\MyChromeDevUserData；2. 在桌面找到你的chrome浏...
2019-05-31 14:12:11
2252
1
原创 h5调用微信jssdk--vue项目
本文适用于使用vue开发的项目。首先要进行测试号的相关配置，比如接口配置信息、JS接口安全域名等，这个在我的博客《微信公众号网页授权--前端获取code及用户信息（vue）》里面有介绍，这里略过啦。一、安装微信js-sdknpm install weixin-js-sdk二、在你的页面中引入import wx from 'weixin-js-sdk'三、通过config接...
2019-05-30 15:33:58
4003
原创 css绘制实心三角形
用css绘制三角形原理其实很简单，用到的是border-color，这个属性可以设置四条边框的颜色：border-color:red green blue pink;上边框是红色 右边框是绿色 下边框是蓝色 左边框是粉色我们来把一个盒子宽高都设置为0，只给边框：html:<i class="caret-con"></i>css:i{...
2019-04-30 15:13:01
996
原创 ECharts图表tooltip显示多条数据效果
在做ECharts图表开发时，会遇到提示框浮层显示多条数据的需求，后端返参如下图所示：前端展示需要把所有字段都显示在tooltip里，这时我们需要用到formatter格式器。我们知道这个地方的数据入口在series的data里，因此我们只需要处理一下放入data里面的数据格式即可。首先我们在vue data里面声明一个数组：data() { return { ...
2019-04-28 17:36:52
10568
3
原创 移动端web页面适配解决方案--flexible方案
做web开发的童鞋们通常都会遇到移动端页面开发，而手机屏幕尺寸不一，因此页面适配是我们必须解决的问题。下面介绍一种简单又效果非常不错的解决方案--flexible方案。（注：这里以vue项目为例）一、搭建vue项目首先我们搭建一个vue项目，关于搭建vue项目步骤，这里不再介绍，可以参考本人前面写的vue+axios+element-ui实战（一）--使用Vue CLI 搭建项目。只是第五...
2019-04-25 16:58:53
1033
原创 vue+axios+element-ui实战（五）-- 验证、清除多个form表单
对于表单验证和重置，element ui提供了非常好用的方法http://element-cn.eleme.io/#/zh-CN/component/form，但这只是一个页面只有一个form的情况，而实际工作中，有时候页面设计会比较复杂，就不得不写入多个form，这时候想要做到提交form表单是校验所有表单，并提交后清除用户填入的内容，我们可以结合Promise与forEach两大方法来解决。...
2019-04-02 17:16:52
605
原创 vue+axios+element-ui实战（四）-- 中国省市区级联选择
在开发中经常会遇到省市区级联动选择的需求，由于element-ui的省市区级联数据是另外独立的，所以我们还需要先安装依赖。安装：npm install element-china-area-data -S在页面中引入：import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPl...
2019-03-26 16:12:16
1963
1
原创 vue+axios+element-ui实战（三）--post请求a标签下载处理
开发时时常遇到下载的功能，如果后端设计的是get请求，我们只需采用超链接的方式，让浏览器自动下载。但是post请求的时候，后端返回的是一个文件流，如下图：而请求头里面的content-type也跟平常的application/json;charset=UTF-8不一样：所以我们根据请求头的不同，可以将代码统一封装在request.js里面：(可以查看上一篇封装方法)if (r...
2019-03-26 10:59:45
2256
2
原创 vue+axios+element-ui实战（二）--axios请求封装
上一篇我们搭建了vue项目的简单框架，现在来讲一下请求后端接口的封装，我们这里用的是axios，大家可以查看中文文档：https://www.kancloud.cn/yunye/axios/234845安装：npm install axios安装完成后，我们先在src目录下新建一个utils文件夹，然后在utils里面新建request.js文件，对照着axios中文文档进行封装：...
2019-03-14 14:47:48
4292
3
原创 vue+axios+element-ui实战（一）--使用Vue CLI 搭建项目
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，使用 Vue CLI 可以快速创建 vue 项目。一、安装node.js使用Vue CLI首先需要安装node环境，可以到中文官网进行下载安装：https://nodejs.org/en/download/安装完成后，打开命令窗口，输入命令node -v，可以检查node的版本，输入npm -v检查npm 的版本：...
2019-03-14 14:42:03
3575
1
原创 微信公众号网页授权--前端获取code及用户信息（vue）
前段时间开发微信公众号网页授权，虽然网上已经有很多关于这方面的博客或者教程，但是第一次开发还是遇到挺多坑的，以下分享一下我的踩坑填坑之路。一、测试号相关配置首先在你公司申请的测试号上配置好相关信息，这里直接上图吧：URL与Token都是要后台配置好的，直接叫后台给过来就好啦，域名一定要和URL的域名保持一致。然后，在体验接口权限表里面找到网页帐号--网页授权获取用户基本信息，点...
2019-03-06 15:05:54
27925
48
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人