引言为了让用户更好的适应新版，或更方便使用公司内部系统，可以加入新手指引功能。如果你也想在自己的网页加入用户指引，那就试试在 vue 中使用 Intro.js 吧，它能够很轻松的制作出新手指引的效果。 一、效果介绍 话不多说，咱们先来上一张图看看效果那激动人心的时刻到了，我们如何 vue 中使用 Intro.js 在呢？二、Intro.js2.1、Intro.js 的安装Intro.js 是一个轻
先来个硬广：买树莓派的朋友，欢迎来我的淘宝店铺“尚恩树莓派电子”购买。 在树莓派上安装homeassistant最常用的方式大概有三种方法。1，直接在树莓派官方系统上安装homeassistant2，直接烧录home assistant官方网站提供的镜像3，在树莓派官方系统上安装docker，然后在docker上安装homeassistant 我会依次介绍这三种方法。选择困难症
以下是一个示例的 Dockerfile，用于在 PHP 镜像中编排安装 Node.js、npm 和 yarn，并配置国内镜像源：# 使用官方的 PHP 镜像作为基础镜像
FROM php:latest
# 安装系统依赖
RUN apt-get update && apt-get install -y \
curl \
unzip
# 安装 Node.js
RUN
转载
2024-07-05 12:48:50
157阅读
vue项目部署和镜像打包SpringBoot+Vue 前后端分离 微服务项目 打包部署全流程（原始部署/宝塔部署）前端vue项目部署主要考虑以下方面：vue项目启动、打包；以vue-admin-template为例，开发环境启动项目：# 进入项目目录
cd vue-admin-template
# 安装依赖
npm install
# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bu
转载
2024-10-27 14:52:12
27阅读
一、安装Node环境1.下载地址:https://nodejs.org/en/ 安装过程——详细步骤 下载后，若要改安装路径自行改，其他一直下一步下一步。二、搭建Vue环境1、为了提高我们的效率，设置使用淘宝的镜像：http://npm.taobao.org/ npm config set registry https:
转载
2024-03-25 22:35:09
441阅读
Android developer 最新国内镜像： http://wear.techbrood.com， 包含Android最新文档以及Android Wear，Android TV，Android Auto各个子领域方面的内容 http://zhidao.baidu.com/link?url=UI...
转载
2014-12-30 16:56:00
65阅读
2评论
https://hub.docker.com#### 2.2 Docker镜像管理
拉取MySQL镜像docker pull mysql:latest查看本地镜像docker images镜像加速（阿里云）sudo mkdir -p /etc/docker
sudo tee /etc/docker/daemon.json <<-‘EOF’
{
“registry-mirror
转载
2024-09-19 10:45:34
1892阅读
docker 国内最新镜像源
==================
## 引言
Docker 是一个开源的容器化平台，它能够以轻量级的方式打包、分发和运行应用程序，使得应用程序能够在不同的环境中保持一致的运行。在使用 Docker 时，我们需要从容器镜像中构建容器，而容器镜像是由 Docker Hub 提供的。然而，由于众所周知的原因，我们在国内访问 Docker Hub 时，会经常遇到速度慢
原创
2023-12-26 09:33:28
412阅读
几个月没有更新博客了，已经长草了，特意来除草。之前基于nginx反向代理使用的是:nginx + confd + etcd的存储方式，最近发现部门DBA同事使用consul + redis + 哨兵实现的主从自动选举切换，不影响业务的方式，还有看到有些公司分享的consul + mha的方式，觉得不错，于是研究了下consul,本案例是基于consul +&n
转载
2024-07-11 13:32:44
2113阅读
1.关于Electron的介绍：https://electronjs.org 简单来说就是可以将网页程序做成一个桌面软件2.关于vue的介绍：https://cn.vuejs.org 作为前端框架，vue，angular等吸引了一大批前端在使用之前如果能有nodejs基础和vue基础，那么用起来就能非常得心应手了。 Step1.Node.js安装配置参考网页：
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。下面介绍以NPM方式来Vue.js 的安装方法：在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify&
一丶介绍1.vue是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。2、初始Vue.js创建文件夹vue.js创建demo.html<!DOCTYPE html>
<
目录前面的话什么是Vue-cli一、安装vue-cli二、初始化项目三、Vue-cli项目结构讲解四、启动项目五、参考文档前面的话前面通过学习vue.js的安装已经把软件的安装，环境配置给处理好了。。今天开始继续进一步的学习。俗话说得好“工欲善其事，必先利其器”，要想学好vue先学好如何使用工具。今天就学习Vue的脚手架工具——Vue-cli什么是Vue-clivue-cli 就是快速搭建一个 v
reactive 简记1. 需要注意的是，只有 typeof val=== ‘object’ 的数据才能使用这个api 转换为响应式数据（如果你违反了这个规则，开发模式下回给你友好亲切的提示）2. 如果你传入的对象本来是 readonly() 的只读数据，但是你将其传入 reactive 时，会直接将这个数据返回。因为转换不了。3. 如果你传入的数据 reactive 的响应式数据，则会直接返回。
转载
2024-10-21 14:13:53
39阅读
前言我们再使用vue脚手架开发项目时，不可避免的涉及到多个环境来回切换接口调用地址的问题，在开发环境中可能会通过 ip 来访问后台接口，但是当项目上线后就要把对用的接口地址换成生产环境的地址，肯定不能再用 ip 来调用，因此我们每次打包发布的时候都要更改相关配置，非常痛苦，今天我们一起来通过代码的方式实现输入不同的命令自动配置不同的环境地址第一步：搭建vue脚手架，不会的请点击这里，搭建完成之后我
转载
2024-10-22 15:00:55
206阅读
前言在实际开发中往往会遇到在做某一个功能时，不能使用白色的地图，这样达不到效果。其实百度API也想到了这一点，它也提供了个性化地图，在官网选择符合要求的地图样式发布，调用API在实际使用过程中我们要注意，应该在你引入的AK账号发布符合要求的个性化地图样式在Vue中给Vue-Baidu-Map加个性化样式的时候可能会因为版本问题报错但是我也查阅了很多资料下面会讲解报错和解决方案地图个性化样式也是有付
转载
2024-07-16 10:29:27
127阅读
vue TransitionVue 提供了两个内置组件，可以帮助你制作基于状态变化的过渡和动画：
<Transition> 会在一个元素或组件进入和离开 DOM 时应用动画。
<TransitionGroup> 用于对 v-for 列表中的元素或组件的插入、移除和顺序改变添加动画效果。Transition<Transition> 是一个内置组件，这意味着它在任意
Vue 提供了 transition 的封装组件，在以下情况下，可以给任何元素和组件添加进入/离开过渡。条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点transitionProps：
name - string，用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为 .fade-enter，.f
一 ES6语法1 ECMAScript1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言。1996年，微软发布了JScript，其实是JavaScript的逆向工程实现。1997年，为了统一各种不同script脚本语言，ECMA（欧洲计算机制造商协会）以JavaScript为基础，制定了ECMAscript标准规范。JavaScri
转载
2024-07-03 22:11:23
76阅读
需求背景上传一个封面图，在上传之前需要对图片进行裁剪，上传裁剪之后的图片，类似微信的上传头像。技术方案上传肯定是用element的 el-upload 组件实现上传，非常方便，各种钩子函数。裁剪一开始找的 cropper 看着功能到是非常齐全，api也比较丰富，基本是符合预期的需求的。但是此库是基于jq 的，在vue项目中有点难用。于是就找到了 vue-cropper 支持组件
