小羊羔的博客

如何解决滑动listview的时候老是触发item的点击事件

qq_43174643 — Wed, 15 Sep 2021 10:54:15 +0800

滚动list-content时，会先后触发onTouchStart和onTouchEnd方法，若点击item那么应该在不是start的时候触发点击，滑动的时候onTouchEnd函数会在手指松开的时候触发，有一个过程，点击事件的时候onTouchEnd会快速触发，所以依照onTouchEnd有没有触发来判断是否为点击事件 let scrollStatus='';

{

img加载图片有时候显示只显示一半为什么

qq_43174643 — Fri, 20 Aug 2021 10:58:12 +0800

可能是没有设置图片大小，比如设置了height:0，给img设置宽高，解决！ 2.不想设置高度时，img设置clip:rect(100%,100%)，剪裁图片到对应大小，图片撑开就会完全显示出来了

taro判断内容区域的文字是否超出父标签设置的宽度，文字宽度小于父标签的宽度隐藏下拉按钮

qq_43174643 — Thu, 24 Jun 2021 19:00:53 +0800

注意初始化阶段需要delay至少500ms再去调用，不然可能访问不到节点 setTimeout(() => { const query = Taro.createSelectorQuery() query.select(".toggle-open").boundingClientRect() query.select(".notice-world").boundingClientRect() query.select('.check-world-len

Lighthouse前端性能优化测试工具

qq_43174643 — Thu, 10 Jun 2021 10:43:54 +0800

安装访问：https://chrome.google.com/webstore/category/extensions?hl=zh-CN 搜索lighthouse点击添加进扩展程序刷新页面 F12调出控制台选择lighthouse并点击generate report允许等待生成报告

Taro实现用绝对路径引用文件

qq_43174643 — Wed, 02 Jun 2021 16:48:09 +0800

安装typescript npm install -g typescript 新建tsconfig.json文件，文件中加入以下内容，路径配置在 path中 { "compilerOptions": { "paths": { "@/component/*": ["./src/component/*"], "@/utils/*": ["./src/utils/*"], "@/api": ["./src/api"], "@/asset/*":.

兼容inphoneX底部刘海，苹果手机刘海遮挡底部问题

qq_43174643 — Thu, 27 May 2021 12:13:47 +0800

有时候，我们在使用苹果手机的时候新版手机底部都有一个横线的刘海，当按钮定位到底部的时候，往往会因为新版手机的刘海被遮挡，如图这时候给底部按钮的父元素加上如下代码 padding-bottom: constant(safe-area-inset-bottom); // 兼容 IOS<11.2/ padding-bottom: env(safe-area-inset-bottom); // 兼容 IOS>11.2/ 使用之后还可以用来兼容被底部遮挡的内容部分，根据手机型号的不同显

js正则判断是否输入emoji，并且删除已输入的emoji

qq_43174643 — Thu, 27 May 2021 12:02:45 +0800

haveEmoji = (str) => { var emojiReg = /[^\\u0000-\\uFFFF]/g const mm = emojiReg.test(str); if (mm) { Taro.showToast({ title: '不能输入emoji！', icon: 'none', duration: 2000, }) } const strResult = str..

前端实现emoji表情的转码和解码

qq_43174643 — Wed, 12 May 2021 15:42:09 +0800

// 表情转码 function utf16toEntities(str) { const patt = /[\ud800-\udbff][\udc00-\udfff]/g; // 检测utf16字符正则 str = str.replace(patt, (char) => { let H; let L; let code; let s; if (char.length === 2)...

如何兼容苹果手机inphoneX（底部横杠）

qq_43174643 — Mon, 26 Apr 2021 16:00:38 +0800

//html中添加在使用fixed的地方并且bottom=0的地方新增： padding-bottom: constant(safe-area-inset-bo

简单的倒计时

qq_43174643 — Sun, 25 Apr 2021 16:42:10 +0800

countDown = () => { const { placeOrderTime, interval } = this.state const startTime = placeOrderTime;//下单时的时间戳 const stopTime = new Date().getTime()//当前时间时间戳 const cTime = stopTime - startTime //大于15分钟之后设置订单状态为失效 if (cTime >.

taro微信小程序运行报错[ app.json 文件内容错误] app.json: app.json 未找到

qq_43174643 — Fri, 12 Mar 2021 17:48:08 +0800

是由于根目录下的project.config.json文件中的“miniprogramRoot”未找到app.json所导致的,改成如下路径 "miniprogramRoot": "./dist/weapp", 若还是出错，直接修改dist路径下的project.config.json，添加 "miniprogramRoot": "./weapp", ...

typescript基础学习

qq_43174643 — Tue, 01 Dec 2020 18:56:00 +0800

基本类型（小写哦） boolean number string null undefined object 数组 (1) let arr : number[] : [1,2,3]; (2) let arr Array = [1,2,3]; 元组 let x: [string, number]; x = ['hello', 10]; 枚举enum enum Color { Red = '傻妞', Green = '美女', Blue = '小可爱' }; let

react creact-react-app 构建完项目后,npm start启动失败怎么解决

qq_43174643 — Fri, 30 Oct 2020 16:28:52 +0800

详情在此：https://blog.youkuaiyun.com/zhuhui2000/article/details/90612736

git从创建到合并分支的过程总结

qq_43174643 — Mon, 26 Oct 2020 14:19:36 +0800

git如何新建分支切换到基础分支，如主干 git checkout master 创建并切换到新分支 git checkout -b panda git branch可以看到已经在panda分支上更新分支代码并提交 git add * git commit -m "init panda" git push origin panda 在git代码管理界面经可以看到panda分支了，成功~~ ...

如何判断项目是在浏览器还是在手机端运行

qq_43174643 — Mon, 28 Sep 2020 15:58:29 +0800

function IsPC() { var userAgentInfo = navigator.userAgent; console.log(userAgentInfo); var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag = true; for (var v = 0; v < Ag...

react中用react-photo-view实现点击图片，图片放大可移动拉拽的效果

qq_43174643 — Thu, 24 Sep 2020 16:26:46 +0800

下载插件 yarn add react-photo-view 引入插件及样式 import { PhotoProvider, PhotoSlider } from 'react-photo-view'; import 'react-photo-view/dist/index.css'; 使用插件

setFlag(true)}> .

简单节流防抖函数

qq_43174643 — Mon, 31 Aug 2020 17:47:06 +0800

export default (func, threshold = 500, immediate = false) => { if (typeof func !== 'function') { throw new Error('First argument of debounce function should be a function'); } let timer = null; return function debounced(...args) { const

npm install 报错（npm ERR! errno -4048，Error: EPERM: operation not permitted,）解决方法

qq_43174643 — Fri, 26 Jun 2020 18:37:46 +0800

已解决文的错误转载https://blog.youkuaiyun.com/qq_35624642/article/details/78393035?utm_source=blogxgwz7

写react项目的时候遇见的一些安装配置的问题

qq_43174643 — Tue, 04 Feb 2020 22:22:00 +0800

antd在React项目中按需加载：https://blog.youkuaiyun.com/weixin_33885676/article/details/91379768 在react中配置less:https://www.cnblogs.com/jayxiangnan/p/9116663.html

creact-react-app项目中暴露配置时出现问题的解决

qq_43174643 — Fri, 10 Jan 2020 11:03:28 +0800

详情：https://www.jianshu.com/p/19cdf46237d8