搞了一个个人博客,想要发布到腾讯云。由于之前从未接触过linux相关知识,所以在查了各种资料,挖了各种坑,重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码,希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器,CentOS 7.6镜像,使用pm2+nginx部署项目。其他不多说,买就完事了,买完就能看到你的服务器了
1、vue.directive的作用vue.directive是我们除了内置的指令(如v-model和v-show)之外的自定义指令。自定义指令是对普通DOM元素进行的底层操作,它是一种有效的的补充和扩展,不仅可以用于定义任何的dom操作,并且是可以复用的,2、vue.directive的使用场景例如在图片加载完成前,用随机的背景色占位,图片加载完成后直接渲染出来,用自定义指令可以方便的实现该问题
转载
2024-07-14 09:58:45
17阅读
文章目录一、安装二、图片裁剪三、将截图框回显到原图上四、其它 由于项目需要,需要做图片裁剪。之前的项目已经由cropper.js实现过,因为这次使用的是vue,所以采用了vue-cropper这个组件,使用起来很简单,但是坑也很多。一、安装npm install vue-croppermain.jsimport VueCropper from 'vue-cropper'
Vue.use(VueC
# 在HTML中使用Java获取时间的完整指南
## 引言
在 web 开发中,前端和后端的协同很重要。本文将指导初学者如何在 HTML 页面中使用 Java 代码来获取当前时间。我们将通过以下几个步骤来完成这一目标。
## 流程概述
为了成功实现这个功能,我们将遵循以下步骤:
| 步骤 | 描述 |
|---------
先介绍一下JS中处理URL的方法: 网址示例:http://loc
原创
2022-08-29 22:02:33
84阅读
自从用了vue.js之后,习惯了双向绑定后,已经回不去以前的传统的jstl,jquery等模式了。本博文主要为了解决某些特殊情况下,需要通过调用index.html的全局function,从而达到调用vue组件里面对应的方法,并且能够修改对应vue组件里面变量属性。特殊情况例如:写个安卓app使用webview组件,然后h5页面是使用vue框架,原生的安卓要调用页面js的方法从而达到某种目的。如果
转载
2024-02-25 12:59:55
130阅读
el挂载点不要使用在body和html标签上html属性<div id=“app”>{{xxx+'添加内容'}} {{aaa.aaab}} {{bbb[0]}}</div><div v-text=“xx”> ●v-text=“xxx+'添加内容'”&nb
转载
2023-10-12 21:16:46
61阅读
一、WebApiTestClient介绍1、WebApiTestClient组件作用主要有以下几个:(1)、将WebApi的接口放到了浏览器里面,以可视化的方式展现出来,比如我们通过http://localhost:8080/Help这个地址就能在浏览器里面看到这个服务里面所有的API接口以及接口的详细说明,省去了我们手写接口文档的麻烦。(2)、能够详细查看API的类说明、方法说明、参数说明、返回
转载
2024-05-28 17:08:56
23阅读
想在Vue-CLI项目中使用轮播图,轮播图的代码是根据自己需求作了修改的别人的代码,其中用到jQuery。 需求: 1.写出轮播图的代码 2.在Vue-CLI中引入jQuery 3.将轮播图的代码放入项目中封装为组件1.将jq引入到vue-VLI中A. 安装jQuerynpm install jquery –save安装成功后package.json显示:(应该是默认安装最新版本)B. 配置vue
转载
2024-10-30 11:57:55
92阅读
前后端分离、微服务框架是当下比较流行的词汇,而vue就是前端框架的佼佼者。下面重点介绍一下vue的用法:vue起步:1、引包 2、启动new Vue({el:目的地,template:模板内容}) 其中options参数除了 el、template还有数据data 在html中如何使用vue: 按照上述步骤, 引包 &
转载
2023-07-21 16:38:07
1496阅读
async 的语法 1、它作为一个关键字放在函数前面,用于表示函数是一个异步函数,因为async就是异步的异步,异步函数也就是意味着这个函数的执行不会阻塞后面代码的执行。简单的写一个async函数: async function timeout(){ return 'hello world'; } ...
转载
2021-09-08 17:02:00
393阅读
2评论
以下摘取的函数,在 shared 目录下公用的工具方法。文件在 util.js 中,githu地址。提取了一些常用通用的函数进行剖析,主要包含以下内容: 创建一个被冻结的空对象 判断是否是 undefined 或 null 判断是否不是 undefined 和 null 判断是否是原始类型 判断是否
转载
2020-12-11 15:12:00
270阅读
2评论
# Vue 中用 axios 加载 JSON 数据 404
在 Vue 中,我们经常使用 Axios 这个强大的库来进行网络请求。当我们需要从服务器获取 JSON 数据时,可以使用 Axios 来加载这些数据。然而,有时候我们可能会遇到 404 错误,即请求的资源不存在。在本文中,我们将介绍如何在 Vue 中使用 Axios 加载 JSON 数据,并处理可能出现的 404 错误。
## 为什么
原创
2023-08-03 07:35:11
431阅读
# 在docker中用nginx部署vue项目
在实际开发中,我们通常会使用Vue.js框架来开发前端项目。而在部署前端项目时,使用Nginx作为反向代理服务器是一个常见的做法,以提高前端项目的加载速度和安全性。本文将介绍如何在Docker中部署Vue项目,并使用Nginx作为反向代理服务器。
## 准备工作
在进行部署之前,需要先确保已经安装了Docker和Docker Compose。接
原创
2024-06-30 05:51:44
348阅读
学习源码可以看我的个人前端学习笔记 (github.com):qdxzw/frontlearningNotes
觉得有帮助的同学,可以点心心支持一下哈(笔记是根据b站上学习的尚硅谷的前端视频【张天禹老师】,记录一下学习笔记,用于自己复盘,有需要学习的可以去b站学习原版视频)路由一、对路由的理解二、基本切换效果Vue3中要使用vue-router的最新版本,目前是4版本。路由配置文件代码如下:imp
A!!!
1>引入js 我们只是写了简单必须的html标签,从未给标签添加点击事件,这次页面添加事件. >写入html页面,可以在标签内 也可以在标签内 小娜娜,而使用单标签 2 在.vue页面使用,先声明后使用 问题一:vue文件中引入外部js文件的方法 //在vue文件中 import * as funApi from '../../../publ
转载
2024-04-28 14:45:48
174阅读
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author&
原创
2023-02-07 00:40:35
179阅读
在项目中追加模块时遇到了一些需求,追加模块的模型做好了,但是将模型转换成真正的页面代码需要一段时间,而客户需要现在项目里看到静态效果,就需要用到一些方法将vue引入静态页面。1.最直接的方法就是在vue中嵌入html文件,通过iframe进行引入,如下图 在router中的index.js进行设置路由跳转(文件名为outfall.vue)export default new Router
转载
2023-10-23 09:46:18
1566阅读
在使用vue2.0的过程,有时看API很难理解vue作者的思想,这促使我想要去深入了解vue底层的思想,了解完底层的一些思想,才能更好的用活框架,虽然网上已经有很多源码解析的文档,但我觉得只有自己动手了,才能更加深印象。一、Vue与模板对于没使用过Vue的,这里我们来说下Vue的使用步骤:1. 编写 页面 模板a. 直接在HTML标签中写b. 使用templatec. 使用单文件()2. 创建Vu
转载
2024-02-27 20:15:57
39阅读
VUE页面实现加载外部HTML的方法 本文思路是把HTML的数据请求回来,以v-html的形式加载到vue页面内部。HtmlView.vue文件的代码如下:<template>
<div>
<p v-html="htmlData" style="width: 100%; height: 100%;"></p>
转载
2023-06-01 17:15:26
1328阅读