前端
CV键都碎了
真·前端小垃圾,努力混饭的智障
展开
-
Vue中使用mock模拟数据
前后端开发分离。在后端没有写好接口之前,我们可以使用mock进行数据模拟,实现真正的前后端分离。mock据相当于一个跑在本地的服务器,用来回传数据。mock在Vue-cli中应用安装mock依赖//使用axios发送 ajax cnpm install axios --save//使用mockjs产生随机数据 cnpm install mockjs --save-dev//使用json5解决json文件,无法添加注释问题 cnpm install json5 --save-dev转载 2021-03-23 18:00:04 · 706 阅读 · 0 评论 -
Vue判断IE浏览器版本并提示
首先接到这个任务时感觉很懵。首先让我们梦回2016。然而公司竟然还有人用IE11以下的版本。你说神奇不神奇?看了好几篇文章,搜了好多代码。下面进入正题:原始代码放入public/index.html的中:<script type="text/javascript"> (function(window) { var theUA = window.navigator.userAgent.toLowerCase(); if ((theUA转载 2021-03-22 14:41:57 · 2054 阅读 · 1 评论 -
Flexbox弹性布局初识
弹性布局非常常用,必须掌握。flex父容器属性flex-direction属性:子项目排列方向flex-warp: 子项目多行flex-flow子项目多行一起指定justify-content: 水平对齐align-items : 垂直对⻬align-content : 多行对齐。只在多行有多行元素时起作用,单行元素不起作用flex子项目orderflex-grow 子项目延申比率3. 其他属性测试代码html<!DOCTYPE html>原创 2021-03-12 14:38:53 · 104 阅读 · 0 评论 -
Ant Design vue 改变表格背景颜色
写这篇文章之前,我已经和经理掰扯半天了。我实现的代码写成文档,复制到他的电脑上没效果。我自己的电脑就可以实现功能。一开始我写的代码也没有效果,但改来改去突然就可以了,写成原来的样子也可以实现了,没研究明白具体为什么。代码提交后也可以实现效果。使用rowClassName属性实现改变行背景颜色:表格属性<a-table :rowClassName="rowClassName">JS代码:methods: { rowClassName(record,index原创 2021-01-18 15:05:53 · 8704 阅读 · 6 评论 -
Vue父组件传值
把子组件的数据传递给父组件<template><div id="app"> <h1>{{username}}欢迎你</h1> <hello-world user="老陈" :brief="brief"></hello-world> //绑定后可以传递变量 <hello-world></hello-world> <hello-world></hello-world></d原创 2021-01-11 15:54:43 · 59 阅读 · 0 评论 -
Vue侦听器
侦听器可以检测组件的点击次数<template><div> <h1 :style="styleObj">点击次数:{{num}}</h1> <button @click="addClick">点击</button></div></template><script>export default{ name:'App', data:function(){ return{ n原创 2021-01-11 14:54:24 · 76 阅读 · 0 评论 -
JS基础:对象
对象的简介1.内建对象由ES标准定义的对象,在任何ES标准中都可以使用比如:Math String Number Boolean Function Object2.宿主对象由JS运行环境提供的对象,目前是主要由浏览器提供的对象。比如 BOM DOM3.自定义对象由开发人员自己创建的对象。对象就相当于一个塑料袋,里面装着属性和值构成一个整体对象的基本操作1.创建对象使用new关键字调用的函数,是构造函数constructor构造函数是专门用来创建对象的函数va.原创 2020-12-10 11:00:40 · 119 阅读 · 0 评论 -
全局安装cnpm 和 yarn 后依然无法运行的解决办法
全局安装后命令依然无法执行。后参考文章,发现把配置了的本地仓库中的命令和node_modules文件夹考入node文件夹中之后,问题解决。原Po说这个是笨方法,本人理解可能和设置的本地仓库位置有关系,后续更改位置尝试解决。...转载 2020-12-04 21:56:17 · 1389 阅读 · 2 评论 -
DOM
document 文档对象。DOM是依据HTML源码创建的一个对象,存在内存中,而且可以被修改,而HTML源码只是文档。原创 2020-10-29 11:20:53 · 120 阅读 · 0 评论 -
Vue根据数据库内容显示相应文字(纯前端)
这里的check_result字段为盘点结果,0正常,1盘盈,2盘亏。前端按数字的含义显示。初始状态:最后一栏显示为数字,无法理解数字含义。解决办法:在columns:中对后台字段调用时加上判断即可,显示对应的值。dataIndex为数据库字段名。字段也可以匹配...原创 2020-09-09 13:55:36 · 3767 阅读 · 4 评论 -
Vue自定义弹窗只显示取消按钮
项目弹窗原始状态:这里弹窗中的确定和取消按钮功能一致,都是关闭弹窗。故自定义只显示取消按钮。这里的弹窗为ant vue源码执行自Modal.js弹窗代码:handleCancel和handleOk事件都为this.close(),功能相同,只需要显示一个。解决办法:这里可以使用slot=“footer”自定义按钮<div slot="footer"> <a-button @click="handleCancel">取消</a-button>转载 2020-09-07 15:38:47 · 1727 阅读 · 0 评论 -
任务详情页面添加资产
任务需求:1.任务发布页面显示任务2.点击盘点资产选项,显示盘点任务下的资产3.点击添加资产按钮,显示所有资产,有添加选项可以添加到当前任务下业务逻辑:数据库盘点任务表中的id字段,传入给盘点任务下资产表中的taskId字段作为筛选条件。筛选后,taskId等于盘点任务id的资产返回显示。盘点任务表盘点任务下属资产表实现代码:template代码,点击时调用handleOpen方法<a @click="handleOpen(record)" >盘点资产</a&原创 2020-09-01 15:28:23 · 458 阅读 · 0 评论 -
Vue <a>标签实现弹窗
前端代码:<template><a @click="handleAddAssert" >盘点资产</a><check-task-item-modal ref="CheckTaskItemModal" @ok="modalFormOk"></check-task-item-modal></template>js代码: import CheckTaskItemModal from './modules/CheckTaskIte原创 2020-08-18 17:06:59 · 2165 阅读 · 0 评论 -
ant design Vue按时间段查询数据组件
首先是前端效果:界面代码如下:<template><a-col :md="6" :sm="10"> <a-form-item label="执行时间" :labelCol="labelCol" :wrapperCol="wrapperCol"> <a-range-picker style="width: 210px" v-model="queryPa原创 2020-08-18 16:08:42 · 2381 阅读 · 0 评论