随笔分类 - 前端杂谈
摘要:原文链接:优雅的使用Webstack打造个人网址导航 前言 一款基于 WebStackPage 的 Hexo 主题。本人选择的是 hexo-theme-webstack。 效果预览 具体效果请移步 个人网址导航。 步骤 在目标路径(我这里选的路径为【D:/studytype/My_Blog】)打开c
阅读全文
摘要:原文链接:百度分享插件的使用 效果图 代码结构 百度分享代码可以分为三个部分:HTML、_bd_share_config(具体配置)和js加载。代码如下: <div class="bdsharebuttonbox" data-tag="share_1"> <!-- 此处添加展示按钮 --> </di
阅读全文
摘要:原文链接 : 如何给自己的Github主页来个豪华套餐? 仓库信息 地址:https://github.com/abhisheknaiidu/awesome-github-profile-readme "豪华装修"案例分享 技术大佬型🤖:展示自己的技术栈、开源项目、最近文章 地址:https://
阅读全文
摘要:原文链接 : 7个 Vue3 中的组件通信方式 前言 本文采用<script setup />的编写方式,比options API更自由。然后我们会讲以下七种组件通信方式: props emit v-model refs provide/inject eventBus vuex/pinia 举个例子
阅读全文
摘要:原文链接 : 推荐一些面向 Web 开发者的杀手级网站 这里有一些值得分享的网站,快快添加到你的收藏夹吧。 Random Image via API 网址:https://source.unsplash.com/ 世界上最强大的照片引擎。Unsplash API 是一种现代 JSON API,它显示
阅读全文
摘要:原文链接 : 边缘渲染是如何提升前端性能的? 前端渲染的发展 在讲ESR(Edge Side Rendering,边缘渲染)如何提速渲染之前,我们有必要先了解一下前端渲染的发展历史以及前端各项性能指标优化是如何被提上议程的,之后我们再反观ESR的出现就会发现也是水到渠成。 其实整个前端渲染方式也是随
阅读全文
摘要:原文链接 :17 Most popular Vue.js plugins & packages Vue 被一个健康的插件和包的生态系统所加强,使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架,所以有一个不断增长的插件和包库,你可以在项目中使用。 本文列举了用于 Vue 2 和
阅读全文
摘要:原文链接:https://tzy1997.com/articles/rea323su/ 在本文中,我们将介绍13种用于网站设计和开发的 React 图片库示例。 React & CSS Grid Image Gallery You can see the results below. 链接地址:ht
阅读全文
摘要:原文链接:Vue-Cli3.0打包时如何去掉console打印信息 #前言 我们在进行项目开发过程中,一般会用到console.log打印某些信息。但是如何生产环境打包时去掉所有consloe打印信息呢?以下是解决办法,也是自己一直使用的方法。 #步骤 1.安装插件 babel-plugin-tra
阅读全文
摘要:今天分享的主题是:「一种自动化生成骨架屏的方案」, 先看下市场上常见的骨架屏优化效果。 今天的分享主要分为三个部分: 首屏加载状态演进 如何构建骨架屏 将骨架屏打包的项目中 首屏加载的演进 我们先来看一些权威机构所做的研究报告。 一份是 Akamai 的研究报告,当时总共采访了大约 1048 名网上
阅读全文
摘要:原文链接:https://ethant.top/articles/amo9485t 2021 年已接近尾声,CSS 作为前端最流行的技术之一,这一年到底有怎样的发展呢?一起来看看吧 本文所有指标均来自 HTTP Archive 数据集。HTTP Archive 是一个社区运行的项目,自 2010 年
阅读全文
摘要:原文转载来自 字节架构前端 先上灵魂拷问 在文章之前,先抛一些灵魂拷问: 前端代码从 tsx/jsx 到部署上线被用户访问,中间大致会经历哪些过程? 上述过程中分别都有哪些考虑、指标和优化点,以满足复杂的业务需求? 可能大部分同学都知道强缓存/协商缓存,那前端各种产物(HTML、JS、CSS、IMA
阅读全文
摘要:传送门 : 原文详细链接 如图所示 , 这里并没有加载和渲染 valine 评论数据 , 但在 LeanCloud 数据存储中 是存在评论数据的。 打开控制台 发现 https://us.avoscloud.com/1.1/classes/Comment?xxxxx 已经请求失败(net::ERR_
阅读全文
摘要:
原文链接 关于JavaScript常用的工具函数汇总 前言 随着开发经验的积累,很多人会有自己的常用站点,一些网址收藏,自己造的轮子或者别人的轮子,工具函数库等等。 这里提供一些常用的工具函数,如果你也有一些觉得挺不错的库,欢迎在下方评论💓。 格式化时间戳 export function form
阅读全文
