small_animation-优快云博客

原创 vue中使用vue-baidu-map时的自定义个性化地图问题

1.找到node_modules/vue-baidu-map/index.js文件，修改其中https://api.map.baidu.com/api?v=2.0的版本到3.0，然后查看项目，示例如下：2.之后就只需要增加map.setMapStyleV2()，示例如下：

2022-07-05 17:20:09 1521

原创 gitee简单使用步骤

git常用命令文章目录git常用命令一、常用的git命令？二、使用步骤1.创建本地文件夹2.初始化本地仓库3.本地文件夹和gitee建立连接4.将远程仓库拉取到本地文件夹5.将本地文件夹加入本地缓存区6.代码提交同步到本地仓库7.提交代码到gitee远程仓库总结# 前言gitee注册使用和常用的项目管理命令一、常用的git命令？git init 初始化本地仓库git pull origin master 将远程仓库依赖pull到本地文件夹git status 查看项目的状态git

2021-07-30 14:50:57 896 1

原创阿里云视频的入门使用

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1,

2021-05-26 20:04:25 510

原创 element框架中的轮播图片高度自适应配置

<el-carousel :height="imgHeight+'px'"> <el-carousel-item v-for="item in 4" :key="item"> <img ref="imgHeight" style="width:100%;" src="img.png" mode="widthFix" /> </el-carousel-item> </el-carousel&

2021-05-25 19:00:17 506

原创 uni-app中的createInnerAudioContext使用

<template> <view>  <image class="read_img" @tap="read_btn" src="" mode="widthFix"></image> </view></template><script> var innerAudioContext = uni.createInnerAudioContext(); innerAudioCont

2021-05-07 11:49:59 2488

原创本地资源上传至云存储空间

