08 2021 档案

html img图片设置默认图片
摘要:#### 图片懒加载样式设置 CSS样式 img { position: relative; z-index: 2; } .lazyload-default{ z-index: 1; } HTML结构 <img class="lazy lazyload lazyload-default" src=" 阅读全文

posted @ 2021-08-29 17:49 完美前端 阅读(1054) 评论(0) 推荐(0)

vue v-cloak妙用 白屏 花屏
摘要:Vue 在初始化时,由于 DOM 元素不归 Vue 管理,导致我们在代码中写的模板在未被 Vue 解析之前可能会直接显示在页面上。 这会造成短暂的花屏现象,使得用户可能会看到{{message}}这样的原始模板代码。 虽然这种情况下的显示时间通常非常短暂,但为了优化用户体验,我们还是应该解决这个问题 阅读全文

posted @ 2021-08-27 21:15 完美前端 阅读(260) 评论(0) 推荐(0)

chimee 视频插件 和 video.js 视频插件
摘要:chimee 视频插件 和 video.js 视频插件 参考文档: https://www.cxyzjd.com/article/Evil_0_0_0/105768336 chimee 视频插件相关链接 官网 API 文档 cdn.baomitu.com 上的资源 cdnjs.com 上的资源 Gi 阅读全文

posted @ 2021-08-23 22:30 完美前端 阅读(586) 评论(0) 推荐(0)

uni app subNVues层级组件
摘要:参数设置 position 原生子窗体的排版位置,排版位置决定原生子窗体在父窗口中的定位方式。 "static",原生子窗体在页面中正常定位,如果页面存在滚动条则随窗口内容滚动; "absolute",原生子窗体在页面中绝对定位,如果页面存在滚动条不随窗口内容滚动; "dock",原生子窗体在页面中 阅读全文

posted @ 2021-08-19 16:35 完美前端 阅读(1795) 评论(0) 推荐(0)

vue获取滚动条距离
摘要:// 定义一个函数用于获取滚动条的距离 function getScrollTop() { let scrollTop = 0; // 如果文档的元素存在,并且文档的元素有滚动条距离 if (document.documentElement && document.documentElement.s 阅读全文

posted @ 2021-08-16 23:42 完美前端 阅读(1293) 评论(0) 推荐(0)

vue3 使用swiper6
摘要:完整的代码, 可以复制引用 安装 npm i swiper <template> <!-- Swiper组件 --> <swiper :autoplay="swiper_options.autoplay" :loop="swiper_options.loop" :speed="swiper_opti 阅读全文

posted @ 2021-08-16 23:09 完美前端 阅读(4140) 评论(0) 推荐(0)

js大数字转换,将大额数字转换为万、千万、亿等
摘要:大数转换函数 // 定义一个大数转换函数 function bigNumberTransform(value) { // 初始化一个数组,用于存储转换后的值 const newValue = ['', '', ''] // 设置一个开始的阈值 let fr = 1000 // 初始的数字长度 let 阅读全文

posted @ 2021-08-13 19:16 完美前端 阅读(3906) 评论(0) 推荐(0)

前端优秀框架
摘要:一键生成各端代码 https://code.fun/ 移动端 Vant, Vux 支持vue2 vue3轻量、可靠的移动端 Vue 组件库 vant 支持vue2,vue3, vue和小程序 https://vant-contrib.gitee.io/vant/v3/#/zh-CN/toast 移动 阅读全文

posted @ 2021-08-09 16:54 完美前端 阅读(41) 评论(0) 推荐(0)

angular 纯原生js的图形拼接验证码 和 支持服务器 兼容 vue angular flutter各端的图形验证码
摘要:纯原生js的图形拼接验证码 GitHub Repository: yeild/jigsaw 兼容 vue angular flutter各端的图形验证码 Gitee Repository: anji-plus/captcha HTML结构 调用示例 (window as any).jigsaw.in 阅读全文

posted @ 2021-08-06 03:53 完美前端 阅读(188) 评论(0) 推荐(0)

angular 完美解决自定义windows变量打包报错:Property ‘XXX‘ does not exist on type ‘Window‘
摘要:发生情景: 在app中的h5, app注入了全局的window对象和webview里面的页面交互,打包的时候报了错误。 解决方式: 方法一: (window as any).xxx 直接在组件里把 `window.jigsaw.init({});` 改成 `(window as any).jigsa 阅读全文

posted @ 2021-08-06 03:42 完美前端 阅读(1659) 评论(0) 推荐(0)

angular 安装jq 引用外部js
摘要:全局引入: 在 `index.html` 文件中,你可以直接引入外部的 JavaScript 文件,例如 jQuery 和 jigsaw: 在 Angular 组件中使用: declare var $: any; // import * as $ from 'jquery'; // import * 阅读全文

posted @ 2021-08-06 02:32 完美前端 阅读(97) 评论(0) 推荐(0)

Apple开发者账号介绍及证书配置说明
摘要:https://www.jianshu.com/p/8190cf4a8172 阅读全文

posted @ 2021-08-04 18:25 完美前端 阅读(120) 评论(0) 推荐(0)

ios中一个开发者证书如何创建多个app应用
摘要:首先如果你有了一个开发者证书,而且发布过应用,想要添加应用打包,那么需要如下步骤: 1.在开发者中心添加或创建一个新的appid,然后把你的应用名称和bundleid填上去,添加成功。 2.在pp描述文件那里,需要重新添加一个新的描述文件,然后选择你刚添加的appid,然后生成描述文件包,然后再本地 阅读全文

posted @ 2021-08-04 18:24 完美前端 阅读(970) 评论(0) 推荐(0)

导航