粤小七-CSDN博客

按钮设置了添加背景色，在移动端点击后发现的样式不消失。说明它在内的解释是：https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover 也有相关问题：https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover

2022-12-01 09:49:48 1238

原创苹果 MAC 电脑 boot camp 助手装 Windows10 双系统出现的各种问题和解决方法

提示需要64位Windows10或更高版本的ISO。文件被修改过不是在官网下载的，去。BootCamp安装失败。或微软官方网站下载即可。这个版本，以下我给出个。提示您的磁盘未能分区。

2022-07-29 10:46:32 16595 5

原创 HTML 移动端加载多个 iframe 的 WebGL 场景模型有的有时会加载不出来但 PC 端没问题的原因

经过了很多的尝试，发现减少 iframe 里面的 webgl 场景后就不会出现加载不出来的问题，怀疑是不是手机浏览器带不动导致的，最后试试监听 webglcontextlost 事件，果然打印出来了东西，最后我总结是 GPU 崩溃了导致的触发了 webglcontextlost 事件。参考资料：https://forum.cocos.org/t/failed-to-execute-shadersource-on-webglrenderingcontext/79278https://www.khronos.

2022-02-10 14:46:54 1650

原创解决直接打开 vite +vue3 打包的 HTML 文件报错跨域 from origin ‘null‘ has been blocked by CORS policy

原因vite 是直接使用原生 ES6 模块打包的，然而 ES6 模块遵循同源策略，加上 script 本来就会跨域和 file 协议不支持跨域，所以不能直接通过 file 协议直接打开，除非使用 http(s) 等支持跨域的协议。解决办法1启动一个本地服务器，npm 安装 http-server 包，或着 VSCode 安装 Live Server 拓展等办法都可以。解决办法2暂时禁用浏览器的同源策略。............

2022-01-15 13:53:46 6905 4

原创解决 uni-app web-view 的网页访问 app 本地资源图片报错 Not allowed to load local resource: file:///

解决办法1使用 uni-app web-view 组件的 overrideResourceRequest 方法拦截网页加载的图片资源，重定向返回 app 应用本地的图片资源，下图为示例解决办法2将整个打包好的网页 HTML 放在 app 源代码里面，然后 app 里面的 web-view 组件加载这个 HTML，下图是我用原生安卓做的示例（uni-app 大图太多打包 app 一直卡蹦，只好用原生试），仅供参考。............

2022-01-13 15:30:13 2433

原创解决 Vue3 + stylelint14 + SCSS + VSCode 没效果和报错 Unknown word (CssSyntaxError)

原因安装的插件 stylelint、stylelint-config-standard、stylelint-scss 版本太新，对于 vue3 文件的支持不好。解决办法npm install --save-dev postcss-html stylelint-config-recommended-vue 和 npm install --save-dev stylelint-config-standard-scss 并且进行配置，详情可查看官方迁移说明 https://github.com/stylel

2022-01-12 17:46:10 15386 8

原创解决通过 HTML 和 JS 拖拽切换序列帧动画图片会慢和卡顿

这个问题折腾了我几个小时，最后想有没有可能是图片太大性能问题，然后我把原图的分辨率 20481536减小为 1024768 竟然就可以了。

2021-12-29 23:30:00 1547

原创 uni-app 安卓实现监听 PDA 扫码枪等设备按钮

plus.key.addEventListener('keydown', event => { console.log("按键：" + event.keyCode);});

2021-06-03 11:25:00 5736 9

原创解决 iOS HTML ＜audio＞标签设置 currentTime 后再获取它的值没有变化

