weixin_44237840的博客

原创 点击编辑按钮给表单赋值表格数据出现问题解决办法

今天在做项目时遇到了一个点击编辑按钮直接给表单赋值表格的数据,平时在做增删改查的时候点击编辑按钮会调用查看接口进行赋值.但是我也没有直接调用查看接口进行赋值例如直接像上边给表单赋值,这样赋值表单的值会赋上,但是出现的问题就是当我再次点击编辑框在关闭的时候表格的数据会丢失或者直接和上一行数据的内容一样,例如"这是没有点击编辑框之前的效果如下:点击编辑框在关闭时如下图:从哪一个编辑框开始点,之后表格的名称都会变成这样我从一班的编辑框看,依次二班,三班的关闭弹框之后两个都变为一班了;解决办法:1 调

原创 vue+elementUI中使用el-upload进行图片上传

代码如下:<el-upload class="avatar-uploader" action :show-file-list="false" :http-request="selectPicUpload" :before-upload="beforeAvatarUpload" :on-remove="hand

原创 vue动态绑定图片和背景图的解决方法

1.动态绑定图片<img class="binding-img" :src="require('../assets/images/test.png')" />2.动态绑定背景图（1）<div class="box" :style="{ 'background': 'url('+ bgurl + ') no-repeat center center','background-size': '100% 100%'}">（2）三元表达式：<div class="bin

原创 面试被问到的一些问题

一、.url输入页面显示的全过程？1.首先在浏览器url输入url2.浏览器先查看浏览器缓存–系统缓存–路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容，若没有则跳到第三步操作，3.在发送http请求之前先进性域名解析（DNS解析）DNS（域名系统（Domain name system））：可以将域名和IP地址相互映射的一分布式数据库，能够使人更方便的访问互联网而不用去记住IP地址。4.浏览器向服务器发起TCP连接，与浏览器建立tcp三次握手，TCP（即传输控制协议）：互联网连接协议集的一种

原创 整理vue的一些基本知识点

基础篇一、说说你对MVVM的理解它采用双向绑定Model-View-ViewModel的缩写，Model代表数据模型， View代表UI组件，ViewModel将View和Model关联起来数据会保存到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知ViewModel层更新数据注【这里还需要了解MVC/MVP/MVVM区别】MVC【M（Model）V（View）C（Controller）】: 所有的通信都是单向的。View：视图-- 用户界面，是直接面向用户界面的视图层

原创 js深拷贝的几种解决方法

实现深拷贝：首先深拷贝是指, 修改B对象的属性和方法不会影响到A对象的属性和方法, 我们称之为深拷贝；反之就是浅拷贝；接下来看看深拷贝吧。1. 创建一个新的对象，循环递归来实现深拷贝function deepCopy(obj) {let newObj;if( obj.constructor === Array ) {// 数组newObj = [];for( const item...

原创 vue开发过程中，如何监听数组、对象和具体的变量

原创 vue无法正常启动的常见问题

vue无法正常启动的常见问题今天在jiuejin上down了一个后台管理项目，依赖安装好后，当npm run dev时，出现了如下图的错误！ 怎么启动就是一直报错，来来回回的弄了好多遍就是不行，后来打开package.json文件，发现在scripts中并没有dev，而是serve，所有应该用npm run serve启动就好了。希望能够帮助到大家，感谢！...

原创 token的原理及使用

一、登陆的验证流程 当用户请求登陆的时候，如果没有问题，我们在服务端生成一条记录，这个记录可以说明一下登陆的用户是谁， 然后把这条记录的ID号发送给客户端，客户端收到以后把这个ID号存储在Cookie里，下次这个用户再次向服务端发 送请求的时候，可以带着这个Cookie，这样服务端会验证一个这个Cookie里的信息，看看能不能在服务端这里找到 对应的记录，如果可以，说明用...

原创 如何在vue中安装及使用layui框架

首先第一步，我们先安装layui，如下图：第二步，安装完成之后，然后接下来你在你文件夹目录下的（node_modules）中找到（dist文件），如下图：第三步，将dist下的文件直接复制到文件目录的static中，那么你就要在static文件当中见一个layui的文件夹，将他们放在里边，如下图：第四步，你就开始可以引入layui中的代码了，直接看步骤吧，哈哈第五步，看看效果图吧，哈哈哈...

原创 vue如何搭建脚手架

一、安装nodejs（自带npm）// 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org// 全局安装webpacknpm install webpack –g// 安装vue-cli脚手架构建工具npm install vue-cli –g二、**使用vue-cli构建项目 **// 准...

原创 webpack与gulp的对比

**gulp**就是为了规范前后的的开发流程，实现前后的分离，版本的控制，模块化开发，文件的压缩与合并，mock数据等 功能的一个前端自动化构建工具。说的形象一点，“gulp就像是一个产品的流水线，整个产品从无到有，都要受流水线的 控制，在流水线上我们可以对产品进行管理”，另外，gulp是通过task对整个开发过程进行构建。 ...

原创 document对象常用的属性和方法

一、对象的属性1.document.title //设置文档的标题（HTML的title标签）2.document.bgColor //设置背景页面的颜色3.document.fgColor //设置前景色（文本颜色）4.documen.URL //设置URL属性在同一个窗口打开其他页面5.document.linkColor //未点击过的链接颜色6....