choose_img() { wx.chooseImage({ sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success (res) { const tempFilePaths = res.tempFilePaths[0]; if(tempFilePaths) { var t = new

2021-04-29 18:30:26 188

原创 wx-open-launch-weapp在uni-app中的使用技巧

wx-open-launch-weapp遇到的问题，子级样式不能设置，内容不能为空

2021-03-12 14:21:58 3162 1

原创发送短信验证码

//样式省略...<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv

2021-01-19 11:49:33 198

原创小程序中推送订阅消息

//app.jswx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId wx.request({ url: `https://api.weixin.qq.com/sns/jscode2session?appid=${appid}&secret=${secret}&js_code=${res.

2020-11-25 09:00:51 384

原创手机端的手写签名保存

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Com

2020-11-04 15:59:49 1071

原创单行移动拖拽

<!DOCTYPE html><html lang="en"> <head> <title>jQuery网格布局图片拖动排序代码</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta content="text/html; charset=utf-8" http-equiv="

2020-10-23 14:19:00 147

原创 web-view下拉刷新

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <div class="box"> <div c

2020-10-12 19:30:52 306 1

原创获取当前的地理位置

//百度地图获取当前位置百度地图官网实例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>百度地图获取当前位置</title> <script src="https://cdn.stati

2020-08-14 10:27:57 3516

原创地理位置互相转化

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"...

2020-05-06 16:19:29 384

原创 clappr：可扩展网页媒体播放器使用

它是一个可扩展的Web媒体播放器，在项目中适当的使用可以用来提供基础的项目技术支持

2020-04-30 12:36:54 2434 2

原创 video在微信端层级问题及属性介绍

项目过程中遇到的问题，视频在微信端点击播放再次返回，它的层级会最高，会把后面出现的弹框等都挡住

2020-04-29 11:28:31 642

原创 layui框架中弹框使用(背景透明)

<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta charset="utf-...

2020-04-29 10:13:20 6091

原创文章截图(html2Canvas)保存分享转发

<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta charset="utf-...

2020-04-27 09:35:07 364

原创微信小程序中组件及使用

1.创建项目;2.在项目根目录下(pages)打开命令行,初始化执行命令: npm init3.安装npm 执行命令: npm install4.小程序工具打开项目,菜单设置中有工具选项,其中有一个:构建npm...

2019-12-26 18:39:16 685

原创小程序中weui组件使用

一. 引入下载组件可以通过npm方式下载构建，npm包名为weui-miniprogram命令行: npm i weui-miniprogram 如果没有npm前去http://nodejs.cn官网下载也可以通过微信平台官网文档 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/quick...

2019-12-17 19:08:20 1194

原创数据本地储存

//localStorage存储，数据长期保存在客户端，重新打开浏览器数据也不会丢失//sessionStorage存储,保存临时会话数据，浏览器关闭则数据丢失 ,用法类似//正常存储localStorage.setItem(“key”,“value”); //储存数据localStorage.getItem(“key”); //获取储存数据//json对象存储：var...

2019-12-12 17:35:57 3877

原创仓库管理git上传文件

1.下载Git,官网地址：https://git-scm.com2.下载git.exe (页面可翻译成中文)3.直接安装Git(1)选择安装目录(destination location)，默认即可(1)选择配置文件(compoents)，默认即可(2)设置菜单目录(menu)，默认即可(3)选择编辑器(editor)，默认即可(4)选择PATH运行环境,选择第二项(window命令...

2019-12-03 18:16:11 108

原创获取经纬度及转化地理位置

2019-12-02 16:09:18 1425

原创匹配字符串中的数字替换成 " * "

//index.jswx.request({ url: url + 'me/supply', header: header, success: function (res) { var str = res.data; for(var i=0;i<str.length;i++){ str[i].replace("/\d{1,}/g","*"); //全局匹配数...

2019-09-30 18:29:22 1255

原创小程序中input框聚焦添加下划线

<form bindsubmit="formSubmit"> <view class="mui-table-view"> <view class="mui-table-view-cell"> <view class="view-cell {{status==0 ? ...

2019-09-17 22:15:03 1088

原创微信小程序底部tabBar购物车右上角增加数字

// pages/cart/cart.js;onShow: function () {var num = 1; //购物车商品数量if (num == ‘’) {wx.removeTabBarBadge({//移除tabbar右上角的文本index: 2, //tabbar下标})}else {wx.setTabBarBadge({//tabbar右上角添加文本index: ...

2019-09-15 22:05:26 5908

原创小程序单选按钮更改大小,颜色等样式

选中前radio样式radio .wx-radio-input{height: 30rpx;width: 30rpx;border: 1px solid #007AFF;}选中后按钮样式radio .wx-radio-input.wx-radio-input-checked{background: green;border: 1px solid #FFF;}选中之后按钮中对勾...

2019-09-13 10:39:50 3820

原创 html中引用公共header footer等

<div class="header"> <div class="logo"> <a...

2019-06-28 11:04:15 3193

原创获取用户的openid方法

//app.jswx.login({success: function(res) {var that = this;var header = {‘content-type’: ‘application/x-www-form-urlencoded’,‘token’: wx.getStorageSync(‘token’) //读取cookie 拿到登录之后异步保存的token值};if...

2019-06-22 11:26:58 6675

原创小程序更改时间为某时/天/月/年前格式

var time = [ ' 2019-02-01 ' ] function getDateAfter(ev) { var addt = time; //获取之前时间 var years = new Date(addt).getTime(); //转成时间戳格式 ...

2019-06-12 19:36:22 1685

原创腾讯地图定位

第一个页面html文件<div> <span class="title">地址</span> <a href="map.html"> <input type="" style="width: 100%;" name="" id="map" value="" /> </a> </div&...

2019-06-06 21:22:23 996

原创用vue.js去循环遍历接口数据

// HTML举例 <div class="tab-pane fade in active" id="tab3" > <a :href="gethref(msg.id)"> <div class="supply" > <div class="supply_img"><im...

2019-05-23 18:54:36 8344

原创前端框架Bootstrap模态框使用

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap模态框（Modal）插件</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <script...

2019-05-16 20:08:08 343

原创地理定位

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>bMap百度地图API获取位置地址插件</title> <style> .bMap { position: relative; } .bMap ...

2019-05-16 19:44:09 409

原创获取当天日期

<!DOCTYPE html><html> <head> <meta charset="UTF-8">  <script src="js/jquery-2.2.4.js"></script> <title>当天日期</ti...

2019-04-29 17:36:26 1703 1

原创日期小插件

欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体...

2019-04-29 17:25:39 873

原创 css3的一个八卦图

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>八卦图</title> <style type="text/css"> html{overflow: hidden;} div{border-radius: 50%;...

2019-04-01 17:03:39 470

原创 bootstrap框架的头部菜单导航

<head>  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" /> <script t...

2019-03-26 18:13:42 5840