- 博客(70)
- 收藏
- 关注
RSS订阅原创 rn打包react-native-orientation报错
解决：修改node_modules下react-native-orientation依赖中的build.gradle文件。
2023-08-03 09:44:02
228
原创 h5实现地图定位签到
本文示例基于腾讯地图所实现的一个在日常业务开发中偶尔会用到的功能：地图中上实现定位签到使用地图的签到功能，能实现在业务中的一些功能比如有：考勤签到，活动办理打卡点定位，判断某个目标是否在当前设置的范围内从而实现一些业务要求。现在有很多方式可以实现该功能，不管是app,小程序或者是h5端，前提都是首先基于第三方的地图提供的定位做实现，先上一张大概的效果图如下：从图中可以看到，位置点标记的为当前用户所处的位置，也就是用户当前所在的真实定位位置，在图中还标记着签到点，签到点为用户所标记需要签到的地点，该标
2022-06-25 19:25:41
2771
1
原创 web端使用腾讯地图
前端中使用第三方地图是比较常见的，现在国内提供接入的地图主要有腾讯，高德，百度等第三方。而腾讯地图则是用的比较多的，在移动端，web端，公众号或者小程序的支持度也比较高，提供的功能比较丰富也是大多数业务中需要用到的。本文实现的主要有以下几个功能根据当前ip定位自定义搜索查找位置，根据地图返回的位置数据选择定位可在地图上点击标记进行定位输入框搜索选择获取位置信息点击地图实现标记并获取位置信息根据现有ip定位腾讯地图申请使用需要申请应用的key后才能调用相关的api由于篇幅有限
2022-01-18 14:56:25
2049
1
原创 HttpServer使用
const fs = require('fs')const http = require('http')const zlib = require('zlib') // 压缩const createReadStream = fs.createReadStream('./test.html') // 读取文件流// 充当客户端向远程地址发起请求http.get('http://nodejs.cn/api/http.html', (res)=>{ console.log(res.statu
2021-12-05 09:32:33
687
原创 stream读取大文件
// 使用流的方式读取数据const fs = require('fs')const createStream = fs.createReadStream('./Abba Teens - Firefly.mp3')const writeStream = fs.createWriteStream('./t.mp3')createStream.on('data', (data)=>{ console.log(data); // 分段获取流数据 })createStream.on('en
2021-12-04 17:30:40
318
原创 Angular 中添加 ＜router-outlet＞ 标签后报错
If ‘router-outlet’ is an Angular component, then verify that it is part of this module.If ‘router-outlet’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.app-routing.module@NgM.
2021-09-20 09:07:52
1184
原创 umi报文件名、目录名或卷标语法不正确
window下运行umi或create-umi命令报文件名、目录名或卷标语法不正确umi或create-umi在使用yarn或npm安装时被定义为全局安装，而安装完成后由于其它原因例如包管理器缓存或全局模块被重新设置为其它路径而导致命令运行失效。解决:查找到umi.cmd命令使用编辑器打开，删除除开头%"后直到盘符保存即可...
2021-08-29 00:51:50
766
原创 移动端实现1px像素边框
<div class="box"></div> .box{ width: 100px; height: 100px; position: relative; } .box::after{ position: absolute; left: -50%; top: -50%; wi..
2021-07-19 10:58:46
211
原创 浏览器滚动条自定义
/*整个滚动条*/ ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #ffffff; } /*滑动轨迹*/ ::-webkit-scrollbar-track { background-color: transparent; } /...
2021-07-19 10:46:17
106
原创 uniapp条件编译平台属性
app-vueappAPP-PLUS-NVUEapp、H5APP-PLUSapp、H5H5H5APP-NVUEh5、wexxMP所有小程序平台
2021-04-23 16:09:24
146
原创 js随机数获取
function randomStr(length) { var text = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ' + 'abcdefghijklmnopqrstuvwxyz' + '0123456789-_'; var str = ''; for (var i=0; i <length; i++) { var rand = Math.floor(Math.random() * text.length); str += text.substring(r
2020-12-26 22:07:01
141
原创 小程序中获取手机号与用户信息
<button open-type="getPhoneNumber" bindgetphonenumber="getphonenumber"></button> <button open-type="getUserInfo" getUserInfo="getUserInfo"></button> /*js*/ getPhoneNumber(event){ /*目前只有企业帐号可以获取用户手机号码，获取后需要解密*/ } getUs.
2020-09-05 16:00:59
1121
原创 小程序中navigator使用
小程序中navigator使用<navigator open-type="navigate" url="/page/navigate/navigate?title=navigate">跳转新页面并可以返回上一级，不能跳tab页</navigator><navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect">关闭当前页打开新页面不可返回，不能跳tab页&
2020-09-03 22:18:04
430
原创 js保留小数位不四舍五入
@param@val:{type:Number}@decimal:所保留的小数位个数const formatDecimal = (val, decimal) => { val = val.toString(); let index = val.indexOf("."); if (index !== -1) { val = val.substring(0, decimal + index + 1); } else { val = val.substring(0);
2020-07-26 18:08:59
969
原创 h5创建相同标签内容数字递增快捷键
$符代表数字，*6表示创建6次，默认从1开始，间隔1{$}*6123456{$ }*4 /*$后边加space*/1 2 3 4 {$,}*4 /*$后边加逗号*/1,2,3,4,# 从固定编号开始，@6表示从6开始编号{$@6,}*46,7,8,9
2020-07-05 17:07:46
2649
原创 css设置文本两行后显示省略
p{display: -webkit-box;//设置盒子属性text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;//...显示-webkit-line-clamp: 2;line-clamp: 2;//显示两行-webkit-box-orient: vertical;文本方向}
2020-06-12 20:33:09
347
原创 jquery根据类名或标签获取子元素
<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script> <scri
2020-06-12 17:26:56
8536
原创 vue图片上传
<template> <div class="uploadBlock"> <template v-for="(item,index) in img" v-show="img.length>0"> <div class="uploadImage"> <img :src="item.img" alt="...
2020-04-02 17:49:42
179
原创 elementui获取上一个月的时间
data:{info: { contractLastDate: this.getLastMonth() //日期 }},methods:{ getLastMonth(){ var now = new Date(); now.setMonth(now.getMonth()-1) ...
2020-03-12 11:20:28
1541
1
原创 jQuery插件扩展
/*扩展jQuery对象方法，方法使用时需对象调用*/(function($){ $.fn.extend({ checkAll:function(){ this.prop({ checked:true }) }, noAll:function(){ this.prop({ ch...
2020-02-03 16:07:08
142
原创 video自定义实现视频播放功能
import React, {Component} from 'react'import style from '../style/Video.module.css'import play from '../../../assets/player/play.png';import pause from '../../../assets/player/pause.png';class Vi...
2020-01-20 10:24:42
496
原创 jquery实现单选按钮添加激活类
HTML<div class="select_single" > <div class="select-wrap1" data-type='商城'> <div class="item"></div> <div class="sele...
2020-01-10 11:40:50
462
原创 公告栏效果
let num=$(".notice-list").find("li").length; if (num>1) { setInterval(function(){ $('.notice-list').animate({ marginTop:"-26px" },600,function(){...
2020-01-03 19:44:25
850
原创 jquery添加激活给选定的类名，其它同类名移除
let selectArr=$('.select_single>div>.item'); for(let i=0;i<selectArr.length;i++){ $(selectArr[i]).click(function (e) { $(this).addClass('active'); $('.select_sin...
2020-01-03 16:35:58
794
原创 flex弹性盒子使用
1.设置flex后，子元素的flaot，clear，vertical-align失效2.方向：flex-direction3.盒子尺寸：box-sizing4.是否换行：flex-wrap5.flex-flow:direction | wrap6.主轴设置属性:justify-content7.侧轴设置属性:align-items8.align-content:侧轴多个子元素排放方式...
2019-11-20 10:22:07
160
原创 倒计时
定义获取时间函数数组function getHoursMinutesSecondsByMS(time){ if(typeof time!='number' && time<0){ return null } var hours=parseInt(time/(1000*60*60))%24 // console.log(hours) var minutes=pa...
2019-11-18 10:57:17
178
原创 css解决像素一边框问题
父元素引用&::before{ content:''; position: absolute;left: 0;top: 0;width: 200%;height: 200%;transform: scale(0.5,0.5); transform-origin: left top;border: 1px solid red;box-sizing: border-box; }...
2019-11-17 14:54:05
425
原创 html模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
2019-11-16 21:12:23
699
原创 vue-router路由函数
路由配置路径中：beforeenter:(to,from,next)=>{to:到那个路径，from:来自哪个路径，next()[true/false],是否进入跳转的路径}组件中:beforeRouterEnter(to,from,next)=>{}...
2019-11-15 17:18:39
467
原创 scss编写
@mixin font(参数){font-family:参数}调用: a{ @include font(实参)}函数定义:@function fun(形参){ @return 值}div{width:fun(实参)}
2019-11-15 17:10:03
323
原创 commonjs导出与导入
js文件:module.exports={} //变量或函数等接收:var xxx=require('/xxx.js')//xxx接收传过来的变量
2019-11-15 17:01:48
1791
原创 router-link-active与当前路径
<router-link :to="{path:'/homepage'}"><Icon type="ios-navigate"></Icon>电影</router-link> router-link-active 默认样式添加在homepage上，如果有/homepage/xxx同时能匹配样式到当前路径的组件...
2019-11-15 00:55:56
280
原创 jsonp解决跨域
window.onload=function(){var script=document.createElement('script')script.id='jsonp'script.src='./my.js'document.body.appendChild(script) }function getData(data){ console.log(data)}---------...
2019-11-13 18:28:10
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人