目录前言：特效展示实现代码：html部分：css部分：js部分：总结：前言： 个人学习内容分享特效展示前端界面特效（一） 实现代码：html部分：<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; cha
转载
2023-09-11 22:39:42
115阅读
Vue是当前最流行的三大前端框架之一，刚学Vue的时候感觉也没什么新奇的地方，后来对Vue的接触深了才知道这个框架流行的原因了。现在进入正题：先说一说脚手架的作用——它能帮助你快速开始一个vue项目，其实其本质就是给你一套文件结构，包含基础的依赖库，你只需要npm install一下就可以安装。让你不需要为编译或其他琐碎的事情而浪费时间，这并不会限制到你的发挥。 如何安装：进
VUE前段面试题 Vue优点 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几
原创
2022-06-23 12:59:40
162阅读
一、vue-resource在Vue中实现异步加载需要使用到vue-resource库，利用该库发送ajax（Vue官方已不再维护这个库）。1、引入vue-resource：<script src="https://cdn.jsdelivr.net/npm/vue-resource@1.5.1"></script>要注意的是，vue-resource依赖于Vue，所以要先引
17、keep-alive的作用是什么?keep-alive是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。在vue 2.1.0版本之后，keep-alive新加入了两个属性: include(包含的组件缓存) 与exclude(排除的组件不缓存，优先级大于include) 。使用方法： <keep-alive include='include_components'
2020.7.21今日继续前端vue开发。本人所在小组的两位前端人员似乎还有之前的项目需要处理，看来准备使用本人（后端）开发的前端页面了。PS：本人小组的前端同事基本没有提供任何援助（没空开发页面；不过本人倒是也没啥问题需要问那两位）本人预估周五结束时大概能完成前端的开发，毕竟本人不是专业前端，还一人做着2人的工作（确切的说是3人，原本自己后端的work和2个前端的work）。总的来说，是本人自愿
目录axios的引用axios的二次封装总结 我们都知道，自从前后端分离后，业务逻辑数据都由后端进行维护处理，前端通过网络请求到数据后，进行展示渲染，在实际开发中，我们有常用的axios之类的网络请求库来帮助我们处理相关的请求。 我们接下来就以axios为例，进行网络请求的二次封装。axios的引用首先我们在项目中安装下axios：npm install axios安装好依赖后，在使用的地方直
转载
2024-03-05 21:54:47
75阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <fieldset> <legend>信息录入</legend> <di ...
转载
2021-08-18 17:17:00
117阅读
2评论
Docker使用Nginx部署前段Vue项目
本文将详细记录如何通过Docker以及Nginx部署一个前端Vue项目的整个过程，包括环境准备、分步指南、配置详解、验证测试、排错指南和扩展应用，力求为开发者提供清晰的操作流程和配置说明。
## 环境准备
首先，确保你已经安装以下前置依赖：
- Docker
- Docker Compose
- Node.js
- Vue CLI
以下是环境
2、在项目底部终端里面输入打包命令：npm run build 回车，即可进行打包； 3、经过短暂的等待，如果项目没有什么报错，就直接提示打包完成； 4、打包成功之后，会在项目工程目录里面生成了一个“dist”文件目录，然后单击打开，即可看到dist目录下的文件； 5、然后鼠标右键选中dist文件，然后找到文件位置进入，压缩打包dist文件，上传到服务器，即可。 附录：Vu
转载
2023-10-31 21:01:11
83阅读
创建图片映射<img src ="planets.gif" alt="Planets" usemap ="#planetmap" /><map name="planetmap"> <area shape="rect" coords="0,0,110,260" href="sun.htm" alt="Sun" /> <area sha
原创
2016-07-01 18:43:39
863阅读
文章目录动画效果过渡效果单个元素多个元素Animate.css总结todolist 增加动画效果动画效果新
原创
2022-06-06 14:17:55
1404阅读
文章の目录1、安装vue环境2、创建项目2.1、运行命令2.2、点击创建2.3、设置项目名称，选择包管理器，初始化Git，然后点击下一步2.4、选择创建模式，我在这里选择的是手动2.5、选择Babel、Router、Vuex、Linter/Formatter、使用配置文件，点击下一步2.7、选择vue版本，选择Eslint模式后，点击创建项目2.8、点击任务，点击serve，点击运行2.9、点击
转载
2024-04-15 13:12:47
134阅读
该demo由前端请求后台服务器获取数据进行渲染使用到的技术点1.使用到的vue指令：{{}} v-if v-for v-model
2.使用到的事件：@click 点击事件， @keyup.enter 回车3.使用到的事件修饰符：.prevent 阻止事件默认行为4.使用vue-resource发起请求获取服务端返回的数据5.使用生命周期函数created()，即在页面渲染前请求用户列表6.自定义
Vue 提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡。html中写入<div id="demo"> <button v-on:click="show = !show"> //添加按钮，触发显示事件 Toggle </button> <transition name="f...
原创
2021-09-07 16:34:01
926阅读
在前面的博客中，我浅薄的学习了Vue 源码中 的 diff 以及 对 key 的使用，现在 再来学习一下更加难以理解的 patch 的过程vue 在 虚拟 dom 这一块，是参照了 snabbdom.js 然后在上面进行了部分的修改的，所以如果有不理解的，推荐先去学习这一个东西1、patch 函数在这一系列的函数里面，有很多的钩子函数，类似于 destory 和 create 、inse
<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>过渡动画</title></head><styletype="text/css">p{width:250px;height:250px;background-color:grey;}.fade-
原创
2017-12-04 22:27:39
1762阅读
