
前端学习
前端学习
weisian151
大家一起来学习,讨论
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue学习--mounted created watch computed methods区别
首先以上的几个模块的含义:data:定义一些需要使用的数据变量或者常量computed:同data一样,可以定义变量,变量的值通过方法计算得到watch:用于监听数据变化,等同于给数据绑定的onchange事件,一旦数据值改变就会执行方法体created:初始化执行,在html加载之前进行,所以可以改变data中的值,但是不会触发change事件,也不会触发到watchmounted:初始化执行,在html加载之后进行,所以改变data定义变量的同时,会触发chang事件method转载 2020-08-04 20:44:05 · 1644 阅读 · 1 评论 -
nginx部署前端vue项目
通常我们会遇到一些前端单独运行的项目,没有后台,我们可以直接通过nginx的代理实现。本例已前端vue项目项目。1、将前端项目打包程dist包2、在服务器上部署nginx(1)、在nginx的官网下载nginx(官网:https://nginx.org/download/)本例已1.8.1版本为例子(2)、将tar包上传到/usr/local目录下,解压程文件夹解压命令:tar -zxvf nginx-1.8.1.tar.gz(3)、安装nginx的依赖执行命令:yum原创 2021-06-24 11:16:40 · 1583 阅读 · 1 评论 -
vue v-if和v-else无效果
1、在vue项目中,通常会遇到需要使用v-if和v-else标签来处理一些页面渲染的问题,有时候会出现渲染无效果的问题,如下:代码使用如上图,渲染结果如下图可以看到,这样写的时候,v-if和v-else标签内容都被渲染出来了,很明显这不符合我们的业务逻辑。解决办法如下:渲染效果可以发现,我们把p标签和h3标签的位置换一下,就可以了。原因分析:p标签是行内元素,h3标签是块级元素在进行嵌套的时候,块级元素可以嵌套kuai'jie...原创 2020-11-20 10:48:17 · 6869 阅读 · 4 评论 -
vue前端方法同步调用,防止异步顺序错误
vue方法执行顺序同步原创 2022-07-11 15:48:08 · 1763 阅读 · 0 评论 -
VUE Element--生成不定列的表格
1、对于一些场景,前端可能需要展示不定列数的数据;譬如考勤,可能有的人是一天一次上下班打卡,有的人是一天两次上下班打卡。这个时候统计就需要更具人员做不同的展示,不能固定在前端写死列的属性。数据展示如下示例,tabledData为表头数据,tableList为业务数据,业务数据的每一条数据都需要包含表头数据的全部列才可以。真实开发中,后台可按照如下的示例开发接口,在初始化时异步获取数据即可。dataList是数据,tableDate为表头。原创 2023-09-08 14:53:08 · 735 阅读 · 0 评论 -
vue 引用全局js方法
1、编写一个目标js文件2、在main.js中引用这个公共方法3、代码调用处,直接调用方法4、效果图学海无涯苦作舟!!!原创 2022-04-26 09:41:49 · 5816 阅读 · 0 评论 -
javascript基础
一个简单横排选项卡的js程序 tab选项卡 *{padding:0;margin:0;} .tab{width:600px;margin:40px auto;} .item{border:2px solid#000;border-radius:5px原创 2017-11-29 14:08:47 · 268 阅读 · 0 评论 -
HTML之frameset标签
frameset是html的框架标签,主要是对于浏览器界面的分割,使得一个较为复杂的界面划分为多个简单的界面,与frame标签一起使用。每一个frameset标签相当于一个复杂的界面,包含多个frame标签,而每一个frame标签相当于一个简单的界面。简单的frameset属性包含分行rows=“”和分列cols=“”,frame标签基本属性是src=“”,name=“”。一个原创 2017-10-17 09:35:25 · 2547 阅读 · 0 评论 -
miniui Treegrid的简单实现
前台jsp: pageEncoding="UTF-8"%> PagerTree 树形分页表格 CellEdit 单元格编辑 url="menu.do" showTreeIcon="true" treeColumn="taskname" idField="uid" pare原创 2017-12-05 09:05:05 · 6868 阅读 · 0 评论