JS库,用于构建与LoomDAppChains交互的浏览器应用程序和NodeJS服务。
安装节点JS#NPMnpminstallloom-js#Yarnyarnaddloom-js浏览器<scriptsrc="https://cdn.jsdelivr.net/npm/loom-js@1.15.0/dist/loom.umd.js"></script>调试loom-js使用包进行日志记录。
要在浏览器中运行时检查日志,请设置localStorage.debug='*'要在NodeJS中运行时检查日志,请将DEBUGenvvar设置
2024/7/19 1:44:47 320KB nodejs javascript typescript ethereum
1
(1)LocalStorage浏览器本地存储使用案例(2)Echart堆叠柱状图(3)Echart矩形数图
2023/10/11 16:39:54 1021KB echarts jquery javascript bootstrap
1
技术任务:由我()创建,并由我的构建。
该应用程序包含一个经过身份验证的门户,可让您检查指定域或电子邮件地址上的数据泄漏。
技术领域-JavaScript超集-Web框架-React框架-UI框架注意事项整个项目建立在我自己的。
显示数据泄漏的表已虚拟化(使用),以容纳大量数据,而不会影响整体功能。
该应用程序将您的令牌存储在本地(没什么花样,在localStorage),以便维护您的会话-它永​​远不会过期。
如果您尝试访问不存在的URL,则应用程序会将您重定向到/login或/data-leaks(取决于您是否存储了令牌)。
该项目不使用Redu
2023/3/8 20:55:30 1.89MB javascript typescript nextjs material-ui
1
Web存储缓存语言见WebStorageCache对HTML5localStorage和sessionStorage进行了扩展,添加了超时时间,序列化方法。
可以直接存储json对象,同时可以非常简单的进行超时时间的设置。
优化:WebStorageCache自动清除访问的过期数据,避免了过期数据的累积。
另外也提供了清除全部过期数据的方法:wsCache.deleteAllExpires();用法最新的WebStorageCache。
npm下载npminstallweb-storage-cache--save-dev使用WebStorageCache,只需在页面上发布以下代码即可。
<scriptsrc="src/web-storage-cache.js"></script><script>//createWebStorageCac
1
第1章课程简介对课程做简单的介绍。
1-1课程简介第2章资源合并与压缩通过本章,我们学习和理解了web前端的概念,以及功能优化的意义所在,并且通过实战中的压缩与合并,深入理解了减少http请求数和减少http请求资源大小两个优化要点,并且通过实战,帮助学生掌握如何通过网站进行压缩与合并,如果使用半自动化的gulp脚本进行压缩与合并,最终通过优化前后的功能对比,更加量化地去理解了功能...2-1资源合并与压缩-http清求的过程及潜在的功能优化点2-2资源合并与压缩-html压缩2-3资源合并与压缩-css及js压缩2-4资源合并与压缩-文件合并2-5资源合并与压缩-实战-在线工具压缩2-6资源合并与压缩-实战-fis3构建工具自动压缩合并-流程2-7资源合并与压缩-实战-fis3构建工具自动压缩合并-实操2-8资源合并与压缩-总结第3章图片相关的优化通过本章,帮助学员学习和掌握图片相关的优化方法,理解不同图片格式分别是什么以及如果在不同的业务场景中使用不同的图片格式和图片加载方式。
3-1图片相关的优化-一张JPG图片的解析过程3-2图片相关的优化-png8、png24、png32之间的区别3-3图片相关的优化-不同格式图片常用的业务场景3-4图片相关的优化-图片压缩几种方法-雪碧图、Imageinline3-5图片相关的优化-图片压缩案例分析3-6图片相关的优化-图片压缩实战(上)webp、inline-image3-7图片相关的优化-图片压缩实战(下)雪碧图、svg第4章css和js的装载与执行通过本章,帮助学员理解css和js在页面中的加载机制,让学员能初步建立通过理解浏览器渲染机制进行代码优化提升页面访问功能的概念,同时掌握css、js在装载与执行阶段的基础优化。
4-1css和js的装载与执行-HTML页面加载渲染的过程4-2css和js的装载与执行-HTML演染过程的一些特点4-3css和js的装载与执行-顺序执行、并发加载4-4css和js的装载与执行-css阻塞和js阻塞4-5css和js的装载与执行-依赖关系、js引入的方式4-6css和js的装载与执行-加载和执行的一些优化点4-7css和js的装载与执行-实战-验证对于某个域名浏览器并发数是有上限的4-8css和js的装载与执行-实战-验证css加载不会阻塞后面的js并发加载4-9css和js的装载与执行-实战-async、defter4-10css和js的装载与执行-实战-动态异步引入js实操4-11css和js的装载与执行-实战-@import、link实操4-12css和js的装载与执行-实战-手机淘宝加载分析第5章懒加载与预加载通过本章,帮助学员理解资源加载时机对前端功能优化的影响,同时实战理解懒加载和预加载的实现机制。
5-1懒加载与预加载-懒加载原理5-2懒加载与预加载-预加载原理5-3懒加载与预加载-懒加载、预加载使用场景5-4懒加载与预加载-懒加载原生js和zepto.lazyload5-5懒加载与预加载-预加载原生js和PreloadJS实现第6章重绘与回流通过本章,帮助学员理解高阶的浏览器渲染机制,深入理解浏览器重绘与回流的机制,从而掌握如何深入地从代码层面基于浏览器的渲染机制进行优化。
6-1重绘与回流-css功能让Javacript变慢?6-2重绘与回流-什么是重绘与回流6-3重绘与回流-避免重绘回流的两种方法6-4重绘与回流-案例解析-重绘、回流及图层6-5重绘与回流-案例解析-chrome浏览器自动创建图层layer6-6重绘与回流-实战优化点总结6-7重绘与回流-实战演练16-8重绘与回流-实战演练26-9重绘与回流-实战演练36-10重绘与回流-实战演练46-11重绘与回流-实战演练56-12重绘与回流-实战演练66-13重绘与回流-实战演练76-14重绘与回流-实战演练8,9第7章浏览器存储通过本章,帮助学员理解浏览器存储的核心概念及其在关键业务中的应用,通过浏览器存储,可以在浏览器端建立可控制的缓存机制,从而帮助用户在自己的关键业务上进行相应的优化。
7-1浏览器存储-cookies7-2浏览器存储-LocalStorage、SessionStorage7-3浏览器存储-IndexedDB7-4浏览器存储-案例解析7-5浏览器存储-ServiceWorkers产生
2019/2/10 6:34:31 93B 前端视频 性能优化
1
在日常工作中,钉钉打卡成了我生活中不可或缺的一部分。然而,有时候这个看似简单的任务却给我带来了不少烦恼。 每天早晚,我总是得牢记打开钉钉应用,点击"工作台",再找到"考勤打卡"进行签到。有时候因为工作忙碌,会忘记打卡,导致考勤异常,影响当月的工作评价。而且,由于我使用的是苹果手机,有时候系统更新后,钉钉的某些功能会出现异常,使得打卡变得更加麻烦。 另外,我的家人使用的是安卓手机,他们也经常抱怨钉钉打卡的繁琐。尤其是对于那些不太熟悉手机操作的长辈来说,每次打卡都是一次挑战。他们总是担心自己会操作失误,导致打卡失败。 为了解决这些烦恼,我开始思考是否可以通过编写一个全自动化脚本来实现钉钉打卡。经过一段时间的摸索和学习,我终于成功编写出了一个适用于苹果和安卓系统的钉钉打卡脚本。
2024-04-09 15:03 15KB 钉钉 钉钉打卡