gridsome
发表于|更新于
|浏览量:
礼仪周全能宁人息事——茹贝尔
gridsome是一个基于 Vue.js 构建的 Jamstack 框架
这个可以帮助我们快速建造一个网站，其特点是graphql，不需要服务端，开发快、性能好，前端人员大爱
不过吐槽一下，点击中文文档竟然是英文的。。。
借助翻译插件还是能勉强看懂，哈哈
这个翻译插件是沙拉查词
相关推荐
2023-11-15
emberjs
合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。——老子 分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架，用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。 它的语法： 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件，语法和vue有些异曲同工之妙，是一个很值得学习的库 其emberjs约定大于配...
2022-07-11
vue3组合式api
自由自由，多少罪恶假汝之名以行。——罗兰夫人 这个思想上有点类似流程控制框架，将一个组件中的多个关注点分离、抽取，然后能进一步复用、编排 官方文档：https://v3.cn.vuejs.org/guide/composition-api-introduction.html#%E4%BB%8B%E7%BB%8D 使用上来讲，就是编写的api方式变了，举个例子： 下面是我实际写的一个小组件 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<script lang="tsx">interface Props { msg: string; msgModifiers: { [key: string]: boolean; };}import { computed, onMounted, ref, Ref, toRefs, watch,...
2025-10-15
jekyll-theme-chirpy
窥天地之奥而达造化之极——李时珍 https://github.com/cotes2020/jekyll-theme-chirpy Chirpy：技术写作的极致优雅——Jekyll 最受欢迎的极简响应式主题如果你是技术极客、程序员、运维、独立开发者，或是任何热爱写作和分享的人，相信你一定会关注“博客体验”这件小事。你想要页面清爽、内容聚焦、功能强大、移动端友好、上手成本低？那么，Chirpy 绝对值得你深入体验！ 一、项目简介 项目地址：cotes2020/jekyll-theme-chirpy 演示站点：https://chirpy.cotes.page 一句话描述：A minimal, responsive, and feature-rich Jekyll theme for technical writing. 主语言：HTML（基于 Jekyll，支持 RubyGems） Star：9310+ Fork：7041+ 开源协议：MIT 标签：jekyll jekyll-theme responsive-web-design html5 bootstrap p...
2022-03-16
自定义scroll滑块样式
这个天地，我来过，我奋战过，我深爱过，我不在乎结局。——今何在 《悟空传》 代码如下： 12345678910111213141516171819202122232425262728/* 滚动条整体部分 */::-webkit-scrollbar { width: 12px;}/* 滚动条两端的按钮 */::-webkit-scrollbar-button {}/* 外层轨道 */::-webkit-scrollbar-track { background: #eee; border-radius: 18px;}/* 内层滚动槽 */::-webkit-scrollbar-track-piece { }/* 滚动的滑块 */::-webkit-scrollbar-thumb { border-radius: 18px; background: #bbb;}/* 边角 */::-webkit-scrollbar-corner { }/* 定义右下...
2022-02-05
标签模板
不慕古，不留今，与时变，与俗化。——《管子·正世》 按照阮一峰ES6入门中写到的 我们可以使用函数名+模板字符串写法来调用函数，例如： 定义这样一个函数 123function templateFun(arguments){ return `Hello ${arguments[0]}!`} 这里简单用模板字符串，返回Hello +参数数组第一项元素+! 我们普通调用写法： 1templateFun(['Ruben']) 输出'Hello Ruben!' 我们如果使用标签模板，写法如下： 1templateFun`Ruben` 如果其中有变量，则会进行剥离拆分，我们对函数稍加修改，参数改为可变参数 12345function templateFun(...arguments){ console.log(arguments) return `Hello ${arguments}!`}templateFun`Ruben${'...
2021-05-01
js find函数
人的一生是短的，但如果卑劣地过这一生，就太长了——莎士比亚 在前端开发中，可能会有“需要从数组里取出符合条件的某条数据”这个需求 我们可以使用find函数 123var list = [1,4,3,2,5];console.log(list.find(n=>n===4)) // 输出结果4，取出满足条件的值var index = list.findIndex(n=>n===4) // index = 1，取出满足条件的值的下标 这样就从我们的list数组中取出了满足n===4这个条件的值