吴佩佩佩佩的博客

原创 swiper vue卡片效果

swiper卡片效果

原创 mockJs

mockjs

原创 font-weight

font-weight

原创 Android excludeFromRecents属性 隐藏任务栏中的APP

android:excludeFromRecents属性用于申明在任务栏中隐藏还是展示APP，默认值是false（任务栏中可见）。隐藏只需在AndroridMainifest.xml文件中的activity标签添加excludeFromRecents=true属性。<activity android:name=".MainActivity" android:label="@string/app_name" android:excludeFromRecents="true" <

原创 xiaomi sdk appkey or appid was empty,please check your manifest config

记录一下。今天在极光接入小米推送的时候，出现如下错误：xiaomi sdk appkey or appid was empty,please check your manifest config检查了半天配置XIAOMI_APPID和XIAOMI_APPKEY怎么都对，重重复复确认了至少十遍。最后，在build.gradle的XIAOMI_APPID和XIAOMI_APPKEY的值前面加上“MI-”解决了问题。巨坑~android { defaultConfig { a

原创 Android9以上无法hook解决办法

log里提示Accessing hidden method xxxxxxxxxxxxxxxxxx是因为android新加了限制解决办法，在hook之前执行if (SDK_INT < Build.VERSION_CODES.P) { return;}try { Method forName = Class.class.getDeclaredMethod("forName", String.class); Method getDeclaredMethod = Class.

原创 ReactNative图片自适应高度

import React, { useState, useEffect } from 'react';import { Image } from 'react-native';export default ({ source = {}, style = {}, width = 0 }) => { const [height, setHeight] = useState(100); useEffect(() => { if (source.uri) { // 网

原创 ReactNative Hook

React Hook1 Hook是什么2 useState3 useEffect4 自定义Hook1 Hook是什么Hook可以在不使用class的情况下在函数组件中使用React的特性。2 useStateuseState 就是一个 Hook ，useState 用于在函数组件中添加内部 state。// 函数组件import React, { useState } from 'react';const demo = () => { const [text, setText] =

原创 ReactNative多渠道打包

ReactNative多渠道打包集成方式1. 添加plugin2. 添加library3. 添加打包配置4. 添加渠道名打包1. 命令打包多渠道打包我用了好几种，最终还是喜欢美团的Walle。引用官方的介绍：Walle（瓦力）：Android Signature V2 Scheme签名下的新一代渠道包打包神器瓦力通过在Apk中的APK Signature Block区块添加自定义的渠道信息来生成渠道包，从而提高了渠道包>生成效率，可以作为单机工具来使用，也可以部署在HTTP服务器上来实时处理

原创 ReactNative GIF

默认使用GIF图都只会显示第一帧的静态画面。在RN中使用GIF，需要在build.gradle中添加:implementation 'com.facebook.fresco:animated-gif:2.0.0' 在安卓的XML中使用，需要在build.gradle中添加:implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.17'然后这样使用:<pl.droidsonroids.gif.GifImageView

原创 原神兑换码

原神礼包最新兑换码EBNGQWDXQFCJDB6G9WVW9FV68TNZ8FVFQFFA三百原石

原创 The current character read is ‘E‘ with an int value of 69

报错：The current character read is ‘E’ with an int value of 69解决办法：把android/app下的build文件夹删了重新跑一遍

原创 ReactNative安卓HTTP请求

在安卓9以上正式包HTTP请求不通，可以配置一下允许它请求。当然，还是建议优先开通HTTPS，实在不行就用下面的方法：在android\app\src\main\res下创建xml文件夹。在xml文件夹下创建network_security_config.xml文件，写上：<?xml version="1.0" encoding="utf-8"?><network-security-config> <base-config cleartextTraffic

原创 ReactNative阴影

ReactNative阴影1. 文字阴影2. 块阴影2.1 ios阴影2.2 android阴影1. 文字阴影文字阴影最好实现，直接使用textShadow，android和ios都支持:textShadowOffset: { width: 3, height: 4 }, // 阴影偏移量textShadowColor: '#20a344', // 阴影颜色textShadowRadius: 5, // 阴影模糊半径 注意这个属性一定要加，否则阴影显示不出来shadowOpacity: 1, /

原创 Task :app:lintVitalRelease FAILED

Task :app:lintVitalRelease FAILED错误信息:Task :app:lintVitalRelease FAILED解决办法：在目录android/build.gradle的android里,添加：android { // 添加的代码 lintOptions { checkReleaseBuilds false abortOnError false }}...

原创 冒险岛提莫的蛋

冒险岛提莫的蛋冒险岛提莫的蛋是双击恶魔之母的蛋开出来的，打怪爆不出来，注意避坑。

原创 冒险岛二十问答案

冒险岛二十问答案问题：1号是谁？答案：卡珊德拉问题：2号是谁？答案：阿杜比斯问题：3号是谁？答案：基尼问题：4号是谁？答案：查里中士问题：5号是谁？答案：艾米

原创 JavaScript浮点计算

在做浮点运算的时候，经常出现一些意想不到的结果，如：let a = 0.1 + 0.2console.log(a) // 0.30000000000000004let b = 0.3 - 0.1console.log(b) // 0.19999999999999998let c = 0.1 * 0.2console.log(c) // 0.020000000000000004let d = 0.3 / 0.1console.log(d) // 2.9999999999999996出

原创 冒险岛唐云的料理讲座

配方单：炒猪肉：漂漂猪、超bai级胖胖猪、火野猪du、食人zhi花、三眼章鱼dao绿水灵布丁：绿水灵、魔方、樱桃奶茶、小雪人、巧克力糖浆蜗牛料理：圆蜗牛、红蜗牛、花蘑菇、葡萄汁、嫩芽花盆海蜇：水母、冰水母、老山参精、冰块、喇叭花盆蘑菇刀削面：蓝蘑菇、刀削面、蘑菇王、桔梗精、蓝泡泡翻车鱼...

原创 CSS基础样式库

CSS基础样式库

原创 JavaScript类

JavaScript类1 类声明2 为什么说它是语法糖3 类包含的属性和方法3.1 类的构造函数ES6中新增了class关键字用来定义类，使用class关键字定义类的写法更加清晰，更像面向对象的语法。但是可以看作是语法糖，因为它背后还是构造函数和原型的概念。1 类声明定义类有2中方式，类声明和类表达式：// 类声明class Student {}// 类表达式const Student = class {}2 为什么说它是语法糖因为类实际上它是一个function，是构造函数是函数作用域

原创 JavaScript原型链

JavaScript原型链1. 原型是什么?2. 常用方法2.1 通过isPrototypeOf确定对象之间的关系2.2 通过Object.getPrototypeOf方法获取对象中的原型2.3 通过Object.setPrototypeOf可以向实例的原型对象中写入一个值2.4 通过Object.create创建对象，指定原型2.5 通过hasOwnProperty确定属性在实例还是原型对象上1. 原型是什么?了解原型，首先搞清楚下面3个关键词：prototype：每个函数对象都有一个prototy

原创 JavaScript创建对象常用模式

JavaScript创建对象常用模式1. 工厂模式2. 构造函数模式3. 原型模式4. 组合使用构造函数模式和原型模式(推荐)1. 工厂模式function Student(name, age) { let o = new Object() o.name = name o.age = age o.show = function(){ console.log(`我叫${this.name}`) } return o}let a = Student('小明', 18)

原创 JavaScript对象浅拷贝和深拷贝

JavaScript对象浅拷贝和深拷贝1. 基本概念2. 浅拷贝3. 深拷贝3.1 深拷贝JSON方法3.2 深拷贝手写递归方法4，1. 基本概念对象是引用类型，在声明引用类型的时候，对象是存储在堆内存中的，而js不能直接操作内存，所以引用类型的变量实际上是一个指针，指针指向存储在堆内存中的对象，例：const obj = {}2. 浅拷贝const obj1 = { name: '小明'}const obj2 = obj1obj1.name = '小红'console.log(ob

原创 CSS画三角形

使用css画三角形主要使用到border属性，首先来看一个例子：.demo{ width: 0px; height:0px; border: 50px; border-style: solid; border-color: red blue yellow green; }<div class="demo"></div>上面代码可以看到，给div设置的宽高为0，边框50px，并且4条边为不同的颜色，通过颜色可以看出，边框是由三角形组成，再看一个例子：.demo{ widt

原创 openlayers画虚线 (十四)

在openlayers中画虚线主要是通过设置Style对象中Stroke里的lineDash属性来实现，lineDash在官网文档描述中很模糊，只说了它是一个数组，再尝试后发现规律过来记录一下这个属性。lineDash数组可以任意长度，它的奇数代表线的长度，偶数代表间隙长度。通过这个规则，就可以画出各种规则的虚线，如以下效果：再举个例子：lineDash: [20, 10, 40, 20]代码如下：// 创建线因素const wireFeature = new Feature({ geom

原创 JS转盘抽奖

一个大转盘最简单的Demo，实现思路，通过CSS3的过渡与旋转来实现动画效果，通过JS来触发和控制转盘的动画，效果图是gif看着头晕，我放在最后面了。完整代码：<!DOCTYPE html><html lang="en"><head&gt

原创 Vue样式穿透

在vue组件中，样式一般都会加上scoped属性来防止组件之间的样式冲突，但是这样也会造成一个问题，如果想组件中修改UI（比如element-ui）库中的某一个样式，会失效。如果是stylus的话，可以使用>>>来解决，如：.wrap >>> .el-button{}如果是sass和less的话，使用/deep/，如：.wrap /deep/ .el-button{}...

原创 JavaScript判断变量类型

JavaScript有6个基本数据类型，1个复杂数据类型(也叫引用数据类型)。基本类型：String 、Number、Boolean、Null、Undefined、 Symbol引用类型：Object基本类型是按值访问的，不能给他添加属性和方法。引用类型是按引用访问的，可以随时给它添加属性和方法。判断数据类型有很多种方法：1. Object.prototype.toString.call这个方法很多js库的内部都在使用，也是我使用的最多的方法。// Stringconsole.log(Ob

原创 JavaScript变量

JavaScript变量1. 变量声明规则2. var2.1 var声明变量2.2 var变量作用域2.3 var变量提升3. let3.1 let的区别4. const4.1 const的区别5. 用var还是let还是const？变量用来存储数据，在JavaScript中，变量是松散类型的，所以变量可以用来保存任何类型的数据。有3个关键字可以用来声明变量：var、let、const。1. 变量声明规则区分大小写，也就是说name和Name是2个不同的变量。变量名第一个字符必须是字母、下划线(

原创 JavaScript数据类型

JavaScript数据类型1. 基本数据类型1.1 String(字符串)1.2 Number(数值类型)1.3 Boolean(布尔值类型)1.4 Null(空类型)1.5 Undefined1.6 Symbol2. 复杂数据类型2.1 ObjectJavaScript有6个基本数据类型，1个复杂数据类型。基本数据类型：String 、Number、Boolean、Null、Undefined、 Symbol复杂数据类型： Object1. 基本数据类型1.1 String(字符串)字符

原创 JavaScript ＜script＞标签

目录1. 使用JavaScript1.1 直接将JavaScript代码放入<script>标签中。1.2 通过src引用外部JavaScript文件。1. 使用JavaScript要在html中使用JavaScript主要是使用<script>标签。使用<script>标签的方式有2种：1.1 直接将JavaScript代码放入<script>标签中。<!DOCTYPE html><html lang="en"><

原创 JavaScript组成部分

JavaScript主要由ECMAScript、DOM、BOM三部分组成。ECMAScriptECMAScript主要定义了语法、类型、语句、关键字、保留字、操作符、全局对象。将这门语言作为一个标准，在它的基础上再构建更稳健的脚本语言。符合ECMAScript标准必须满足以下条件：支持 ECMA-262 中描述的所有“类型、值、对象、属性、函数，以及程序语法与语义”。支持 Unicode 字符标准。DOMDOM叫文档对象模型。DOM是应用程序接口(API)。DOM将整个页面抽象为一

原创 ReactNative常用命令

ReactNative 常用命令创建项目react-native init 项目名查看是否有设备连接adb devices运行Android工程react-native run-android运行Ios工程react-native run-ios用指定设备运行Ios工程react-native run-ios --simulator “iPhone XR”启动服务react-native start清除android缓存gradlew clean 安卓

原创 Vue插槽 (七)

目录1. 匿名插槽2. 具名插槽3. 作用域插槽4. 动态插槽名插槽的指令是v-slot。插槽用于实现内容分发，在开发组件的时候经常用到。注意2.6.0后具名插槽和作用域插槽新的语法v-slot取代了slot和 slot-scope这两个目前已被废弃但未被移除且仍在文档中的 attribute。1. 匿名插槽如果当组件只有一个地方需要插入dom，那么可以使用匿名插槽。// parent<template> <div class="page"> <hel

原创 Vue组件通信 (六)

目录1. 父向子组件通信1.1 props1.2 ref1.3 children2. 子向父组件通信2.1 emit3 子向子组件通信3.1 parent4 父向孙传值4.1 provide inject5 任意两个组件之间5.1 eventBus6. vuex组件通信是vue中很常见也是很重要的一部分。1. 父向子组件通信1.1 propsprops是最常用的方式。// 父<template> <child-component1 :name="name"></c

原创 ES2020动态引入

ES2020新特性中，允许js文件动态引入，并且不需要模块处理器可直接使用，如：const a = async (num) => { if (num === 1) { const b = await import('../xx.js') }}a(1)很好很强大，很期待~

原创 openlayers自适应视图 (十三)

在开发gis应用中，经常碰到需要改变视图来展示某个区域，比如切换每个城市，以前我的方法是通过区划数据计算出中心点和缩放等级设置给视图，如：let center = [x, y]let zoom = 15map.getView().setCenter(center)map.getView().setZoom(zoom)后来我就想，能不能去自适应center和zoom，通过翻官方文档，找到了view中的fit方法，来看一下官方文档的介绍：fit方法可以传2个参数。第一个是几何图形或者范围，其实

转载 惠普打印机说明书

原创 Vue单文件组件 (五)

vue中的单文件组件指的是后缀为.vue的文件。vue文件里由