问题复现框架：Vue组件：@liripeng/vue-audio-playeriOS 版本：14.4注意：this.$refs.audio 是 <audio> 标签实例当我点击进度条时设置了 currentTime，例如 this.$refs.audio.currentTime = 30，但不执行播放。点击播放按钮，执行 this.$refs.audio.play() 和 window.setInterval(() => { console.log(this.$refs.a

2021-04-26 17:37:59 1052 1

原创 JS判断不同的浏览器和版本，提示浏览器版本过低，兼容IE8到IE11

产品需求页面顶部提示用户下载并使用 360 极速浏览器的极速模式，该提示可以手动关闭，兼容 IE8-IE11。需求由来项目网站不支持 IE11 及以下，有的人用低版本的浏览器打开页面显示错乱功能无法正常使用。实现效果如果不是谷歌内核的浏览器则出现下载提示，如果是谷歌内核的浏览器但内核版本低于 86 的则出现下载提示，最终效果如下图：不是谷歌内核的浏览器出现的提示是谷歌内核的浏览器但内核版本低于 86 出现的提示源码复制粘贴到 HTML 中即可生效<script ty

2021-04-16 11:23:41 2545

原创 uni-app 原生插件开发时 com.alibaba:fastjson:1.1.46.android 报错解决方法

Andorid Studio 报的错误03-12 00:55:09.156 7476-7476/com.example.pdaplugin E/AndroidRuntime: FATAL EXCEPTION: main Process: com.example.pdaplugin, PID: 7476 java.lang.NoClassDefFoundError: Failed resolution of: Lcom/alibaba/fastjson/JSONObject;

2021-03-02 14:37:14 1087 2

原创 vue3.0 vue-cli4+element-plus 按需加载组件并配置 vue-i18n 9.0 国际化多语言

目录结构src/lang/index.js 文件import { createI18n } from 'vue-i18n'import elementlangEn from 'element-plus/lib/locale/lang/en'import elementlangZhCn from 'element-plus/lib/locale/lang/zh-cn'import localeLangEn from './en'import localeLangZhCn from './zh-c

2021-02-03 18:49:49 2441

原创 uni-app 用 cli 方式创建 TypeScritp 项目引入 uview-ui 报错【解决方法】

报错：无法找到模块“uview-ui”的声明文件。“e:/xxxxxx/node_modules/uview-ui/index.js”隐式拥有 “any” 类型。尝试 npm install @types/uview-ui (如果存在)，或者添加一个包含 declare module 'uview-ui'; 的新声明(.d.ts)文件ts(7016)然后我在 sfc.d.ts 加了 declare module 'uview-ui' 还是不行，思前想后想不通，又看了一遍报错提示，发现上面是有个分号的，.

2020-07-13 14:57:42 5557 8

原创 Vue Nuxt.js 使用 VantUI 自动按需引入组件和定制主题文件覆盖的配置方法

const path = require('path')export default { build: { babel: { plugins: [ // VantUI 自动按需引入组件配置 [ 'import', { libraryName: 'vant', ...

2019-11-06 11:27:53 2306

原创 Vue 奇淫技巧，控制台打印（非 console.log）当前组件实例

Vue 组件挂载成功后会在根节点 DOM 实例上挂一个 __vue__ 对象，所以有时候并不一定为了好调试而非要把 new Vue() 的实例赋给 window.app 什么的，直接在 console 上用 $0 表示当前高亮的节点，然后通过 __vue__ 就能找到组件实例了...

2019-09-23 11:18:56 8774

原创 JS 获取处理链接的参数

let url= new URL('http://test.com?a=1&b=1')// 增加 url 参数url.searchParams.set('c', 1)console.log(url.href) // http://test.com/?a=1&b=1&c=1// 删除 url 参数url.searchParams.delete('b')cons...

2019-09-09 12:05:29 165

原创解决 JS Date 时差 8 小时问题

将当前时间 + 时差时间 = 当前时间，getTimezoneOffset() 获取时差（以分钟为单位），转为小时需要除以 60let date = new Date(time)date.setHours(date.getHours() + date.getTimezoneOffset() / 60) // 解决本地时间与格林威治标准时间 (GMT) 的时差...

2019-07-25 09:40:42 11176

原创解决 html2canvas 跨越

场景场景1：线上域名与图片域名不一样。出现错误：Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.场景2：线上域名是 https，图片的域名是 http。出现错误：Redirect from 'http://cdn.******.cn/155127031599...

2019-03-21 15:25:47 1141

原创解决 H5 IOS input 聚焦时，页面整个被推上去了，键盘收起页面未下移 BUG

网上方法大多就只有 window.scrollTo(0, 0) ，会造成 input 失去焦点时就滚动到顶部了，这是不对的，于是自己写了个适用大多场景的解决方案这里用 Vue 为例：<template> <div ref="container"> <input type="text" @blur="onBlur"> &l...

2019-03-20 20:23:30 9809 6

原创 Vue 单页面添加百度统计或友盟统计

在全局里面执行友盟统计网上有差不多的答案，但我发现网上的答案没有记录到的，我经过观察友盟的文档和之前的代码，进行了一些矫正，成功记录了的，经过仔细测试后没有问题。在入口添加...

2019-03-19 23:00:36 1933 2

原创解决Vue同路由跳转后数据不更新

场景：需要根据不同的 $route.query 请求不同的数据问题：由于使用 VueRouter 跳转时组件实例会被复用，跳转后无法拿到最新的 $route.query，并且地址栏的 url 不会变化解决方法1此方法一劳永逸，但是页面渲染速度会降低指定页面&amp;lt;!-- :key=&quot;$route.fullPath&quot; 解决同路由但不同查询参数跳转后数据不更新 --&amp;gt;&amp

2019-03-03 11:32:16 2976 3

原创 JS获取浏览器窗口及元素宽高常用方法

文档可视区域宽度： document.documentElement.clientWidth文档可视区域高度： document.documentElement.clientHeight内容的宽度+内边距+边框： document.body.offsetWidth内容的高度+内边距+边框： document.body.offsetHeight内容的宽度： document.body.scrollW...

2018-06-17 18:47:19 384

原创 Web网站HTML打开QQ聊天窗口示例

核心代码：tencent://message/?uin=1234567&Site=Sambow&Menu=yes示例：<div class="online-con"> <a href="tencent://message/?uin=1234567&Site=Sambow&Menu=yes"> <div class

2018-05-30 10:33:47 13968

原创关于webpack多入口热加载很慢的原因

去年为公司搭建了套webpack多页面应用架构，起初用得挺爽，资源整合打包，组件化开发，各种组件复用，需要什么就拿什么，后来入口有50个页面了，慢慢的发现了每次按保存后的热更新等待时间越来越长，需要等待10几秒，实在太影响开发效率，于是我查找原因。观察发现，每次到热更新时会在emitting HtmlWebpackPlugin这停留很久。于是我想知道它到底停留了多长时间呢？在package.jso...

2018-05-20 21:21:11 8227 7

原创 JS Input输入框实时监听示例（兼容IE8）

// IE11以下执行if(document.all){ // input搜索框的值实时监听 var searchInput = document.getElementById("search-input"); var searchBtn = document.getElementById("search-btn"); searchInput.onproper

2017-08-14 09:55:39 2828

转载 Linux下安装Git

Ubuntu12.04中默认没有安装Git。需要自行安装。1. 安装Git1.1 Ubuntu12.04下可以使用apt-get方式安装，也可以下载源代码安装【1】，我们这里使用apt-git安装。但由于直接使用 sudo apt-get install git 安装的版本较老，因此我们参考【2】中给出的PPA源。sudo add-apt-repository

2017-06-30 23:56:11 226

转载前端加载自定义字体及速度优化

如何加载自定义字体？CSS3中，使用@font-face即可加载自定义字体了。推荐的跨浏览器 @font-face CSS 写法：/*声明 WebFont*/@font-face { font-family: 'YourWebFontName'; src: url('../font/YourWebFontName.eot'); src: url('YourWebFo

2017-05-08 15:43:12 5556

转载微信公众号开发本地测试方法

我们可以使用内网穿透的方法，这里有ngrok https://ngrok.com/ 可以使用，当然国内也可以使用 http://mofasuidao.cn/ 来将本地安装的运行环境映射到一个公网ip。然后使用分配的公网ip在微信后台页面进行设置就可以了。这里啰嗦一点，就是在win10下，我们的80端口被占用了，因此在使用xampp时会把80端口修改为其他端口，比如8080，但是如果使用其他端口映射

2017-05-05 12:09:18 733

转载 ThinkPHP微信自定义分享Demo

一、类定义phpclass JSSDK { private $appId; private $appSecret; public function __construct($appId, $appSecret) { $this->appId = $appId; $this->appSecret = $appSecret; } public fu

2017-05-02 22:29:52 1618

原创 PHP之curl实现http与https请求的

http get请求：$url = 'http://www.jb51.net';$curl = curl_init();curl_setopt($curl, CURLOPT_URL, $url);curl_setopt($curl, CURLOPT_HEADER, 1);curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);$data = c

2017-04-28 21:54:56 5787

原创 Jq form表单提交验证与响应简单示例

表单提交验证function verification(){if($('#name').val()==''){alert('姓名不能为空!');return false;}if($('#content').val()==''){alert('内容不能为空!');return false;}return true;}

2017-04-24 10:15:00 4864

转载 phpStudy+PhpStorm+XDebug配置

一、配置前说明：1、phpStudy集成了XDebug扩展，所以不用单独下载XDebug。 2、打开XDebug扩展：其它选项菜单 > PHP扩展 > Xdebug 二、配置步骤：1、phpStudy当前版本： 2、修改php.ini文件，注意phpstudy的目录：;ZJ_20170102 注释掉原配置;[XDebug];xdebug.pr

2017-04-14 11:22:18 2074

空空如也

空空如也