- 博客(14)
- 资源 (1)
- 收藏
- 关注
原创 Chrome 中的自动播放策略&如何设置自动播放
Chrome 中的自动播放策略为了改善用户体验,谷歌浏览器限制了音视频的自动播放,最大限度地减少广告骚扰,并减少数据消耗Chrome 66 开始限制了 video 和 audio 元素的自动播放,从 Chrome 71 开始限制了 Web Audio API 的自动播放,因此一些网页游戏和webrtc相关的音视频项目都会相应收到影响autoplay虽然限制了自动播放,但是还有一些情况下是允许自动播放的静音状态下始终允许自动播放有声音自动播放时:用户进行了页面点击等与界面发生交互行为
2021-09-09 17:55:48 25532 1
原创 vs-tree: 移动端mobile-tree、PC端通用树组件,适用于通讯录组织树目录结构等
移动端通讯录组织树移动端树组件Github.介绍代码演示基础用法APIPropsEventsSlots移动端树组件Github.介绍kTree 是一个移动端树组件,可作为企业组织通讯录,课程目录 etc.代码演示基础用法// main.jsimport mTree from 'vue-mobile-tree';import 'vue-mobile-tree/lib/vue-mobile-tree.css';Vue.use(mTree);<m-tree :data="data
2020-05-12 10:25:16 8239 6
原创 前端:WebSocket接收二进制数据并转换为JSON
我们首先使用Uint8Array将其转换为ArrayBuffer,然后使用JSON.parse()将其转换为JSON对象。注意,在将ArrayBuffer转换为字符串时,我们需要使用String.fromCharCode()将每个字节转换为对应的字符。在前端中,WebSocket接收到二进制数据后,需要将其转换为JSON格式才能进行后续操作。可以使用JavaScript中的ArrayBuffer和Uint8Array来操作二进制数据,并通过JSON库将其转换为JSON对象。
2023-09-06 09:45:13 1234
原创 iphone手机屏幕旋转后img图片渲染显示正常,但是宽高尺寸异常
解决方案:const img = document.createElement('img')img.src = '原始图片地址'img.style = 'position: absolute;z-index:-10;opacity:0'$parentEl.appendChild(img)img.onload = () => { const timer = setInterval(() => { console.log(img.width) console.log(img.he
2021-10-29 10:21:38 440 2
原创 2021前端js新增语法 ??=、&&=
ES12 新增语法逻辑赋值运算符??=&&=||=当满足条件时,运算符右侧值将赋值给左侧变量, 因此运算符左侧只能是变量??=当左侧变量值为 null 或 undefined 时, 右侧值赋值给左侧变量,并返回赋值后的值左侧变量值为 nullvar a = null, b = 1;const c = null;a ??= b执行结果:左侧变量值为常量c ??= b执行结果:因为c是常量因此控制台报错 Assignment t
2021-09-13 10:58:39 1118
原创 vite&vue3 项目中报错 Configure your bundler to alias,页面不显示内容
runtime-core.esm-bundler.js:38 [Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js". at <Anonymous onVnodeUnmounted=fn<
2021-03-04 15:48:17 2108 3
原创 vite&vue3创建项目后编译或修改文件报错
## Fatal error in , line 0# Check failed: U_SUCCESS(status).###error Command failed with signal "SIGILL".info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.解决方法:检查ndoe版本,尝试切换到当前稳定版本如:node 为12.0.0而 package.json 为
2021-03-04 15:38:10 1109 1
原创 前端一些易错题总结
const 可以先声明后赋值么?const a;答:不可以,会报错Uncaught SyntaxError: Missing initializer in const declarationlet 可以先使用后声明么?console.log(a)let a = 12;答:不可以,Uncaught ReferenceError: Cannot access 'a' before initialization暂时性死区:var tmp = 123;if (true) { .
2020-08-24 12:49:46 248
原创 Git操作大全|等学会这一篇就可以出师了
上传已有项目到GitHub1、cd 到工程目录下, 初始化仓库git init2、 将项目文件添加到索引git add .3、 提交到本地仓库git commit -m "init"4、关联本地和远程仓库git remote add origin [email protected]:xxx.git5、 push到远程仓库git push origin master此时报错:[rejected] master -> master (non-fast forward)6、把
2020-06-14 13:16:38 149
原创 uni-app 开发小程序时在微信开发者工具报错
最近使用uni-app开发微信小程序时发现一个问题,再次记录一下Uncaught TypeError: Cannot read property ‘call’ of undefined程序在Hbuilder中正常编译,毫无报错,但是在微信开发这工具的控制台内报错然后在hbuilder重新打包编译,问题消失,但是待继续编写保存后又会初出现。找了许久,看官方论坛也在讨论这个问题持续半年也没有结果,然后自己试验猜想为什么只有这个文件报错呢?有什么特殊的地方么?后来发现单纯的.vue 文件都没有报错,
2020-05-28 16:35:03 2841
原创 从小白开始-React采坑实战
React + antd1. 创建 React 项目利用脚手架安装:使用 npm:npx create-react-app my-appcd my-appnpm start第一行的 npx 不是拼写错误 —— 它是 npm 5.2+ 附带的 package 运行工具。使用 yarn:yarn create react-app my-appcd my-appnpm start生成以下目录结构├── README.md├── package.json├── public│
2020-05-22 10:13:03 362
原创 cordova打包问题整理
项目中遇到的一些cordova打包问题,现在整理一下做下记录1. Mac 下安装 cordova-hot-code-push-cli 失败,执行命令为:sudo npm i -g cordova-hot-code-push-cli错误提示显示 permission 问题,然后安装 ngrok 失败,尝试各种方式,其实还是权限不够的问题,显示简介给了权限也没用。最后翻阅各种帖子,我的解决方式如下:npm config set unsafe-perm=true执行该语句后,再执行上面的安装命令,居然成
2020-05-14 09:49:44 589
移动端通讯录组织树https://github.com/yangjingyu/vs-tree
2020-05-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人