Charli

梦想的起源


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

ios手机不兼容摇一摇功能

发表于 2020-11-12 | 更新于 2022-05-24 | 评论数: | 阅读次数:
过年后回来的时候做了一个摇一摇的H5小游戏。因为我使用的是安卓手机,一直没有发现在苹果手机上不能使用。刚开是以为是http和https的问题,但是在ios上即使使用https开头的链接然后还是不能摇~ 后来网上找了原因说是ios13+的版本,浏览器对设备运动和方向事件的访问权限处于关闭状态,但是可以 ...
阅读全文 »

inline-block间隙

发表于 2020-07-09 | 更新于 2022-05-24 | 评论数: | 阅读次数:
我针对一些元素使用inline-block要比float频繁。img标签本身就是inline-block属性,所以页面中使用到img标签的时候经常会出现间隙问题。最近写的h5页面多了,遇到这个问题的次数就越来越多了。最典型的就是图片,当我两个图片要连接时,中间就出现了缝隙。审查元素我并没有设置间距。 ...
阅读全文 »

es6中的扩展运算符

发表于 2020-07-06 | 更新于 2022-05-24 | 评论数: | 阅读次数:
对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中1.使用方法一:在函数的传参数过程。作用将剩余的参数放入一个数组中。合并rest参数形式为(…变量名),其值为一个数组,用于获取函数多余参数。123456function f(a,...arr){ cons ...
阅读全文 »

css实现小企鹅

发表于 2020-01-14 | 更新于 2022-05-24 | 分类于 前端 | 评论数: | 阅读次数:
html代码:1234567891011121314151617181920212223<div class="penguin"> <div class="penguin-bottom"> <div class=" ...
阅读全文 »

background-attchment移动端无效

发表于 2020-01-09 | 更新于 2022-05-24 | 分类于 前端 | 评论数: | 阅读次数:
想要实现一个移动端的页面,元素滚动,但是页面背景图不能滚动能想到的就是使用“background-attachment: fixed”但是在pc端是可以的,在移动端不适用 看了网上的很多列子找到了一个使用body的方法,但是在ios中还是会跟随屏幕的滚动而滚动所以就调整成下面,就适应了 123456 ...
阅读全文 »

在IOS中DeviceMotionEvent失效

发表于 2019-12-11 | 更新于 2022-05-24 | 评论数: | 阅读次数:
客户提出要摇一摇自动播放视频的功能在做摇一摇的时候出现了问题:123456789101112131415161718//摇一摇(使用DeviceMotion事件)shake() { var speed = 15; // 用来判定的加速度阈值,太大了则很难触发 var x, ...
阅读全文 »

position为fixed时设置z-index失效

发表于 2019-11-26 | 更新于 2022-05-24 | 评论数: | 阅读次数:
今天在改bug的时候遇到了个z-index的问题,怎么都调试不好,然后就上网百度bug: 一个div元素下两个子元素,其中一个子元素fixed定位,另一个没有办法执行click方法 原来谷歌浏览器在设置position:fixed;后会触发元素创建一个新的层叠上下文,并且当成一个整体在父层叠上下文中 ...
阅读全文 »

2019月度总结-九月

发表于 2019-10-05 | 更新于 2022-05-24 | 分类于 2019月度总结 | 评论数: | 阅读次数:
九月好像是我最懒的一个月,感觉什么都没干,我准备把月度总结换成线下写了。可是现在人在苏州,我的本子却在上海。所以这个月的还是在网上写吧! 真不知道写点什么。。。 电影九月份跟朋友一起看了 —— 哪吒之魔童降世 —— 这部电影,我们去的夜场。这个电影真的超燃,非常好看。我以为九月二十六号从电影院下线后 ...
阅读全文 »

判断是页面是在手机端还是PC端打开

发表于 2019-09-27 | 更新于 2022-05-24 | 分类于 前端 | 评论数: | 阅读次数:
之前碰到过在pc端的微信打开一个页面,告诉我只能在手机端的微信内置浏览器中打开。 效果如下所示: navigator.userAgent : 浏览器用于 HTTP 请求的用户代理头的值,通过UserAgent可以取得浏览器类别、版本,客户端操作系统等信息。 本地输出一下,如下显示:12consol ...
阅读全文 »

react-canvas-nest

发表于 2019-09-26 | 更新于 2023-03-16 | 评论数: | 阅读次数:
之前在人家网站上看到,我都能玩半个小时。今天刚好看到了这个插件:react-canvas-nest,用来写写 演示效果 在react环境下使用的123安装:npm install react-canvas-nest 123456789101112131415161718192021使用代码:impo ...
阅读全文 »
1234…6
Charli

Charli

不积跬步,无以至千里

53 日志
11 分类
24 标签
RSS
GitHub
© 2023 Charli
由 Hexo 强力驱动 v3.7.1
|
主题 – NexT.Pisces v6.4.0