前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求， 请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下： ![](https://p3-juejin.byteimg. ...
前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input
前端Vue自定义支付密码输入键盘Keyboard和支付设置输入框Input， 阅读全文下载完整代码请关注微信公众号： 前端组件开发 效果图如下： cc-defineKeyboard 使用方法 <!-- ref:唯一ref passwrdType：密码样式pay keyInfo：密码输入监测事件 -- ...
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页
前端vue简单好用的上拉加载下拉刷新组件,支持列表分页 本地分页, 阅读全文下载完整代码请关注微信公众号： 前端组件开发 效果图如下: #### 使用方法 ```使用方法 <!-- pullDown:下拉刷新 back-top: 回到顶部 --> <ccPullScroll class="pullS ...
JavaScript如何解决单线程缺陷——webWorker
# 解决JavaScript单线程问题——webWorkers > 参考文档 [使用 Web Workers - Web API 接口参考 | MDN (mozilla.org)](https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Worker ...
h5移动端页面调试工具Chii与 weinre 一样的远程调试工具
与 weinre 一样的远程调试工具，主要是将 web inspector 替换为最新的 chrome devtools frontend. 电脑上跑一个chii服务，把对应的js嵌入h5页面内，用手机访问h5页面，chrome内看chii服务地址即可找到对应管理控制台 安装 可以通过 npm 安装 ...
基于 prefetch 的 H5 离线包方案
本文主要是介绍团队在离线包技术方案上的探索，以及基于prefetch的离线包实现方案如何减少维护成本和开发成本。 ...
记录--Vue3自定义一个Hooks，实现一键换肤
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加自定义属性[data-theme='d ...
HTML5
1. HTML5的新特性 HTML5的新增特性主要是针对以前的不足，添加了一些新标签、新的表单和新的表单属性等。 1.1 HTML5新增的语义化标签 <header>：头部标签。 <nav>：导航标签。 <article>：内容标签。 <section>：定义文档某个区域。 <aside>：侧边栏标 ...
HTML中meta标签的那些属性
<meta> 标签是 HTML 中用于描述网页元信息的元素。它位于 <head> 部分，不会显示在页面内容中，但对于浏览器、搜索引擎等具有重要作用。主要作用有：定义文档的字符编码、提供网页的描述信息、关键词、作者、视口设置等，这些信息有助于搜索引擎理解和索引网页内容。 <meta> 标签的主要属性有 ...
图片填满div，真让人头大
家人们，这图片到底怎样才能完全填满div啊，想问度娘结果搜索的问题都乱七八糟的 （怎么那么多问题QAQ），描述问题都描述不来 具体问题如下：图片有自己的分辨率大小，例如宽100px，高100px，将图片添加到div中： <div class="xx"> <img src="xxx"> </div> ...
js实现H5网页飘窗
1.<div style="z-index: 1000; position: absolute; filter: Alpha(opacity = 90); width: 100px;padding: 10px; border: 1px solid #333" id="img" align="cent ...
记录-因为写不出拖拽移动效果，我恶补了一下Dom中的各种距离
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，看到一个距离属性，大脑中的印象极其模糊，如同有 ...
我的第一个NPM包:panghu-planebattle-esm(胖虎飞机大战)使用说明
好家伙,我的包终于开发完啦 欢迎使用胖虎的飞机大战包!! 为你的主页添加色彩 这是一个有趣的网页小游戏包,使用canvas和js开发 使用ES6模块化开发 效果图如下: (觉得图片太sb的可以自己改) 代码已开源!! Git: https://gitee.com/tang-and-han-dynas ...
生产事故-走近科学之消失的JWT
入职多年，面对生产环境，尽管都是小心翼翼，慎之又慎，还是难免捅出篓子。轻则满头大汗，面红耳赤。重则系统停摆，损失资金。每一个生产事故的背后，都是宝贵的经验和教训，都是项目成员的血泪史。为了更好地防范和遏制今后的各类事故，特开此专题，长期更新和记录大大小小的各类事故。有些是亲身经历，有些是经人耳传口授 ...
记录-css实现交融文字效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 CSS是有魔法的，我们今天来实现一个CSS的动画效果，只需要几行代码就可以搞定。 第一步、我们要将一行文字从中间展开 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
记录--Canvas实现打飞字游戏
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 打开游戏界面，看到一个画面简洁、却又富有挑战性的游戏。屏幕上，有一个白色的矩形框，里面不断下落着各种单词，而我需要迅速地输入这些单词。如果我输入的单词与屏幕上的单词匹配，那么我就可以获得得分；如果我输入的单词错误或者时间过长，那么我就会输 ...
HTML5
什么是HTML HTML Hyper Text Markup Language（超文本标记语言） W3C标准 W3C World Wide Web Consortium(万维网联盟) 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机 构 http://www.w3.org/ h ...
了解 HTTP 看这一篇就够
在学习网络之前，了解它的历史能够帮助我们明白为何它会发展为如今这个样子，引发探究网络的兴趣。下面的这张图片就展示了“互联网”诞生至今的发展历程。 ...
一篇随笔学会HTML
# HTML5 ## 1.初识HTML 1. Hyper Text Markup Language 超文本标记语言 2. 超文本：文字、图片、音频、视频、动画 3. 标记：利用标签的语言 4. 2013-5-6-HTML5 5. W3C（World Wide Web Consortium） 万维网联 ...
蓝牙-低功耗中心设备
//11.开启蓝牙适配器 openBluetoothAdapter //21.开始搜索蓝牙设备 startBluetoothDevicesDiscovery //31.开启监听搜索蓝牙设备 onBluetoothDeviceFound //30.停止监听搜索蓝牙设备 offBluetoothDevi ...