代码编织梦想

只要你会vue,5分钟学不会 svelte 你来找我_svelte如何绑定事件-爱代码爱编程

🌻 前言 2023年了,国内前端领域基本被Vue、React占领市场,近几年似乎前端技术栈的迭代更新缓慢了下来。 当然近几年也出现了像svelte、solid.js等一些新兴的前端框架,这些框架有很多创新的点,比如sve

2023 最新最细 vite+vue3+ts 多页面项目架构,建议收藏备用!_vite+vue+ts-爱代码爱编程

🌻 前言 本文教程 github地址 、码云。 如果对你有帮助,希望能点个star ⭐️⭐️⭐️ 万分感谢😊😊😊 🧱 背景 不久前我司需要重新部署一个前端项目,由我来负责这个项目的搭建。因为这个项目是需要和app混合开

移动端兼容性问题集锦-爱代码爱编程

前言 去年主要工作就是混合开发,写app内嵌的h5。在开发期间多多少少遇到些兼容性问题,最近工作比较清闲,整理下方便以后查阅,也希望能帮助到一些同学。 并且本文会持续补充内容,欢迎关注我,另外我会更新一些前端方面的其他一些

前端本地存储数据库 indexeddb 存储文件_chrome 下indexeddb 本地存储-爱代码爱编程

介绍 IndexedDB 是一种底层 API,用于在客户端存储大量的结构化数据。目前各浏览器都已支持,兼容性很好。 特点 IndexedDB 是一个基于 JavaScript 的面向对象数据库,IndexedDB 允许您存储和检索用键索引的对象;可以存储结构化克隆算法支持的任何对象;使用索引实现对数据的高性能搜索;IndexedDB A

以掘金示例,利用内链/外链进行网站seo优化_掘金 如何做seo的-爱代码爱编程

前言 内链:从自己网站的一个页面指向另外一个页面。通过内链让网站内部形成网状结构,让蜘蛛的广度和深度达到最大化。 外链:在别的网站导入自己网站的链接。通过外链提升网站权重,提高网站流量。 一般来说,内链和外链都能提升网站排

【前端监控系统】埋点数据上报的3种方式_埋点上报-爱代码爱编程

前言 首先,我们先对前端监控做一些简单的描述: 前端监控的目的? 提升用户体验更快的发现发现异常、定位异常、解决异常了解业务数据,指导产品升级——数据驱动的思想 它指的是通过一定的手段来获取用户行为以及跟踪产品

cjs, amd, umd,esm 简洁解释_esm和umd-爱代码爱编程

前言: CJS、AMD、UMD 和 ESM都是给 Javascript 添加模块化的方法,还有其他方法,但这些是比较通用的。什么?你不知道什么叫模块化?那你肯定写过import * from ''吧,这就已经使用了模块化的

fetch与xhr(ajax,axios)的区别与优势_vue中fetch和xhr的区别_前端阿彬的博客-爱代码爱编程

前言: 在Fetch出现之前我们发送异步请求默认都是通过ajax,底层使用了宿主环境的(XHR)XMLHTTPRequest 对象来实现异步请求,包括axios也是使用xhr技术实现的,只是语法基于promise,解决了回

你忽略的那些 devtools 调试技巧-爱代码爱编程

🪴 背景 作为一个前端开发人员,DevTools 是我们最熟悉不过的伙伴。无论是dom检查、调试bug,断点调试、性能检测等一系列操作都离不开它的帮助。 大家经常使用的 DevTools 功能大差不差,例如控制台记录诊断

猜猜 javascript 输出:(! + [] + [] + ![]).length-爱代码爱编程

一起猜 最近看到一个很有意思的题,直接来看,下面这段代码的打印结果是什么? console.log((! + [] + [] + ![]).length) 猜猜看,你的答案是什么,打在评论区。 我的答案

前端自动化测试入门教程-爱代码爱编程

🪴 背景 前端的自动化测试主要可以分为以下四种: 单元测试(Unit Test):对一个函数/组件进行测试,一般用于公共函数/公共组件的测试维护。常用框架有 Jest、Jasmine、Mocha等; 集成测试(Int

css高手必会秘籍《混合模式》_前端阿彬的博客-爱代码爱编程

🪴 背景 前几天我写了两篇关于css的文章,热度都还不错。 # 原创动画《优弧,你小子!😡》 # 🥳🥳🥳 倾情奉献,纯css(无图,无JS)原创中秋贺卡!!! 看来大家对 CSS 的兴趣度更高。 很多同学在开发中

原创动画《优弧,你小子!》-爱代码爱编程

💥 背景 体验效果直接翻到第三章:成果体验 先来介绍一下优弧:掘金平台管理员丨首席客服君丨运营负责人 👨‍✈️ 现在优弧到底是妹子还是汉子仍是一个未解之谜,网上众说纷纭。他说:优弧是个200来斤

css 实现祥云纹理背景-爱代码爱编程

🪴 背景 最近掘金出来一个中秋创意活动,我准备参加一下。作品方向选择用纯css做一个中秋贺卡,其中有一些中秋的元素和一些简单的动画,而贺卡背景的实现就是本文要讲的内容。 中秋贺卡成果图(生成gif有点失真😵‍💫

倾情奉献,纯css(无图,无js)原创中秋贺卡!!!-爱代码爱编程

🪴 背景故事 中秋节马上就要到了,在这里我提前祝大家生活美满万年长,阖家幸福永平安!🥳 好了进入正题,最近掘金出了一个“中秋创意投稿”活动,我向来对这种可以写一些具有创意性的代码的活动很有兴趣,所以我必须参加,

“钉钉官网首页的炫酷动效” 被我用css新特性轻松破解啦~-爱代码爱编程

🌻 前言 其实写本文的初衷只是想分享一个css新特性【scroll-timeline】😂,但是我想要体现出它的强大效果,此时正好想到了之前看到过钉钉的首页动画,就是滚动页面然后进行一系列动画的,所以我决定实现一下

css魔术师houdini,用浏览器引擎实现高级css效果-爱代码爱编程

开门见山,直接上货 🔍 CSS Houdini是什么? “Houdini”一词引用自“Harry Houdini”,他是一位20世纪的著名魔术师,亦被称为史上最伟大的魔术师、逃脱术师及特级表演者。

听了稀土开发者大会,get到了新知识点:web components-爱代码爱编程

一、前言 在6.30日的稀土开发者大会中,有位讲师分享内容是Quark c工具,它是由哈啰平台前端团队开发的一套面向未来的无框架组件构建工具!它可以让你实现低成本 / 高效开发标准的 跨框架组件 或者 构建整个应用,

css魔法:伪元素content内容竟然可以用css函数!-爱代码爱编程

🌻 前言 CSS 伪元素用于设置元素指定部分的样式。伪元素中 ::before 和 ::after 是最常用的,它们分别用于在dom元素前/后插入内容,本文内容就是关于 ::before 和 ::after 的 conte

玩转css逐帧动画,努力成为更优质的ikun~-爱代码爱编程

🎉 一、前言 css3的animation想必大家都知道吧,那 steps 逐帧动画你知道吗?对于我来说,实际工作及练习中也很少用到这种跳跃式变化的动画,而它start和end的解释又比较“不说人话”,以前用到steps动