前端开发 Vue
刷新
从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages？

博主头像 接上一节：从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档 我们搭建完成vitePress后，那么接下来就是如何部署到线上服务器，这里使用Github Pages，免得自己购买服务器，当然你也可以自己购买服务器来部署（比如阿里云服务器）。 在部署 ...

记录--vue3 + mark.js | 实现文字标注功能

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isColla ...

从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档

博主头像 接上一节：从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？ 九、第三方组件库的使用 我们经常看见UI组件库的文档，这里我们就用element-plus第三方组件库为例子，搭建组件库文档 examples：作为组件库示例目 ...

使用 Ant Design Vue 你可能会遇到的14个问题

博主头像 公司有一个新需求，在原来项目基础上开发，项目中使用 Ant Design Vue，版本是 1.X ,在此记录下遇到的问题；对于没有使用过或者使用程度不深的同学来说，希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学，可能这些问题都遇到过，欢迎大家在评论区补充。 1、实现对下拉框显示的所 ...

从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录？

博主头像 接上一节：从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改？ 上一节其实我们也简单说了自定义页面模板，这一节更加详细一点说明，开始之前我们要知道在vitePress中，.md的文件是可以直接编写vue的代码的。 比如我们现在来自定义一个前端网址导航页面 八、自定义一些 ...

vue 基础学习 一

博主头像 1. vue 使用快速入门三步走 (1) 新建 HTML 页面，引入 Vue.js文件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue.js 入门示例</title> <script src="https://cdn.j ...

ruoyi~为字典回显添加自定义样式

博主头像 ruoyi框架的vue版本中，对字典的回显样式的设计，默认有以下几种 如果希望添加一种红色字体的，可以这样实现，实现后你的回显就多了一种红色字体的样式了 具体实现的方法 在app.vue中，添加对象的css样式 <style type="text/css"> .el-tag--redColorFon ...

记录--怎么写一个可以鼠标控制旋转的div？

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说在前面 鼠标控制元素旋转在现在也是一个很常见的功能，让我们从实现div元素的旋转控制开始来了解元素旋转的具体原理和实现方法吧。 效果展示 体验地址 code.juejin.cn/pen/7290719… 实现步骤 画一个div 首先我们 ...

记录--Vue中前端导出word文件

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 很多时候在工作中会碰到完全由前端导出word文件的需求，因此特地记录一下比较常用的几种方式。 一、提供一个word模板 该方法提供一个word模板文件，数据通过参数替换的方式传入word文件中，灵活性较差，适用于简单的文件导出。需要依赖： ...

Dotnet工具箱：开源、免费的纯前端工具网站，带你探索10大工具分类和73个实时在线小工具

博主头像 1. 前言 大家好，我是沙漠尽头的狼。 Dotnet工具箱是一个纯前端的、开源和免费的工具网站，周末我参考了开源项目it-tools，对网站界面文字进行了汉化，并重新部署了网站。该网站共有10大工具分类，提供了73个实时在线小工具。使用Vue3开发的Dotnet工具箱具有独特的特色，本文详细介绍了其 ...

高德地图 其他地图坐标系转化为高德坐标系

博主头像 此篇以百度地图为例 1、去高德地图注册自己的key(注册流程可借鉴百度地图注册流程) 2、什么是坐标 地球坐标系——WGS84：常见于 GPS 设备，Google 地图等国际标准的坐标体系。 火星坐标系——GCJ-02：中国国内使用的被强制加密后的坐标体系，高德坐标就属于该种坐标体系。 百度坐标系— ...

v-model的原理

博主头像 v-model 是 Vue.js 框架中的一个重要指令，用于实现双向数据绑定。它是一个语法糖，等效于使用 :value 和 @input 事件的组合。v-model 的工作原理可以分为以下步骤：首先，Vue 创建一个代理对象，其中包含了数据属性，例如 message。初始时，表单元素的值会被设置为数 ...

Vue响应式

博主头像 目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ...