薯条♪-CSDN博客

搜索功能中对象转为json数组，并且渲染在table中① 前端需要数据格式(数据里头有对象)② 后端返回数据格式(纯对象)需求：将后端数据处理成前端需要的数据格式代码演示 var list = [];//定义一个空数组 var unit = res.data.data;//后端返回的数据 var obj = {};//定义一个空对象 for (let key in unit) { obj[key]=unit[key];//key就是对象

2021-12-27 14:49:29 1535

原创 ElementUI+vue中点击el-dialog区域以外，会关闭对话框的解决办法。

需求目标：当用户点击修改、新增等按钮弹出el-dialog输入框时，除了点击el-dialog弹框内关闭按钮以外，不能让该弹框关闭。方法一：（添加:close-on-click-modal="false"）<el-dialog title="新增用户" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容</el-dialog>方法二：（全局配置）在mian.js

2021-12-24 10:53:51 5587 2

原创 Git教程（含泪总结）

Git含泪总结一、了解Git的基本流程1. Git工作基本流程二、Git安装与配置2.1 Git安装步骤2.2 Git基本配置2.3 给常用指令设置别名（可选）2.4 解决`GitBash`乱码问题(可选)三、掌握Git常用命令3.1 获取本地仓库3.2 基础操作指令3.3 版本回退操作四、分支（重点）4.1 Git分支的概念4.2 常见分支命令4.3 解决合并冲突五、配置SSH公钥六、远程仓库的使用七、Git铁令七、Git铁令一、了解Git的基本流程1. Git工作基本流程二、Git安装与配置2

2021-12-18 10:53:44 456

原创 vue组件通讯的几种方式（全面）

组件通讯的几种方式（全面总结）1 组件通讯的意义是什么？1.1 vue框架开发的基本原理(了解)1.2 组件通讯的意义?2 组件通讯类型和各自实现原理？（传统型）2.1 常见的组件通讯类型2.2 父组件到子组件(父传子)2.3 子组件到父组件(子传父$emit和events方法)2.4 父子组件，兄弟组件，隔代组件(中央事件处理总线bus和bus和bus和on)3 组件通讯的方式（VueX插件型）1 组件通讯的意义是什么？1.1 vue框架开发的基本原理(了解)①数据驱动视图 ②自底层向上增量开发

2021-12-15 13:53:13 1365

原创移动端开发（rem+flexbox项目实例总结）

移动端招聘项目首页总结一.项目效果、项目要求及工具使用二.项目文件一.项目效果、项目要求及工具使用项目效果：（第一板块导航）项目效果:（第二板块动态轮播）项目效果：(第三板块左右轮播)项目效果：(第四板块页脚)项目要求：页面适配ipad（786 ✖ 1024）像素以下所有设备，所有的图片文件像素大小均要符合UI设计师原图大小。工具使用（摹客）：摹客官网一款能够测量原型图大小以及各元素颜色、像素的在线团队合作软件，开发者和UI设计师可以实时交互，探讨。二.项目文件...

2021-11-08 08:20:32 118

原创 ES6学习笔记

ES6学习笔记一、let 和const关键字1.2 .0 let关键字的使用let命令基本语法let a =10;{let b = 100;//b只在当前代码块中有效}不存在变量的提升console.log(a)// a is not function let a=19;console.log(b);//undefinedvar b =10;a在未声明之前就是用了，var存在全局作用于，所以b只是没有被赋值，结果为undefined；但是let声明的变量，提前

2021-11-01 10:16:25 580

原创响应式布局---基础知识

响应式布局---基础入门一. 媒体查询(@media)一. 媒体查询(@media)媒体查询的含义：根据不同设备屏幕大小来决定页面的样式（不限于布局、样式）需求：有一个div，要求在同一个页面根据不同的屏幕大小，来展示不同的样式效果。基本结构：<body>  <div id="dv"></div></body>style样式：<style>

2021-10-23 20:38:17 208

原创 Vue子组件修改父组件值报错：Avoid mutating a prop directly since the value will be overwritte(props组件通讯问题）

父子组件props修改传值问题????前几天，在学习vue的过程中发现了问题。当时也琢磨了好久，但为了赶上学习进度，就没有深究，今天回过头来研究。搜罗四方，终于找到了答案所在。问题描述：在父组件中通过自定义事件触发方法，将父组件中的数据传给子组件，在子组件中接受，并且修改其值。值能被修改，但是控制台一直在报警告。具体错误代码示例注意代码第12行（input v-model="childData"）<script> // 子--->父 // 子组件

2021-10-20 20:16:19 846

原创响应式布局---深入概念

响应式布局一. 情景模拟，提出需求二. 开发探讨，技术筛选一. 情景模拟，提出需求概念项目经理说：“客户需要开发一套PC端和移动端的电商网站，任务已经分到你们手中了；小肖同学，你来带领大家完成开发哈”。思考假如是你，你会怎么办？方案分为两个小组PC端一套页面，移动端一套页面整个小组采用响应式布局设计，一套页面能够同时满足PC端和移动端的显示。(响应式布局概念)二. 开发探讨，技术筛选????经过大家一致讨论，最终选择了采用方案2，使用响应式布局方式开发可行型响应式布局方案采用百

2021-10-18 17:27:25 87

原创 JS初级重点总结（一）

JS初级重难点总结一 . 变量及注释1.1 变量的使用1.2 注释的种类二 . 六大原始数据类型的转换2.1 六大原始数据类型2.2 查看变量数据类型2.3 使用NaN判断是否为数字2.4 类型的转换三 . 操作符3.1 运算符的种类一 . 变量及注释1.1 变量的使用变量的声明变量被声明但未赋值；结果为undefinedvar num;//undefined变量的初始化变量声明且赋值 ;结果为后面具体的值var a = 10;console.log(a)；//101.2 注释的种

2021-10-17 15:47:41 89

原创一行两个span不在同一高度问题

有想法的span标签一. 实际开发span的问题二 .解决的方法（重点）一. 实际开发span的问题????开发要求效果图（一个盒子包裹两个span标签，要求在一行显示）????代码结构<div class="top clearfix"> <div class="left">欢迎访问某某电子电器有限公司！</div> <div class="right"> <span><img src

2021-10-10 16:33:52 609

原创 ES6学习

ES6笔记ES6学习笔记一、let 和const关键字1.2 .0 let关键字的使用let命令基本语法不存在变量的提升暂时性死区（ TDZ）不允许重复声明1.2.1 块级作用域ES5存在全局作用域和函数作用域ES6块级作用域ES6块级作用域和函数声明特别注意：（浏览器兼容性问题）--->为了减轻因此产生的不兼容问题;浏览器的实现可以不遵守上面的规定，有自己的行为。以下，只针对ES6有用1.2.3 const关键字的使用1.const基本语法（`const`声明一个只读的常量。一旦声明，常量的值就不

2021-10-08 09:32:09 99

原创 Swipe轮播插件的使用

Swiper轮播插件的使用一、入门Swiper插件1.1 swiper插件的下载1.2 swiper插件的具体应用使用步骤：二、快速学习Swiper API2.1 Swiper初始化三、常用Swiper API（可以说就是配置选项）3.1 Basic一般选项3.2 Free Mode（抵抗反弹）3.3 Effect切换效果3.4 Click点击3.5 pagination 分页器3.6 Loop 环路四、特别提醒以上内容只是用于自己学习，如有错误，还请大家指出错误，共同进步。一、入门Swiper插件1

2021-10-08 09:21:26 883

Swiper插件的使用（快速入门版）.md

空空如也