前端开发
关注
分享
扫一扫
文章平均质量分 80
MIKUScallion
宅男。
展开
-
使用 WebAuthn 告别密码：在线身份保护的未来
为了让对 WebAuthn 感兴趣的开发者更快的理解和开发，我完成了一个基于 WebAuthn 的身份认证流程的 demo，方便开发者进行二次开发，项目叫 web-authn-completed-app，技术栈：客户端使用 Vue3 + Typescript + Vite3 开发；此外，若要为网站或应用创建公私钥对，用户必须先在该网站或应用中注册，而且对于不熟悉 WebAuthn 的用户来说，可能需要一些时间来学习和理解这种身份验证方式。相比于传统的密码认证方式，WebAuthn 具有许多优点。原创 2023-01-03 12:37:27 · 688 阅读 · 1 评论 -
version-rocket ，一个用于 web 应用检测版本更新的小工具。
简体中文 | English一个用于 web 应用检测版本更新的小工具。经常会发生这样的情况: 当用户在浏览器中打开某 web 应用较长时间且未刷新页面, 在应用有新版本更新或问题修复时, 用户会无法及时知晓有新版发布, 导致用户继续使用旧的版本, 影响用户体验和后端数据准确性。在团队合作中可能会有这样的情况: 你作为前端工程师, 在联调测试或部署上线时, 每次部署后都需要跟团队成员口头传达已经部署成功, 增加了沟通成本, 不够自动化, 也没有部署记录以有迹可循。使用 version-rocket 可以帮你原创 2022-07-04 10:39:05 · 1011 阅读 · 0 评论 -
前端开发---前端相关软件分享
**接触前端开发半年多以来，用了不少的前端开发工具与一些前端开发有关的软件。 在这里我介绍下自己的前端开发相关的软件，这些都是我现在用的，用的比较方便顺手的。**HTML+CSS+Javascript编辑器 Adobe Brackets这是一款开源的对HTML5，CSS3支持很好的，Javascript代码提示友好的，具有很多贴心功能的（颜色选择器，路径提示） 简介的编辑器。她还可以配合Ch原创 2015-03-12 20:05:43 · 3750 阅读 · 0 评论 -
js图片预加载---for与onload事件，图片数据模型到界面的单项绑定，使用interval模拟循环操作
<!----><html> <head> <title></title> <meta charset="utf-8"> <script src="imgloader.js"></script> </head> <body id ="body"> <!-- <button id="sto原创 2015-03-24 13:12:33 · 3890 阅读 · 0 评论 -
Webapp---深入理解viewport，viewport测试，viewport查询网站
一，关于深入理解viewport，这里推荐一篇文章：http://www.cnblogs.com/2050/p/3877280.html二，这是一段viewport测试代码，可以输出layout viewport，visual viewport，ideal viewport；其实我们最关心的是：ideal viewport的宽度，然后基于这个宽度做流式布局的webapp开发。原创 2015-04-01 10:12:44 · 1300 阅读 · 0 评论 -
javascript图片加载---加载大图的一个解决方案
网页在加载一张大图片时，往往要加载很久；而且，在加载过程中，无法很好地控制图片的样式，容易造成错位等显示错误；如果能够在加载大图时，先使用一张较小的loading图片占位，然后后台加载大图片，当大图片加载完成后，自动替换占位图，这样能提供更好的用户体验；由于，我在开发一个图片查看器时，遇到这样的需求，所以我写了个angular服务，来解决这个问题，效果还不错；虽然是angula原创 2015-04-21 21:17:17 · 2714 阅读 · 0 评论