- 博客(81)
- 收藏
- 关注
RSS订阅原创 微信小程序开发摇一摇功能_javascript技巧
if (speed > shakeInfo.shakeSpeed) { //如果计算出来的速度超过了阈值，那么就算作用户成功摇一摇。openFlag: false,// 是否开启摇一摇，*****注意：如果是小程序全局监听摇一摇，这里默认为true。//获取 x 轴数值，x 轴为垂直于北轴，向东为正。//获取 z 轴数值，z 轴垂直于地面，向上为正。lastZ: 0, //此组变量分别记录对应 x、y、z 三轴的数值和上次的数值。//计算 公式的意思是 单位时间内运动的路程，即为我们想要的速度。
2023-08-09 13:52:53
728
原创 git 命令总结
2.5 git push推上去ok完成,现在 你自己分支的代码就和主分支的代码一样了。2.2 使用git pull 把领先的主分支代码pull下来 git pull。1.5 git push推上去ok完成,现在 你自己分支的代码就合并到主分支上了。2.4 把主分支的代码merge到自己的分支 git merge master。2.3 切换到自己的分支 git checkout xxx(自己的分支)2. git 如何把master分支代码合并到自己的分支。二、git 合并代码。
2023-08-01 11:21:07
330
原创 mac 本地nginx运行 vue3 项目
一、 安装nginx 环境1.安装 brew （复制下面代码） /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2.安装 nginxbrew install nginx3.启动nginxsudo nginx访问localhost:8080 可以正常访问代表启动成功3.关闭nginxsudo nginx -s stop4..
2022-04-15 11:51:12
3994
转载 30+ 个工作中常用到的前端小知识
来自：掘金，作者：隐冬链接：https://juejin.cn/post/69086988270338375751. JS为什么单线程一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主就是个问题了，线程的调度问题是一个比较复杂的问题。HT
2021-11-19 09:56:35
83
原创 地图坐标转换
/*** 坐标转换，百度地图坐标转换成腾讯地图坐标* lng 腾讯经度（pointy）* lat 腾讯纬度（pointx）* 经度>纬度*/export const bMapToQQMap = (lng, lat) => { if (lng == null || lng == '' || lat == null || lat == '') return [lng, lat]; var x_pi = 3.14159265358979324; ...
2021-10-11 15:47:36
152
原创 javaScript字符串工具类StringUtils详解
StringUtils = {isEmpty: function(input) {return input == null || input == ‘’;},isNotEmpty: function(input) {return !this.isEmpty(input);},isBlank: function(input) {return input == null || /^\s*KaTeX parse error: Expected 'EOF', got '}' at position
2021-05-15 16:39:33
969
3
原创 uni-app h5 复制功能（设置剪贴板）
/**设置系统剪贴板的内容@param {string} data 需要设置的内容@returns {Promise} 设置的内容*/export function setClipboardData(data) {return new Promise((success, fail) => {// #ifndef H5uni.setClipboardData({ data, success, fail })// #endif// #ifdef H5const texta
2021-04-29 16:50:11
725
转载 JS浮点数字操作插件floatOPS.js
/***floatOPS包含加减乘除四个方法，能确保浮点数运算不丢失精度**我们知道计算机编程语言里浮点数计算会存在精度丢失问题（或称舍入误差），其根本原因是二进制和实现位数限制有些数无法有限表示*以下是十进制小数对应的二进制表示*0.1>>0.0001100110011001…（1001无限循环）*0.2>>0.0011001100110011…（0011无限循环）*计算机里每种数据类型的存储...
2021-04-06 20:43:46
486
转载 uni-app 配置 地图
DCloud_App_Array发布：2014-07-22 11:31 更新：2021-01-31 18:40 阅读：379239地图插件配置分类：HTML5+云端打包发布常见问题概述HBuilderX集成了常用的原生地图控件，相对于Web地图（H5地图），使用原生地图控件有更流畅的操作速度，可以提升APP的用户体验。目前支持百度地图和高德地图，如需使用其它地图控件可参考Uni原生插件开发扩展支持。使用须知最新版本HBuilderX中自带的真机运行基座默认内置..
2021-03-03 17:47:36
2527
1
原创 企业微信开启调试工具
、下载devtools,https://share.weiyun.com/5IeTW652、放到根目录下带版本的文件夹下3、从新启动企业微信按快捷键 ctrl + alt + shift + D，进入调试模式4、页面上点右键，Show Dev Tools,即可调试了...
2020-12-11 11:13:38
3333
原创 移动端调试控制台
<!--移动端调试控制台--><scriptsrc="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>
2020-10-26 22:18:18
272
原创 React 子组件给父组件传值、整个组件、方法
一、准备工作1.定义一个父组件，名字为Parent/src/component/Parent.jsimport React, {Component} from 'react'export default class Parent extends Component { constructor(props) { super(props) this.state = { name: '我是父组件', m...
2020-10-07 10:43:00
332
转载 微信小程序-实现录制视频（附部分代码）
项目中，需要客户录制一段视频，上传到服务器，找了很久，终于实现了这个功能。微信小程序有两种方式可以实现录制视频。1.使用相机的CameraContext.startRecord2.使用官方API：wx.chooseVideo方法一wxml<view class="video"> <camera wx:if="{{videoSrc.length === 0}}" device-position="font" flash="off" binderror="error" .
2020-09-23 13:54:47
7934
3
原创 vue 二进制文件的下载
blobdownFilebinary(ajaxUrl,name,methodType){deleteaxios.defaults.headers['api-version']axios({method:methodType,url:ajaxUrl,responseType:'blob'}).then(res=>{letblob=newBlob([...
2020-08-22 20:10:49
617
原创 ie 浏览器 get请求 数据 不更新
http.interceptors.request.use(function(config){//解决ie数据获取不同步的问题if(config.method==='get'){if(config.params){config.params['ieT']=newDate().getTime()}else{config.params={ieT:newDate().getTime()...
2020-08-19 17:36:05
337
原创 千位分割符
用js将 386485473.88 转换为 386,485,473.88（千位分割符）：//方法1:var separator=(num)=>{if(!num){return '0.00';};let str = parseFloat(num).toFixed(2);return str && str.toString().replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) {return $1 + "
2020-08-14 17:19:59
190
原创 vue antd 按需加载 报错.bezierEasingMixin()
1. 修改 less 版本 为3.0 一下 yarn add less@^2.7.32.在vue.config.js中添加less-loader：5.0.xmodule.exports = { css: { loaderOptions: { less: { javascriptEnabled: true, }, }, },};les...
2020-08-06 16:36:19
1732
原创 js数组方法整理
整理了以下数组方法join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() （ES5新增） forEach() （ES5新增） map() （ES5新增） filter() （ES5新增） every() （ES5新增） some() （ES5新增） find() （ES5新增）1、join()join，就是把数组
2020-08-06 10:07:05
159
转载 Http请求中Content-Type
1. Content-Type MediaType，即是Internet Media Type，互联网媒体类型；也叫做MIME类型，在Http协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息。[html]view plaincopy类型格式：type/subtype(;parameter)?type 主类型，任意的字符串，如text，如果是*号代表所有； subtype子类型，任意的字符串，如html，如果是*号代表所有； parame...
2020-07-25 18:14:58
277
原创 uni-app app 端 微信支付
uni-app微信支付 失败 掉不起来1，检查 appid 是否 一致2. 微信端 是对象形式 支付宝 是字符串3.微信端对象形式 所以 对象属性 小写 packageValue 改成 package 对象值 参数 与上图 一一对应...
2020-07-25 15:29:54
2426
原创 微信小程序 与 App 对比
微信小程序 与 App 对比随着微信的普及，越来越多的用户使用微信，微信小程序成了推广产品，方便用户的重要途径，同时具有出色的使用体验。微信小程序优点：（利于传播、开发维护成本较低、适合轻量级应用）微信小程序与App相比较，避免了去应用商店下载的路径，它直接搜索或扫描二维码即可体验，同时也可直接分享给好友或朋友圈，让更多人体验，它依靠微信，随用随开，随走随关，不占用手机内存； 微信小程序代码容量小，操作简单，加载速度快； 登录方式更加方便，小程序可以直接获取微信用户信息和手机号进行..
2020-07-22 20:19:48
2378
转载 前端常用60余种工具方法(建议收藏)
作者：vipbichttps://segmentfault.com/a/11900000227368371.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10.
2020-07-21 14:05:50
348
原创 判断 是否是pc
js中判断 当前是在手机端 还是 pc端 手机端打pc端网站 跳到手机网站 pc端打手机端网站 跳到pc网站functionIsPC(){varuserAgentInfo=navigator.userAgent;varAgents=["Android","iPhone","SymbianOS","WindowsPhone","iPad","iPod"];varflag=true;...
2020-07-15 17:11:21
388
原创 Vue 中 app 监听安卓 物理返回
// 监听安卓 返回键在main.js中//监听安卓返回键(function() { function plusReady() { let quit = false; plus.key.addEventListener('backbutton', function() { let path = vue.$route.path; if (path === '/login') { ...
2020-07-15 10:28:54
412
原创 uni-app 弹框组件
、、 此方法只适用于 app端g_show_model .js -------------------------------------import sj_show_modal from './index.js'const g_show_modal = { install: function(Vue) { Vue.prototype.$showModal=function(op={}){ return new Promise((resolve, ...
2020-07-15 10:13:36
2269
1
原创 uni-app 升级配置
<script> import { appUpApi } from './api/index.js'; onLaunch: function() { // #ifdef APP-PLUS // 监听 升级配置 appUpApi().then(res => { if (res.data && res.data != '') {...
2020-07-15 10:08:36
479
2
原创 canvas 绘制 分享图片 加 保存图片在系统相册
// 效果图代码<template> <view class="page-class bg-page">// 利用canvas 最终 生成图片 <canvas class="poster-wrapper" canvas-id="shareCanvas"></canvas> <view class="footer-info"> <view class="sh...
2020-07-13 18:14:32
411
1
原创 正则限制input输入小数点后保留两位小数
<div><input type="text" v-model="newPrice" /></div>export default {data() { return { newPrice: "", timer: null };},watch: { newPrice(val){ clearTimeout(this.timer); //防抖 this.timer = setTimeout(() =>.
2020-07-13 10:13:28
1855
原创 uni-app 文件上传oss
changeUserPhoto() { let that = this; uni.chooseImage({ count: 1, sizetype: ['compressed'], success(res) { var imgFilesObj = res.tempFiles[0]; that.userPhoto = imgFilesObj.path; uni.showLoading({ title: '上传中', m.
2020-07-10 15:32:42
2233
原创 自定义指令
minheight.js--------------------------------------------functionresizeHandle(el){constheight=document.documentElement.clientHeightletheader=document.getElementsByClassName('main-header')[0]letfooter=document.getElementsByClassName...
2020-07-08 19:20:27
159
原创 vuex 状态 缓存
1、代码 保存在 app 页面编写export default function(ctx){ // 离开页面 window.addEventListener('beforeunload', ()=> { console.log('触发离开事件') sessionStorage.setItem("store",JSON.stringify(ctx.store.state)) });// 页面...
2020-07-03 16:52:37
555
原创 js递归实现数组转化树状结构
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=`, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l...
2020-06-28 16:13:38
665
原创 图片预览 插件
# 安装npm install vue-photo-preview --save# 引入import preview from 'vue-photo-preview'import 'vue-photo-preview/dist/skin.css'Vue.use(preview)//或者 //var option={....} option配置请查看 http://photoswipe.com/documentation/options.html//Vue.use(preview,opt.
2020-06-16 21:18:22
207
原创 AES 加密
util.encryption = function (params) {let { data, param, key } = paramsconst result = JSON.parse(JSON.stringify(data))param.forEach(ele => {let data = result[ele]key = CryptoJS.enc.Latin1.parse(key)let iv = key// AES 加密let encrypted = CryptoJS.AE
2020-06-15 16:08:02
175
原创 .plist文件模板
.plist文件 用于 ios 分发 安装在手机上项目 模板<?xml version="1.0" encoding="UTF-8"?><plist version="1.0"><dict> <key>items</key> <array> <dict> <key>assets</key> <array> <dict&...
2020-05-29 14:13:17
335
转载 ios 分发
一、存储plist文件，放在https的域名下plist文件的格式如下：<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"><plist version="1.0"><dict> <key>...
2020-05-29 14:10:52
641
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人