17 Most popular Vue.js plugins
Vue 被一个健康的插件和包的生态系统所加强,使开发变得可靠、快速和简单。由于Vue 是一个国际开发者社区所选择的框架,所以有一个不断增长的插件和包库,你可以在项目中使用。
本文列举了用于 Vue 2 和 Vue 3 的 17个 流行的 Vue 插件:
Vuetify
NuxtJS
Vuex
Vuex Persisted State
VuePress
Vue Meta
Vue ChartJS
Vue Grid Layout
Vue Draggable
Vee-Validate
Vue Toastification
Vue Tour
Swiper.js
Vue2-Leaflet
TroisJS
Vue Scrollama
Vue QR Code Reader
Vuetify
教程地址:https://www.vuemastery.com/courses/beautify-with-vuetify/getting-started-with-vuetify
你是否曾纠结于如何让应用在视觉上看起来更吸引人?Vuetify是一个基于 Material Design 的 UI 库,支持 ...
34个免费学习编码的最佳网站
前言对我来说,书籍或在线课程可以被认为是网页设计和开发领域的学习和专业发展非常有用的资源。因为它是作者在学习过程中的经验总结,以及将这些知识应用到实际项目中。
如果您有足够的钱能够购买最好的编程书籍和课程来发展您的技能,而不用看它的价格,自然是更好的。不过和我一样,刚开始还是个没有收入的学生的时候,花钱买编程方面的书也是一个很艰难的想法。因此,我经常收集一些电子书版本,免费的编程课程,以帮助我专业发展,而不必担心经济问题。
在今天的文章中,我将向您介绍 34 个有关 HTML、CSS 和 Javascript 的免费电子书。希望它对您在Web开发过程中有所帮助。(如果你负担得起,你应该买书或支持这些电子书的作者!)
HTML and CSS BookLearn to Code HTML & CSS
链接地址:https://learn.shayhowe.com/html-css/
HTML5 Notes for Professionals book
链接地址:https://goalkicker.com/HTML5Book/
Htmldog
链接地址:https:// ...
2021,CSS 杀疯了!
2021 年已接近尾声,CSS 作为前端最流行的技术之一,这一年到底有怎样的发展呢?一起来看看吧
本文所有指标均来自 HTTP Archive 数据集。HTTP Archive 是一个社区运行的项目,自 2010 年以来一直在跟踪网络的构建方式。在幕后使用 WebPageTest 和 Lighthouse,每月测试大约 820 万个网站的元数据,并将其包含在公共 BigQuery 数据库中进行分析。测试网站:820万个;数据处理:39.5TB。
用法
样式表大小下面是每个样式表文件的大小分布:
CSS文件每年的大小都在不断增长,中等页面的CSS文件大约 70KB,较大页面的CSS文件大约 250KB。与2020年相比,CSS文件大小的中位数增加了 7.9%,同时,移动端CSS所有的百分比都略低于Web端CSS。在所有测试到的CSS文件中,最大的Web页面CSS文件大小为 64,628 KB,最大的移动页面CSS文件大小为 17,823 KB。
预处理器页面的CSS大小并未受到预处理器的显著影响。17%的Web页面 和 16.5%的移动页面包含预处理器,略高于去年的 15%。具体 ...
7个 Vue3 中的组件通信方式
前言本文采用<script setup />的编写方式,比options API更自由。然后我们会讲以下七种组件通信方式:
props
emit
v-model
refs
provide/inject
eventBus
vuex/pinia
举个例子本文将使用如下演示,如下图所示:
上图中,列表和输入框分别是父组件和子组件。根据不同的通信方式,会调整父子组件。
Propsprops 是 Vue 中最常见的父子通信方式,使用起来也比较简单。
根据上面的demo,我们在父组件中定义了数据和对数据的操作,子组件只渲染一个列表。
父组件代码如下:
<template> <!-- child component --> <child-components :list="list"></child-components> <!-- parent component --> <div class="child-wrap input-group"> <input v-model ...
6 Fun Things You Can Do With Just CSS
Love it or hate it, CSS(Cascading Style Sheets) is the language we use to style the HTML elements.
While there are some fabulous preprocessors like SCSS(that get compiled into CSS eventually) and offer more features than normal CSS, this does not mean that you can’t do amazing things by just using plain, standard CSS.
CSS has 520 distinct and while you may not need to know more than 30 or 50 properties, exploring the uncommon CSS properties can surely help you achieve more with just your style ...
基于 Hexo 从零开始搭建个人博客(一)
前言
博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。
遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。
实在解决不了的问题可添加站长 Wechat ,添加好友时请备注自己的姓名+专业,如 张三 计算机科学与技术。
环境准备
本教程主要面向 Windows 用户
操作系统:Windows10
Node
Git
Hexo
idea(推荐使用 Visual Studio Code)
一个 GitHub 帐号
一个云服务器(可选)
一个域名(可选)
安装 Node方式一方式二对于前端工程师,或正打算学习前端相关知识,建议用nvm来管理Node版本,请移步教程 nvm,npm与nrm。如果你不需要灵活切换Node版本,走下面的教程即可。
查看步骤
打开Node官网,下载和自己系统相配的Node的安装程序,否则会出现安装问题。下载地址:https://nodejs.org/en/download/如果后面美化过程中需要拉取豆瓣信息,哔哩哔哩番剧等,建议安装较低的 Nod ...
基于 Hexo 从零开始搭建个人博客(二)
阅读本篇前,请先配置好相应的环境,请仔细阅读教程 基于 Hexo 从零开始搭建个人博客(一)。
前言
博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。
遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。
实在解决不了的问题可添加站长 Wechat ,添加好友时请备注自己的姓名+专业,如 张三 计算机科学与技术。
初始化 Hexo 项目
在目标路径(我这里选的路径为【G:\hexo-blog】)打开cmd命令窗口,执行hexo init初始化文件夹。hexo init blog-demo(项目名)
进入blog-demo ,输入npm i安装相关依赖。cd blog-demo //进入blog-demo文件夹npm i
初始化项目后,blog-demo有如下结构:【node_modules】:依赖包【scaffolds】:生成文章的一些模板【source】:用来存放你的文章【themes】:主题【.npmignore】:发布时忽略的文件(可忽略)【_config.landscape.yml】:主题的配置文件【_conf ...
基于 Hexo 从零开始搭建个人博客(三)
阅读本篇前,请确保已经完成下面两篇文章的步骤:基于 Hexo 从零开始搭建个人博客(一)基于 Hexo 从零开始搭建个人博客(二)
前言
博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。
遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。
实在解决不了的问题可添加站长 Wechat ,添加好友时请备注自己的姓名+专业,如 张三 计算机科学与技术。
安装主题本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.2.2 。
如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留意。
本人用的是npm方式安装的 hexo-theme-butterfly,后续魔改时更改的文件都是【G:\hexo-blog\blog-demo\node_modules\hexo-theme-butterfly】文件夹中的文件。如果你是git clone克隆方式安装的主题,请在【G:\hexo-blog\blog-de ...
基于 Hexo 从零开始搭建个人博客(四)
阅读本篇前,请确保已经完成下面几篇文章中所提到的步骤:基于 Hexo 从零开始搭建个人博客(一)基于 Hexo 从零开始搭建个人博客(二)基于 Hexo 从零开始搭建个人博客(三)
前言
博客搭建过程遇到任何问题,优先在本页面搜索,检查是否已经有该配置教程。
遇到问题可以优先在文章评论区留言,注意留言时请填写正确的邮箱以确保能收到站长的回复。
实在解决不了的问题可添加站长 Wechat ,添加好友时请备注自己的姓名+专业,如 张三 计算机科学与技术。
Front-matterFront-matter 是 markdown 文件最上方以---分隔的区域,用于指定个别档案的变数。
Page Front-matter 用於頁面配置
Post Front-matter 用於文章頁配置
如果标注可选的参数,可根据自己需要添加,不用全部都写在markdown里
Page Front-matter---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:hi ...
iOS证书(.p12)和描述文件(.mobileprovision)申请
如果你从事过iOS开发,大概都会了解到iOS有两种证书和描述文件:
证书类型
使用场景
开发(Development)证书和描述文件
用于开发测试,在 HBuilderX 中打包后可在真机环境调试
发布(Distribution)证书和描述文件
用于提交 AppStore,在 HBuilderX 中提交云打包后提交到 AppStore 审核发布
如果从未接触过 iOS,按照下面教程的所需环境、步骤操作,你将学会如何制作这 两种证书 和 描述文件。
准备环境
必需要有苹果开发者账号,并且加入了 “iOS Developer Program”
Mac OS 10.9以上系统(如果已经申请p12证书则不需要)
苹果开发帐号说明个人账号(Individual)/公司团队账号 (Company/Organization):
费用都是99美金一年,两者无本质区别,都可以发布应用到苹果市场。
区别在于个人账号在App Store销售者只能显示个人的ID,比如san zhan ...