自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

qq_41786458的博客

技术分享——只会切图的前端

  • 博客(19)
  • 收藏
  • 关注

原创 前端开发书写规范(收藏)

在前端开发中,为了保证代码的可读性、可维护性和协同开发的效率,可以遵循一些书写规范。

2024-01-24 10:51:06 759

原创 git 常用指令 (先收藏再说)

Git是一种分布式版本控制系统,用于记录一个或若干个文件内容的变化,以便查阅和回溯。

2024-01-23 16:44:13 323

原创 vue ui组件 nutui Uploader上传文件组件 修改文件名后上传

代码路径node_modules@nutui\nutui\dist\packages\uploader\uploader.vue找到如下函数//找到如下函数uploadData($event, selfData = {})//将函数里面的如下代码 formData.append(tar.name, tar.files[0]);//替换为如下代码,将文件名修改为abc.jpg let fileNow=tar.files[0]; let aafile = new File([fileNow],'

2020-08-08 18:12:09 1836

原创 vant 解决tab切换插件标题样式自定义

解决vant 框架 tab切换插件标题样式不能自定义问题找到源码:node_modules/vant/es/tabs/Title.js修改如下代码: render: function render() { var h = arguments[0]; return h("div", { "attrs": { "role": "tab", "aria-selected": this.isActive }, "class

2020-07-02 10:03:36 7251 2

原创 echart 修改雷达图radar的代码,解决分割颜色比例splitNumber只能平均分配的问题

雷达图的分割颜色只能平均分配,修改代码,使其按自己定义的比例如下图:源码修改位置:/lib/component/radar/radarView.js搜索代码:var ticksCoords = indicatorAxis.getTicksCoords()在后面新增代码,修改ticksCoords的值即可if(ticksCoords.length>0){//测试删除 var firstV=ticksCoords[0].coord var lenN=ticksCoo

2020-06-29 17:17:10 1128

原创 微信小程序获取地图位置信息

<map id="map" latitude='{{latitude}}' longitude='{{longitude}}' scale="18" show-location style="width: 100%; height: 100%;" >wxml文件中引入map组件,调用wx.getLocation方法获取用户定位信息wx.getLocation({ type: 'gcj02', success: (res) => {

2020-05-15 13:52:03 365

原创 vue url生成二维码

npm install qrcodejs2;//安装包<div id="qrcode"></div>//htmlimport QRCode from 'qrcodejs2'//引入方法mounted() {//需要在mounted中调用QRCode方法 var qrcode = new QRCode(document.getElementById("qrco...

2020-03-19 15:11:04 1070

原创 微信小程序授权获取用户信息并登录

微信小程序授权获取用户信息并登录index.wxml<view class='content'> <button type="primary" bindtap="onWechatLogin" wx:if="{{ifAuth}}">已授权直接登陆</button> <view wx:else> <but...

2019-12-24 09:53:21 851

原创 生成微信小程序二维码

获取tokenGET 方式获取:https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRETAPPID、APPSECRET替换为自己的正常返回{“access_token”:“ACCESS_TOKEN”,“expires_in”:720...

2019-07-26 14:35:28 183

原创 微信小程序蓝牙开发4、写入蓝牙特征值

let deviceId = "asdasdas",//蓝牙设备id 如何获取见上一篇文章 serviceId = "adasdsa";//蓝牙服务idPage({ onLoad: function (options) { var _this = this; _this.getBLEDeviceCharacteristics();//获取蓝牙特...

2019-07-13 16:54:38 1611 1

原创 微信小程序蓝牙开发3、读取蓝牙特征值

let blueName = "asdsadsa",//想要连接的蓝牙名 initFlag = false,//是否继续查找 connected = false;//是否连接上Page({ onLoad: function (options) { initFlag = false; connected = false; t...

2019-07-13 16:34:56 2220 4

原创 微信小程序蓝牙开发2、查找蓝牙并连接

let blueName = "asdsadsa",//想要连接的蓝牙名 initFlag = false,//是否继续查找 connected = false;//是否连接上Page({ onLoad: function (options) { initFlag = false; connected = false; t...

2019-07-13 16:29:30 914 1

原创 微信小程序蓝牙开发1、打开蓝牙设备

进入小程序,先提示用户打开蓝牙,之后再进行下一步操作Page({ onLoad: function (options) { this.startBlue(); }, startBlue: function () { var _this = this; wx.openBluetoothAdapter({//初始化蓝牙模块 ...

2019-07-13 11:49:10 1648

原创 nodejs 获取微信、小程序 OpenID

1、使用thinkjs搭建环境,并获取前端post过来的code数据,返回用户唯一标识 OpenID 和 会话密钥 session_key2、后台使用request-promise 发送http请求3、官方文档:https://developers.weixin.qq.com/minigame/dev/api-backend/open-api/login/auth.code2Session.h...

2019-07-11 09:49:46 1378

原创 input file图片上传, js 对图片尺寸进行等比例压缩处理

//file 上传图片,绑定change事件<input type="file" onChange="uploadPic(this)" accept="image/*" />function uploadPic(e) { var file = e.files[0]; function callback(data){//回调获取压缩后的Blog ...

2019-05-16 14:35:55 3525 2

原创 移动端h5 ios 拍照 图片上传后旋转问题的解决

1、使用exif.js获取图片信息 再用canvas旋转后 转base64 再转blog&amp;lt;script src=&quot;js/exif.js&quot;&amp;gt;&amp;lt;/script&amp;gt;var file = document.querySelector('input[type=file]').files[0];//IE10以下不支持EXIF.getData(file, function() { ..

2018-11-01 15:55:21 8772 1

原创 vue 授权获取微信openId

1、获取code 根据code 获取openId getUrlKey:function(name){//获取url 参数 return decodeURIComponent((new RegExp('[?|&amp;]'+name+'='+'([^&amp;;]+?)(&amp;|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,...

2018-10-11 11:45:31 15572 14

原创 axios 中使用 element-ui loading

1、引入import axios from ‘axios’import ‘element-ui/lib/theme-chalk/index.css’;import { Loading } from ‘element-ui’;2、使用const service = axios.create({ timeout: 5000 })let loadingInstance;// ...

2018-10-11 11:22:00 2181

原创 vue 使用微信jssdk, 调用微信相册上传图片

vue 使用微信jssdk1、引入weixin-js-sdknpm install weixin-js-sdk使用文档 https://www.npmjs.com/package/weixin-js-sdk2、配置 vue中微信jssdk配置import wx from 'weixin-js-sdk' created(){ //微信jssdk配置 let timestamp=ne...

2018-10-11 11:14:59 1782

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除