摘要:场景描述: 在uniapp中的弹窗pop中使用scroll-view频繁滚动出现报错[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolli
阅读全文
摘要:场景描述:H5登录界面输入账号密码,在ios苹果微信手机上输入框上下闪烁问题苹果手机的浏览器就有了自动填充密码的功能,具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。 解决办法:在2个输入框中间加个隐藏输入框 核心代码: <input type=
阅读全文
摘要:Vue2和Vue3使用vue-print-nb实现打印功 Vue2使用vue-print-nb实现打印功Vue3使用vue3-print-nb实现打印功 Vue2 Vue2.0版本安装方法: npm install vue-print-nb --save // 1. 全局挂载 import Prin
阅读全文
摘要:01) F12 02) Ctrl+Shift +P(Windows) 或 Command+Shift+P(Mac)03) ◆ 整个网页:Capture full size screenshot ◆ 节点网页:Capture node screenshot ◆ 当前屏幕:Capture screens
阅读全文
摘要:Vue 3 全局使用 FontAwesome 图标库 安装图标库 npm i --save @fortawesome/vue-fontawesome@prerelease npm i --save @fortawesome/fontawesome-svg-core npm i --save @for
阅读全文
摘要:a标签下载图片及js执行下载图片 一般HTML中下载 <div> <img id="img" src="./logo.png" alt=""> <div><a href="./logo.png" download="fei_01.png">download_01</a></div> <div><bu
阅读全文
摘要:Webstorm 支持微信开发 下载安装 Wxapp Support 插件 01) wxss rpx 红色问题,放心这是,这个只会在当前项目生效 官方地址 wxapp
阅读全文
摘要:简单form表单样式 01) 输入框 input <style type="text/css"> .input-wrapper{ width: 20%; border: 2px solid #ff6b81; } input{ outline: none; color: #90ee90; border
阅读全文
摘要:Webstorm 根据当前项目配置ESlint
阅读全文
摘要:查看npm配置 fei@DESKTOP-J45LEIL MINGW64 ~/Desktop $ npm config list // 执行命令 ; cli configs metrics-registry = "https://registry.npmjs.org/" scope = "" user
阅读全文
摘要:Hexo 生成页面空白 场景: 原来使用 node-v10.13.0-x64.msi ,换电脑后更新了node版本,导致 heox g 生成的index.html 都是空白页面,但是 hexo s 启动是有内容 解决: 使用原来的node 版本
阅读全文
摘要:多个node环境共存,使用二进制包 windows中多个node环境共存,使用二进制包(以node14为例子)下载地址: https://nodejs.org/dist/v14.17.1/node-v14.17.1-win-x64.zip 解压后即可使用 D:/soft_position_not/n
阅读全文
摘要:Vite 搭建Vue 开发环境 npm init @vitejs/app --template vue 或者 npm init vite-app <project-name> cd xxx npm install (or `yarn`) npm run dev (or `yarn dev`) Vit
阅读全文
摘要:Vue2 和 Vue3 对比 一图看懂Vue3 新增可复用组合式API(Reusability & Composition) Vue2 和 Vue3 对比Vue3 支持大多数Vue特性Vue3中设计了一套更强大的组合API代替了Vue2中的Option API,复用性更强了更好的支持TS最主要: V
阅读全文
摘要:a标签下载一张canvas图片 <div class="fei"> <canvas id="myCanvas" width="200" height="100" style="border:2px solid #ff6b81;"></canvas> </div> <script> // 制作一张ca
阅读全文
摘要:插件:better-scroll的参数和方法 格式:let obj = new BScroll(object,{[option1,],.,.}); 注意,如果在某一个组件内创建了一个BScroll的实例,在组件生命周期结束前要注意调用destroy方法,否则在滑动过程中切换页面会导致一直触发scro
阅读全文
摘要:Canvas:绘制文字 <canvas id="myCanvas" width="200" height="100" style="border:2px solid #ff6b81;"></canvas> <script> var canvas = document.getElementById("
阅读全文
摘要:JavaScript里不为人知的秘密(03)之常见使用 01)判断空对象 Object.keys({}).length; // 长度为0 Object.keys({foo: "bar"}).length; // 长度为1 Object.keys([]).length; // 长度为0 Object.
阅读全文
摘要:Vue vue-cli webpack 多入口 把项目分为多个模块,分别从2个入口进入,减少集中在一个包中容量, 主要步骤如下: 01)主要文件结构目录 02)build/webpack.base.conf.js 03)build/webpack.dev.conf.js 04)build/webpa
阅读全文
摘要:Vant 中 底部弹窗(picker)选择数据 {bookId: "01", text: "论语"}, 数据中必须有 text 属性 <template> <div> <van-cell is-link @click="getBook">Vant 展示弹出层(fei)</van-cell> <van
阅读全文