- 博客(81)
- 收藏
- 关注
原创 微信小程序开发摇一摇功能_javascript技巧
if (speed > shakeInfo.shakeSpeed) { //如果计算出来的速度超过了阈值,那么就算作用户成功摇一摇。openFlag: false,// 是否开启摇一摇,*****注意:如果是小程序全局监听摇一摇,这里默认为true。//获取 x 轴数值,x 轴为垂直于北轴,向东为正。//获取 z 轴数值,z 轴垂直于地面,向上为正。lastZ: 0, //此组变量分别记录对应 x、y、z 三轴的数值和上次的数值。//计算 公式的意思是 单位时间内运动的路程,即为我们想要的速度。
2023-08-09 13:52:53
730
原创 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
332
原创 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
3997
转载 30+ 个工作中常用到的前端小知识
来自:掘金,作者:隐冬链接:https://juejin.cn/post/69086988270338375751. JS为什么单线程一个简单的原因就是,js在设计之初只是进行一些简单的表单校验,这完全不需要多线程,单线程完全可以胜任这项工作。即便后来前端发展迅速,承载的能力越来越多,也没有发展到非多线程不可的程度。而且还有一个主要的原因,设想一下,如果js是多线程的,在运行时多个线程同时对DOM元素进行操作,那具体以哪个线程为主就是个问题了,线程的调度问题是一个比较复杂的问题。HT
2021-11-19 09:56:35
84
原创 地图坐标转换
/*** 坐标转换,百度地图坐标转换成腾讯地图坐标* 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
153
原创 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
973
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
727
转载 JS浮点数字操作插件floatOPS.js
/***floatOPS包含加减乘除四个方法,能确保浮点数运算不丢失精度**我们知道计算机编程语言里浮点数计算会存在精度丢失问题(或称舍入误差),其根本原因是二进制和实现位数限制有些数无法有限表示*以下是十进制小数对应的二进制表示*0.1>>0.0001100110011001…(1001无限循环)*0.2>>0.0011001100110011…(0011无限循环)*计算机里每种数据类型的存储...
2021-04-06 20:43:46
488
转载 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
2532
1
原创 企业微信开启调试工具
、下载devtools,https://share.weiyun.com/5IeTW652、放到根目录下带版本的文件夹下3、从新启动企业微信按快捷键 ctrl + alt + shift + D,进入调试模式4、页面上点右键,Show Dev Tools,即可调试了...
2020-12-11 11:13:38
3335
原创 移动端调试控制台
<!--移动端调试控制台--><scriptsrc="https://cdn.bootcss.com/eruda/1.4.3/eruda.min.js"></script>
2020-10-26 22:18:18
276
原创 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
335
转载 微信小程序-实现录制视频(附部分代码)
项目中,需要客户录制一段视频,上传到服务器,找了很久,终于实现了这个功能。微信小程序有两种方式可以实现录制视频。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
7968
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
618
原创 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
338
原创 千位分割符
用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
191
原创 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
1735
原创 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
160
转载 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
283
原创 uni-app app 端 微信支付
uni-app微信支付 失败 掉不起来1,检查 appid 是否 一致2. 微信端 是对象形式 支付宝 是字符串3.微信端对象形式 所以 对象属性 小写 packageValue 改成 package 对象值 参数 与上图 一一对应...
2020-07-25 15:29:54
2429
原创 微信小程序 与 App 对比
微信小程序 与 App 对比随着微信的普及,越来越多的用户使用微信,微信小程序成了推广产品,方便用户的重要途径,同时具有出色的使用体验。微信小程序优点:(利于传播、开发维护成本较低、适合轻量级应用)微信小程序与App相比较,避免了去应用商店下载的路径,它直接搜索或扫描二维码即可体验,同时也可直接分享给好友或朋友圈,让更多人体验,它依靠微信,随用随开,随走随关,不占用手机内存; 微信小程序代码容量小,操作简单,加载速度快; 登录方式更加方便,小程序可以直接获取微信用户信息和手机号进行..
2020-07-22 20:19:48
2384
转载 前端常用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
351
原创 判断 是否是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
390
原创 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
414
原创 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
2274
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
481
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
413
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
1856
原创 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
2236
原创 自定义指令
minheight.js--------------------------------------------functionresizeHandle(el){constheight=document.documentElement.clientHeightletheader=document.getElementsByClassName('main-header')[0]letfooter=document.getElementsByClassName...
2020-07-08 19:20:27
160
原创 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
557
原创 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
666
原创 图片预览 插件
# 安装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
208
原创 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
177
原创 .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
336
转载 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
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人