11 2019 档案

摘要:功能需求: 在下拉框中选择你所需要缩放的比例, 选择好了之后,图片会按照你选择的比例进行缩放 1==》如何获取select中option选中的值 在select添加事件change 和双向绑定v-model <select @change="changeValue" v-model="myVal"> 阅读全文
posted @ 2019-11-29 22:03 南风晚来晚相识 阅读(1237) 评论(0) 推荐(0) 编辑
摘要:图片是放在assets文件夹下的 使用require进行解决 图片不显示的原因 在webpack,将图片放在assets中,会将图片图片来当做模块来用,因为是动态加载的,所以url-loader将无法解析图片地址, <el-table-column label="照片"> <template slo 阅读全文
posted @ 2019-11-27 23:09 南风晚来晚相识 阅读(2848) 评论(0) 推荐(0) 编辑
摘要:1==》如何让div里面的元素在【垂直 方向】上水平分布.important-dec{ height: 121px; //必须固定高度 flex-direction: column; //垂直排列 display: flex; justify-content: space-between;} 2== 阅读全文
posted @ 2019-11-27 22:06 南风晚来晚相识 阅读(701) 评论(0) 推荐(0) 编辑
摘要:1==>控制label标签的宽度。解决字段名太长时,不会换行显示 label-width="100px" label标签的宽度是100px; style="width:280px;" 表示label和input的宽度一起有280px;注意一起是280px <el-form-item label="访 阅读全文
posted @ 2019-11-27 21:56 南风晚来晚相识 阅读(7292) 评论(0) 推荐(0) 编辑
摘要:<style type="text/css"> /* el-form-item__content 是input外层最大的div*/ .huo-dong .el-form-item__content{ width: 217px; } </style> <body> <div id="app"> <el 阅读全文
posted @ 2019-11-25 22:59 南风晚来晚相识 阅读(275) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-11-25 22:20 南风晚来晚相识 阅读(5) 评论(0) 推荐(0) 编辑
摘要:代码在 ==》E:\nodes实战\myserve\testserve 1 express搭建后端请求路由,前端进行访问对应的接口 1) 创建项目目录 express 项目名 -e 然后按照提示就可以了 cd 项目名 2) 进入项目 下载依赖 cnpm i 在下载过程中出现 New minor ve 阅读全文
posted @ 2019-11-24 23:28 南风晚来晚相识 阅读(950) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-11-24 23:06 南风晚来晚相识 阅读(4) 评论(0) 推荐(0) 编辑
摘要:FormData对象介绍FormData字母意思是表单数据,H5新增的一个内置对象。可以获取任何类型的表单数据,如text radio checkbox file textarea 常用语发送ajax请求优点:简单的代码,就可以将表单中所有的类型的数据都可以搜集到,包括文件域的内容。非常方便。缺点: 阅读全文
posted @ 2019-11-24 20:53 南风晚来晚相识 阅读(482) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <a href="javascript:void(0);" @change="addImage" class="a"> <input type="file" class="fileopen" />上传图片 </a> <img :src="imgsrc" alt cl 阅读全文
posted @ 2019-11-24 17:15 南风晚来晚相识 阅读(2426) 评论(0) 推荐(0) 编辑
摘要:<!-- 样似总结: 用a标签代替file,做文件上传。 将file进行绝对定位,透明度设置为0;宽度为“上传图片”的宽度,超出部分隐藏。 这样做是为了将file隐藏起来。用a标签代替file a标签变为块级元素,并且进行相对定位。 通过<input />标签,给它指定type类型为file,可提供 阅读全文
posted @ 2019-11-24 17:11 南风晚来晚相识 阅读(328) 评论(0) 推荐(0) 编辑
摘要:npm i xxxx -D 就是 npm i xxxx --save-dev 是把依赖写入进devDependencies对象里面 devDependencies 是开发环境下的依赖,这里是开发环境下的依赖,上线后非必需,比如:webpack,gulp等压缩打包工具 npm i xxxx-S 就是 阅读全文
posted @ 2019-11-24 14:54 南风晚来晚相识 阅读(2215) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-11-23 21:17 南风晚来晚相识 阅读(5) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-11-23 21:14 南风晚来晚相识 阅读(2) 评论(0) 推荐(0) 编辑
摘要:比如 我要请求的地址是https://edu.51cto.com/center/seckill/index/get-seckill-data 首先去 config ==> index.js 添加 proxyTable: { // 路由接口代理配置 "/api": { target: "https:/ 阅读全文
posted @ 2019-11-23 17:23 南风晚来晚相识 阅读(184) 评论(0) 推荐(0) 编辑
摘要:vue/cli2.0 脚手架 在项目写完了之后, 运行npm run build --report可以看出这个项目的资源占比情况。可以看出整个项目哪一个资源在整个项目占比最大。它会自动打开一个可视化的页面,看看你的哪一个资源占比最大 其中monent.js这个库占比还是比较大的。使用(date-fn 阅读全文
posted @ 2019-11-23 17:20 南风晚来晚相识 阅读(1388) 评论(0) 推荐(0) 编辑
摘要:如何让table中td与四周有间距 方法一 在td下再添加一个会计元素 <tr> <td>第2节</td> <td>语文</td> <td>数学</td> <td>英语</td> <td>英语</td> <td class="meishu"> <a class="meishu-a">美术</a> < 阅读全文
posted @ 2019-11-19 23:43 南风晚来晚相识 阅读(2784) 评论(0) 推荐(0) 编辑
摘要:slot 是父组件与子组件的通信方式可以将父组件的内容显示在子组件当中或者说可以将 让你封装的组件变的更加的灵活,强壮! 在子组件中 通过为多个slot进行命名。来接受父组件中的不同内容的数据 这就是命名插槽 插槽slot与slot之间不能有html元素 但是html可以把插槽包裹起来 所以插槽可以 阅读全文
posted @ 2019-11-18 23:38 南风晚来晚相识 阅读(712) 评论(0) 推荐(0) 编辑
摘要:slot 是父组件与子组件的通选方式可以将父组件的内容显示在子组件当中或者说可以将 让你封装的组件变的更加的灵活,强壮! 组件 slot-exmple.vue <template> <div> <h1>我是组件</h1> <h2>我是组件中显示的内容</h2> <slot></slot> </div 阅读全文
posted @ 2019-11-18 23:21 南风晚来晚相识 阅读(665) 评论(0) 推荐(0) 编辑
摘要:3==》vue 鼠标右击<div @contextmenu.prevent="mouseRightClick">prevent是阻止鼠标的默认事件 4==》自己封装的组建,不可以写 @click="Delbg(index)" 这一种是没有任何效果的哦。 <!-- notecolordel 是自己的组 阅读全文
posted @ 2019-11-18 22:34 南风晚来晚相识 阅读(4674) 评论(0) 推荐(0) 编辑
摘要:当你使用vue/cli3.0的时,有可能出现雁阵规则 ESLint: Expected indentation of 2 spaces but found 4. (indent) 解决方法 1、在vue.config.js中 添加 lintOnSave: false, false不能加引号 然后新建 阅读全文
posted @ 2019-11-18 00:19 南风晚来晚相识 阅读(7568) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2019-11-17 19:24 南风晚来晚相识 阅读(132) 评论(0) 推荐(0) 编辑
摘要:2==解决vue2.0里面控制台包的一些语法错误。 https://www.jianshu.com/p/5e0a1541418b 在build==>webpack.base.conf.j下注释掉 ...(config.dev.useEslint ? [createLintingRule()] : [ 阅读全文
posted @ 2019-11-17 19:18 南风晚来晚相识 阅读(2082) 评论(0) 推荐(0) 编辑
摘要:1).table{ width: 100%;//让表格里面的内容充满整个区域 border-collapse:collapse; 去掉html表格之table间的空隙} 2)表格里面的内容居中.mytable td{ text-align: center;} 3)HTML中怎么去掉table中th的 阅读全文
posted @ 2019-11-13 22:33 南风晚来晚相识 阅读(2902) 评论(0) 推荐(0) 编辑
摘要:display: flex; justify-content: space-between; flex-direction: column; <style> *{ padding: 0; margin: 0; } ul{ height: 300px; border: 4px solid red; d 阅读全文
posted @ 2019-11-13 22:25 南风晚来晚相识 阅读(412) 评论(0) 推荐(0) 编辑
摘要:git提交代码的基本步骤 ``` git add . git pull 远端分支 git commit -m "" 一定要有空格哈 git push ``` #### 合并分支 ``` 将dev代码合并到master。 切换到master分支。git checkout master 切换到主分支 ( 阅读全文
posted @ 2019-11-12 23:31 南风晚来晚相识 阅读(186) 评论(0) 推荐(0) 编辑
摘要:assets文件夹与static文件夹的区别原地址==》https://www.cnblogs.com/x123811/p/9230700.html 相同点 >assets文件夹和static文件夹在vue-cli生成的项目中,都是用来存放静态资源的。不同点 >assets目录中的文件会被webpa 阅读全文
posted @ 2019-11-12 23:18 南风晚来晚相识 阅读(1042) 评论(0) 推荐(0) 编辑
摘要:先获取屏幕高度 如果小于等于1400;添加一个类 <div :class="[xiaoyu ? 'isyaoshenglue': ' ' ]"></div> v-bind结合三目运算,添加一个类名 使用的中括号 如何有省略号 div和p都可以有省略号 div{ width: 100px; overf 阅读全文
posted @ 2019-11-11 23:39 南风晚来晚相识 阅读(332) 评论(0) 推荐(0) 编辑
摘要:在mouted中去获取页面的高度(clientHeight) 然后给每个区域动态分配值 对于页面一屏显示这个问题你首先看看自己用的电脑的分辨率 用js动态获取然后看看ui图是否是跟你的获取电脑的分辨率尺寸一致 如果一致的,你就可以按照UI图来,如果不是,你就要微调上下间距对应一屏展示 不可能所有的分 阅读全文
posted @ 2019-11-11 22:17 南风晚来晚相识 阅读(320) 评论(0) 推荐(0) 编辑
该文被密码保护。
posted @ 2019-11-10 17:15 南风晚来晚相识 阅读(10) 评论(0) 推荐(0) 编辑
摘要:使用less 安装两个包 1 》cnpm install less less-loader --save-dev less中的注释 以 //开头的注释 不会被编译到css文件中去 以 /**/ 包裹的注释 会被编译到css 文件中去 3 》 1)使用@来声明一个变量 @pink:pink; 【颜色值 阅读全文
posted @ 2019-11-10 00:03 南风晚来晚相识 阅读(189) 评论(0) 推荐(0) 编辑
摘要:display: flex; 的默认轴是x轴 justify-content: 设置主轴上的子元素排列的方式 所以在使用之前要确定好哪一个是主轴 /* justify-content:flex-start; 如果主轴是x,从左到右 如果主轴是y,从上到下*/ /* justify-content: 阅读全文
posted @ 2019-11-08 22:06 南风晚来晚相识 阅读(234) 评论(0) 推荐(0) 编辑
摘要:<!-- 点击 vue实现点击图标,图标在2s中完成旋转 1==》如何让它在2s内完成旋转 使用动画 transform: rotate(-180deg); 动画的运动状态 transition: all 2s; 动画运动时间 2--》点击的时候就添加效果,用三目结算结合v-bind, 变量不加引号 阅读全文
posted @ 2019-11-08 21:30 南风晚来晚相识 阅读(5430) 评论(0) 推荐(0) 编辑
摘要:<!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功,则给这个元素添加一个类active 2==》如何只显示 点击下标与之 阅读全文
posted @ 2019-11-07 22:30 南风晚来晚相识 阅读(535) 评论(0) 推荐(0) 编辑
摘要:3==》v-for循环 绑定类名 在添加一个类 class="show-icon-div" 无论如何都有的 <i class="iconfont" :class="itemIcon"></i> 第二个:class="itemIcon"是动态绑定的 在添加一个class <div v-for="(it 阅读全文
posted @ 2019-11-07 21:48 南风晚来晚相识 阅读(872) 评论(0) 推荐(0) 编辑
摘要:/* border-top-right-radius: 40px; border-bottom-right-radius: 40px; 高度的一半就可以让右边变成一个半圆 */ .right-show { width: 200px; height: 80px; border-top-right-ra 阅读全文
posted @ 2019-11-07 21:36 南风晚来晚相识 阅读(169) 评论(0) 推荐(0) 编辑
摘要:align-content 运用在父级元素上 align-content: 它通常与子元素的div{ margin:10px } 一起联合使用。 用在子项出现换行的情况下,并是多行的情况下哦。运用在子项侧轴上的排列方式。 align-content的值 align-content: flex-sta 阅读全文
posted @ 2019-11-06 00:19 南风晚来晚相识 阅读(1631) 评论(0) 推荐(0) 编辑
摘要:flex-wrap:运用到父元素上 结合 display: flex; flex-wrap: wrap; 换行 flex-wrap: nowrap; 不换行 #main { width: 300px; height: 300px; border: 1px solid #c3c3c3; display 阅读全文
posted @ 2019-11-06 00:10 南风晚来晚相识 阅读(1440) 评论(0) 推荐(0) 编辑
摘要:侧轴是相对的 默认主轴是x 所以侧轴就是y轴 align-items设置侧轴上的子元素排列的方式(单行)纵轴方向上的对齐方式 align-items: flex-start; 顶部对齐 align-items: center; 居中对齐 align-items: flex-end; 底部对齐 ali 阅读全文
posted @ 2019-11-06 00:08 南风晚来晚相识 阅读(1719) 评论(0) 推荐(0) 编辑
摘要:<!-- 总结:1 data中的是一个对象 2 this表示的是data中的这个实例对象 3 在mounted中去调用函数 3.1 computed中去返回的是一个对象 4 如何将超市器变为定时器 5.textBox是包裹transition的盒子,(1)给一个固定的高度, (2)超出部分消失 (3 阅读全文
posted @ 2019-11-05 21:56 南风晚来晚相识 阅读(431) 评论(0) 推荐(0) 编辑
摘要:/* justify-content: space-around; 运用在父级元素上 第一个子元素距离左边的距离==最后一个子元素距离右边的距离 除第一个子元素和最后一个子元素外,第2个,第3个...一直到倒数第二个子元素,这些子元素距离左右两边的间距都是相等 巧记:around 是四周,说明四周是 阅读全文
posted @ 2019-11-05 20:34 南风晚来晚相识 阅读(2237) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui@2.4.11/lib/theme-ch 阅读全文
posted @ 2019-11-04 00:23 南风晚来晚相识 阅读(5318) 评论(0) 推荐(0) 编辑
摘要:下载3.7.0版本 然后点击 close 关闭 1 》搜索输入“cmd”输入 “python -V”并回车。 出现版本说明安装成功。2==》>>> 是提示符3 》退出python CTRL+C 》中断程序4==》IDLE 官方提供 小巧。 安装python就安装了。5==》python 是按f5运行 阅读全文
posted @ 2019-11-03 23:17 南风晚来晚相识 阅读(138) 评论(0) 推荐(0) 编辑
摘要:回调函数最多的应用场景就是异步操作,因为异步的操作我们不知道这个操作到底何时结束,那么我们后续执行的代码就无法按照应有的流程走下去。 JS中的回调函数实例浅析 地址 》https://m.jb51.net/article/136848.htm <script type="text/javascrip 阅读全文
posted @ 2019-11-02 20:54 南风晚来晚相识 阅读(562) 评论(0) 推荐(0) 编辑
摘要:总结:在第一个then的请求结束后,在添加一个then,表示请求第二个接口,在第二个then里面写第二个接口的请求方式 阅读全文
posted @ 2019-11-01 23:59 南风晚来晚相识 阅读(1628) 评论(0) 推荐(0) 编辑
摘要:原地址:https://segmentfault.com/q/1010000015794387 修改key值 阅读全文
posted @ 2019-11-01 23:30 南风晚来晚相识 阅读(21826) 评论(2) 推荐(1) 编辑

点击右上角即可分享
微信分享提示