- 博客(61)
- 收藏
- 关注
原创 A-Frame遇到的问题及解决方法
A-Frame官网官网首页有许多案例,上面有很多各种效果展示。文档学习的话,就看最新的英文文档,网上找到了中文文档,跟着写了案例,结果有些效果根本无法实现,例如动画,最后发现中文文档还是很早以前的版本。<html><head> <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script></head><body> <a
2022-04-01 17:34:48
1268
1
原创 监听用户更改元素属性
<input type="password" id="box"> <script> const mutationObserver = new MutationObserver((mutationsList) => { console.log(mutationsList,mutationsList[0].target) if( mutationsList[0].attributeName=="type" &a
2022-02-16 15:23:44
403
原创 超级好用的css属性clip-path;轻松画出各种图形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2022-01-07 10:26:22
398
原创 JavaScript 标签
JavaScript 中的标签与 HTML 中的标签不同,JavaScript 中的标签就是一个标识符(类似变量名),后面跟随一个冒号:。JavaScript 标签可以声明在任何语句或者代码块之前,并与 break 或 continue 配合来跳出特定的循环,例如当多个循环嵌套使用时,单纯使用 break 只能跳出当前的循环,无法跳出外层循环,如果将 break 与标签配合使用,则可以一次跳出多层循环。document.write("开始循环!<br /> ");outerloop:
2021-12-07 11:00:34
1473
原创 uniapp开发遇到的问题总结
1、使用多列选择器无法实现联动效果需求:我要在选择上一项的时候,下一项的从头开始代码 onColumnChange(e) { let { column, value } = e.detail; let arr =this.multiValue arr[column]=value if(column==0){ arr[1]=0 } this.multiValue=arr this.multiTim
2021-11-15 16:54:41
1141
原创 uniapp不同平台时执行不同样式
.box{ /* #ifdef MP-WEIXIN */ height: calc(100vh - 110rpx - var(--window-top)); /* #endif */ /* #ifdef H5 */ height: calc(var(--window-height) - 110rpx); /* #endif */ }本来以为只是个注释,没想到居然有用
2021-11-11 17:43:54
934
原创 web-worker在vue中的使用
安装vue-worker npm install vue-worker安装worker-loader npm install worker-loadervue.config.js中添加如下配置module.exports = { devServer: { open: true, port: 3003, }, lintOnSave: false, //关闭eslint警告 chainWebpack: config => { config.module.ru
2021-11-03 17:43:49
2106
1
原创 常用geojson相关网站
常用geojson相关网站:在线生成 GeoJSON:http://geojson.io/%28opens%20new%20window%29SHP转GeoJSON:https://mapshaper.org/(opens new window)中国行政区划GeoJSON下载:http://datav.aliyun.com/tools/atlas/
2021-10-09 17:18:24
981
原创 node-sass安装失败,解决方法
vue项目中用到了scss需要安装node-sass,安装过程中出现了一堆问题,不管用npm还是yarn都安装失败,最终用cnpm install node-sass解决了这个问题
2021-09-26 10:54:59
98
原创 安卓设置系统时间和日期
@ReactMethod public void setSystemDate(int y,int m ,int d,Callback successBack){ Calendar c = Calendar.getInstance(); c.set(Calendar.YEAR, y); c.set(Calendar.MONTH, m); c.set(Calendar.DAY_OF_MONTH, d); long w...
2021-08-14 16:04:15
396
原创 自己动手写一个滚动的日期选择器(react native)
效果图import React, { Component } from 'react'import { ScrollView, Text, View, StyleSheet } from 'react-native';import { scaleSize, screenWidth } from '../../utils/AdaptUtil'export default class ScrollPicker extends Component { constructor(props) {
2021-08-14 15:34:32
1549
2
原创 安卓wifi连接 UID xxx does not have permission to update configuration “xxx“WPA_PSK
android:sharedUserId=“android.uid.system”
2021-06-24 10:50:15
935
原创 安卓系统广播
android.accounts.LOGIN_ACCOUNTS_CHANGEDandroid.accounts.action.ACCOUNT_REMOVEDandroid.app.action.ACTION_PASSWORD_CHANGEDandroid.app.action.ACTION_PASSWORD_EXPIRINGandroid.app.action.ACTION_PASSWORD_FAILEDandroid.app.action.ACTION_PASSWORD_SUCCEEDEDan
2021-06-13 10:41:54
706
1
原创 postman设置全局token
1、点击右上角这个地方2、出来一个弹窗,点击添加按钮,会出现如下窗口在此处即可配置token保存后此处即可选择刚才配置的环境3、使用
2021-06-07 14:45:20
497
原创 js全局获取两个$符号之间的数
var text = "$11$AA$2$CC$6$$$" var newText = text.split('') var flag var obj = {} var j=0 for(var i=0;i<newText.length;i++){ if (flag && newText[i] == "$") { flag = false
2021-05-22 15:26:09
509
原创 app版本号比较
compareVersion=(v1, v2)=> { v1 = v1.split('.') v2 = v2.split('.') const len = Math.max(v1.length, v2.length) while (v1.length < len) { v1.push('0') } while (v2.length < len) {
2021-05-22 15:19:22
231
原创 react native 实现环形遥控器按钮
效果如下图<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}> <View style={{ width: scaleSize(700), height: scaleSize(700), borderRadius: scaleSize(350), overflow: "hidden", transform: [{ rotate: '45deg' }], borderColo
2021-03-05 14:47:20
493
原创 数组降维
含义:将多维数组(数组里面嵌套数组)变成一维数组方法:var arr = [1,2,3,[4,5,[6,7]]]arr.flat(1) // arr.flat() [1,2,3,[4,5,6,7]]arr.flat(Infinity) // [1,2,3,4,5,6,7]
2021-02-23 11:47:29
149
原创 react-native实现点击或滑动的波纹扩散效果
水波动画组件import React from 'react';import { View, StyleSheet, Animated, Text, Easing} from 'react-native';export default class AnimatedUnit extends React.Component { static defaultProps = { endDiameter: 600, initi.
2021-02-07 12:07:17
701
原创 自己封装组件
// this.state.value=0 handleChange(value) { this.setState({value}) this.fireChangeEvent('onValueChange'); } getCurrentValue(){ return this.state.value } fireChangeEvent(event) { if (this.props[event]) { this.props[event](this.g
2021-01-27 16:08:20
232
原创 Rect
class Rect { constructor(x, y, width, height) { this.x = x; this.y = y; this.width = width; this.height = height; } containsPoint(x, y) { return ( x >= this.x && y >= this.y && x <= this.
2021-01-27 16:01:29
90
原创 css+js实现下拉菜单过渡效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> #div1 {
2021-01-22 13:48:38
711
原创 设置opacity里面的内容也跟着一起透明的解决方法
如果直接给盒子设置opacity,里面的子元素不管opacity设置多少都是会继承外面的透明度,解决办法就是用rgb设置颜色:rgba(250, 250, 250, 0.34)
2021-01-18 09:45:28
1318
1
原创 微信小程序引入腾讯地图路线规划提示Cannot read property ‘init‘ of undefined
在这里插入图片描述吧调试库改为最高版本
2020-12-29 10:58:33
685
原创 react-natvie PanResponder小结
onPanResponderMove: (event, gestureState) => { if(!this.onLoad) return if (this.outBounds(gestureState)) return this.resetPanHandler() return Animated.event( ...
2020-11-21 17:53:21
231
原创 随便写啦
//获取屏幕宽高document.documentElement.clientWidthdocument.documentElement.clientHeight//判断是pc端事件还是移动端"ontouchstart" in document (ture为移动端)
2020-11-20 16:17:09
70
原创 移动端手机调试
准备:谷歌浏览器、数据线、安卓手机、手机和电脑连同一个wifi,手机开启usb调试,并且下载安装谷歌浏览器pc端地址栏输入chrome://inspect/#devices,当你的手机和成功开启了调试后,pc端会出现如下界面,表明已成功连接输入要调试的地址,即可完成调试...
2020-11-13 10:53:42
296
原创 flutter学习----安装、调试
flutter sdk下载地址清华大学开源软件镜像站,选择一个下载然后根据文档提示进行环境变量的配置根据文档在管理-命令面板新建一个flutter项目(新建项目时间可能会很长,要多等待一段时间)上图第一步选择自己的安卓设备,第二步选择Dart&&Flutter…,第三步选择自己的app,完成之后即可在自己的手机上调试。...
2020-10-30 10:05:31
80
原创 将一个数组每三个一组生成一个新数组
var data = [ {name:'Liming',age:'1'}, {name:'Liming',age:'2'}, {name:'Liming',age:'3'}, {name:'Liming',age:'4'}, {name:'Liming',age:'5'}, {name:'Liming',age:'6'}, {name:'Liming',age:'7'}, {name:'Liming',age:'8'},
2020-10-12 11:23:23
1844
原创 颜色转换(一)
/** * HSL颜色值转换为RGB. * 换算公式改编自 http://en.wikipedia.org/wiki/HSL_color_space. * h, s, 和 l 设定在 [0, 1] 之间 * 返回的 r, g, 和 b 在 [0, 255]之间 * @param Number h 色相 * @param Number s  ..
2020-10-12 11:22:55
391
原创 颜色转换
const RGB_MAX = 255const HUE_MAX = 360const SV_MAX = 100var colorsys = module.exports = {}colorsys.rgb2Hsl = function (r, g, b) {if (typeof r === ‘object’) {const args = rr = args.r; g = args.g; b = args.b;}// It converts [0,255] format, to [0,1]
2020-10-12 11:22:21
194
原创 js根据名字将数组对象中名字相同的项组成一个相同的数组
var beforeData = [{ name: "tony", id: "1", age: "20" }, { name: "jack", id: "2", age: "21" }, { ...
2020-09-09 15:51:43
3249
原创 找出两个数组中相同的数,且循环次数不能超过两个数组长度之和
let temp = [] n1.concat(n2).sort().sort((a,b)=>{ if(a==b&&temp.indexOf(a)==-1){ temp.push(a) }})console.log('temp',temp)
2020-09-09 15:47:27
256
原创 RN项目使用插件文档
React Native Spring ScrollView (高性能弹性ScrollView),可实现上拉加载下拉刷新 https://bolan9999.github.io/react-native-spring-scrollview/#/React Native Large List V3(高性能弹性大列表组件) 可实现上拉加载下拉刷新 https://bolan9999.github.io/react-native-largelist/#/...
2020-08-21 13:47:23
237
原创 react-navigation使用createMaterialTopTabNavigator实现滑动切换底部标签
我安装的版本是3.11.0import { createStackNavigator, createSwitchNavigator, createMaterialTopTabNavigator} from 'react-navigation';const AppStack = createMaterialTopTabNavigator( { // HomeStack: { // screen: HomeStack, // navigationOption
2020-08-14 18:01:51
455
原创 js base64 加密和解码
let keyStr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';export function encode(input) { var output = []; var chr1, chr2, chr3 = ""; var enc1, enc2, enc3, enc4 = ""; var i = 0; do { chr1 = input.charCod
2020-08-14 17:52:40
309
原创 react-native FlatList onEndReached一直刷新
我想要做的是到底部了再刷新下拉加载数据,但是用了这个从组件加载了就给我调了两次接口,检查代码后发现自己在FlatList外面套了层ScrollView,把它删了就好了
2020-08-14 17:49:43
397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人