
2021
DyuanH
日常记录,不足之处还望往来大佬指点一二。
展开
-
解决 Mac 左滑浏览器默认的返回事件
阻止 document.body.style.overscrollBehaviorX = ‘none’恢复 document.body.style.overscrollBehaviorX = ‘auto’参考 https://juejin.cn/post/6947858245356617764#heading-6原创 2021-12-14 14:34:15 · 3488 阅读 · 0 评论 -
Pixi.js 显示文字无法换行
官方案例message.style = {wordWrap: true, wordWrapWidth: 100, align: center};中文无法换行,设置breakWords属性sprite.style = { wordWrap: true, wordWrapWidth: 100, breakWords: true }原创 2021-11-19 15:27:49 · 1004 阅读 · 0 评论 -
求旋转后的坐标
坐标点target,中心点center,角度angle// 旋转后坐标function getRotatePoint(targetX, targetY, centerX, centerY, angle){ const rotation = angle * Math.PI / 180 const x = (targetX - centerX) * Math.cos(rotation) - (targetY - centerY)*Math.sin(rotation) + centerX cons原创 2021-11-12 13:46:37 · 693 阅读 · 0 评论 -
npm publish ERR 403
npm ERR! code E403npm ERR! 403 403 Forbidden - PUT http://registry.npmjs.org/dyhao - Forbiddennpm ERR! 403 In most cases, you or one of your dependencies are requestingnpm ERR! 403 a package version that is forbidden by your security policy.npm ERR! A原创 2021-09-18 12:07:00 · 434 阅读 · 0 评论 -
scroll-view安卓滚动不生效
参考博客问题scroll-view竖向滚动,高度为100vh时,在模拟器以及IOS上都正常滚动,在android系统上却无法滚动。解决需要在样式加上overflow-y: scroll;原创 2021-07-06 10:40:42 · 868 阅读 · 1 评论 -
对接飞鹅接口一直提示未注册
参数没有传成功解决const qs = require('querystring')const data = qs.stringify({ user, stime, sig, apiname, ...params })const res = await axios.post('http://api.feieyun.cn/Api/Open/', data)原创 2021-06-10 09:42:58 · 749 阅读 · 0 评论 -
React 动态引入组件的骚操作
组件文件export { default as Home } from '../../home/index'export { default as Mine } from '../../personal/entrance/index'export { default as Find } from '../../find/index'export { default as Emall } from '../../home/emallEntrance/index'引用组件class FunPage原创 2021-06-07 12:16:08 · 544 阅读 · 0 评论 -
饿了么布局
效果 粘性布局代码<View> <Navbar title='饿了么布局' textColor='#fff' bgColor='#000' /> <View style='height: 84px'></View> <View className='header'>header</View> <View className='main'> <ScrollView classNa原创 2021-04-29 20:37:01 · 498 阅读 · 0 评论 -
mongodb 聚合命令
将ObjectID转换为String,添加到新字段id{"$addFields": {"id": { "$toString": "$_id" }}}key是变量时 [key] [sortBy]router.get('/', async (req, res) => { const { page = 1, perPage = 20, sortBy = 'updatedAt', sortOrder = 'desc', searchText } = req.query const searc原创 2021-04-22 14:12:10 · 143 阅读 · 0 评论 -
腾讯地图 多个异步script互相依赖加载问题
问题用官方的文档,使用callback参数回调,无法确定其他script的加载完成官方示例const script = document.createElement('script')const script2 = document.createElement('script')script.type = "text/javascript";script2.type = "text/javascript";script.src = `https://map.qq.com/api/gljs?v=原创 2021-04-20 17:12:07 · 684 阅读 · 0 评论 -
阻止输入框聚焦时页面放大
根目录index.html添加<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />原创 2021-04-14 09:28:10 · 212 阅读 · 0 评论 -
vue web移动端开发 audio问题
问题:duration的值为NaNconst audioE = new Audio(item.audio)audioE.oncanplay = () => { that.duration = parseInt(audioE.duration)}原创 2021-04-13 16:59:25 · 493 阅读 · 0 评论 -
腾讯地图 自定义覆盖 点击事件无反应
示例代码// 创建DOM元素,返回一个DOMElement,使用this.dom可以获取到这个元素Donut.prototype.createDOM = function() { let svg = document.createElementNS(SVG_NS, 'svg'); svg.setAttribute('version', '1.1'); svg.setAttribute('baseProfile', 'full'); let r = this.maxRadius; svg.se原创 2021-03-31 15:59:53 · 1457 阅读 · 2 评论 -
vue jsonp 跨域请求 超时
前言连的是腾讯地图的地点云api报错Uncaught (in promise) {statusText: "Request Timeout", status: 408}解决加个参数 output: ‘jsonp’democonst {result} = await this.$jsonp('https://apis.map.qq.com/place_cloud/data/list', { key: process.env.VUE_APP_MAP_KEY, table_id: '605原创 2021-03-26 10:09:27 · 3697 阅读 · 0 评论 -
腾讯地图 JavaScript API几何计算库geometry用不了
找不到geometry官方文档真牛逼,也不说使用前script要先引入。解决办法就是script标签要加引入库的字段script.src = `https://map.qq.com/api/gljs?v=1.exp&key=${process.env.VUE_APP_MAP_KEY}&libraries=geometry&callback=initMap`...原创 2021-03-26 09:58:59 · 986 阅读 · 1 评论 -
taro Image组件mode属性设置为aspectFill在h5上没效果
解决:// jsx<Image className='bg-image-reverse' src={corp.headerImgUrl} mode='aspectFill'/>//scss.bg-image-reverse { img { object-fit: cover; }}原创 2021-02-04 10:10:42 · 1387 阅读 · 0 评论 -
js文件获取store里的state数据不是最新的
试试这种写法// src/store/index.jsimport { createStore, applyMiddleware } from 'redux'import thunkMiddleware from 'redux-thunk'import { createLogger } from 'redux-logger'import rootReducer from '../reducers'const middlewares = [ thunkMiddleware, create原创 2021-02-02 18:07:06 · 1883 阅读 · 0 评论 -
Taro里组件更新问题
组件更新机制使用this.setState()和父组件传参props的值发生改变会重新跑 render() 方法, 但不会跑didmount如果子组件在didmount里利用父组件传的参数去请求数据,并在render方法里 渲染,这时props发生改变重新执行render方法重新渲染上次请求数据,并不会重新请求数据,所以没有更新解决方法父组件调用子组件更新方法,让其重新请求数据// 父组件<CustomPage pageId={link} onRef={ref => { this.原创 2021-01-27 10:56:41 · 1211 阅读 · 0 评论 -
后台展示小程序页面
将taro编写的代码转成h5运行Taro.login()无法使用,Taro.checkSession()无法使用先注释掉,用taro:weapp运行拿到的token写死再存储里,强行跳过授权登录和绑定手机号Taro.getMenuButtonBoundingClientRect()不可用小程序有通过胶囊信息写样式的再h5端要重写Taro.getLocation()不可用小程序通过这个接口请求位置信息在h5端要重写跨域问题后端给当前域名和端口配置白名单使用iframe标签做应用嵌入展示后台原创 2021-01-22 10:41:49 · 1158 阅读 · 0 评论