我是你要找的bug-CSDN博客

原创切图常用样式

1、 vertical-align: middle; 把此元素位置放在父元素中部2、元素前加一个块级元素：.class::befoer{ content:""; display: inline-block; width:10px; height:10px; }3、旋转、过渡： -webkit-transform: translateX(-50%) scale(0); -moz-transform: translateX(-50%) scale(0)

2021-05-21 10:55:24 233

原创留言板提交

留言板提交$(function () { $('#btn').on('click', function () { var kcontent = $('#content').val(); var kuser = $('#userName').val(); var kphone = $('#userPhone').val(); // var kadd = $('.useradd').val(); var kcode = $

2021-05-21 10:07:01 264

原创 vue-element-admin安装步骤

1、下载 https://github.com/PanJiaChen/vue-element-admin.git2、打开项目文件cdm安装：npm install -g cnpm --registry=https://registry.npm.taobao.org3、cnpm install4、npm run dev

2020-11-04 16:14:52 713

原创 vue路由的两种状态

vue路由的两种状态1、默认的是hash模式，表现形式（www.abc.com/#/list）；即在url中有个#这个#前面是域名，#后面是位置；当页面变化的时候改变#后面的值，切换页面的位置，达到url不改变，页面不刷新，即单页面应用。这个可以用a标签的锚点来解释：<a href="#one">one</a><div id="one">one</div>当点击a标签的时候页面会跳到div id=one所在的位置当改变#后面的内容的时候浏览

2020-10-30 14:59:39 454

原创 jquery中 .get()提交和.post()提交的区别

相同点:都是异步请求的方式来获取服务端的数据异同点:请求方式不同: .get()方法使用GET方法来进行异步请求的,.post()方法使用POST方法来进行异步请求的.参数传递方式不同:get请求会将参数跟在URL后进行传递,而post请求则是作为HTTP消息的实体内容发送给Web服务器的,这种传递是对用户不可见的.数据传输大小不同:get方式传输的数据大小不能超过2KB 而POST要大的多安全问题:GET方式请求的数据会被浏览器缓存起来,因此有安全问题....

2020-09-23 10:46:02 244

原创子级向父级传递（自定义事件）

props用于父组件向子组件传递数据，子组件向父组件传递需要使用自定义事件来完成什么时候需要自定义事件呢？当子组件需要向父组件传递数据时，就要用到自定义事件我们之前学的v-on不仅仅可以用于监听DOM事件，也可以用于组件之间的自定义事件自定义事件的流程：在子组件中，通过$emit()来触发事件在父组件中，通过v-on来监听子组件事件<!DOCTYPE html><html> <head> <meta charset="utf-8">.

2020-09-09 18:22:56 556

原创父组件向子组件传值props

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn v-bind:cmovies="movies" :cmessage="message"></cpn> </div>

2020-09-09 17:18:47 143

原创 Vue父组件和子组件

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn2></cpn2>  </div&

2020-09-09 12:19:18 120

原创 Vue全局组件和局部组件

注册组件分为：全局组件和局部组件全局组件意味着可以在多个Vue的实例下面使用全局组件：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <my-cpn></my-cpn> <my-cpn&g

2020-09-09 11:53:50 115

原创什么是组件化以及注册组件的基本步骤

人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力是有限的，所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆内容，但是，我们有一种天生的能力，就是将问题进行拆解，如果将一个复杂问题拆分成多个可以处理的小问题，再将其放在整体中，就会发现大的问题迎刃而解。组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全都放在一起，处理起来就会特别的复杂，而且不利于后续的管理以及扩展。但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和

2020-09-08 17:18:43 312

原创 v-model的实现原理

v-model原理：v-model是个语法糖包含两个操作：v-bind绑定一个value属性v-on指令给当前元素绑定input事件<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="app"><input ty.

2020-09-07 13:44:34 1227

原创为什么使用v-for时，给对应的元素或组件添加上一个key属性？

为什么需要这个key属性呢？这个其实和Vue的虚拟DOM的Diff算法有关系当某一层有很多相同的节点时，也就是列表节点时，我们希望插入一个新的节点我们希望可以在B 和 C之间加一个F，Diff算法默认执行起来是这样的：即把C更新成F，D更新成C，E更新成D，最后再插入E，这样是不是很没有效率？所以我们需要使用key来给每一个节点做一个唯一标识Diff算法就可以正确的识别此节点找到正确的位置区插入新的节点所以：key的作用主要是为了高效的更新虚拟DOM代码举例：<!DOC

2020-09-02 14:54:37 267

原创块级作用域---let、var的区别

ES5之前因为if和for都没有块级作用域的概念,所以在很多时候,我们都必须借助于function的作用域来解决应用外面变量的问题(ES5中的var没有块级作用域)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button>按钮1

2020-08-31 17:41:58 144

原创 ES6

https://es6.ruanyifeng.com/#docs/let

2020-08-04 11:30:31 103

原创 Vue+Element 实现根据题型显示不同答案类型

选择不同的题型显示不同的答案类型

2020-07-17 10:58:41 972

原创 Vue+Element环境搭建与安装

1、安装node，确保安装4.0版本以上。2、创建一个项目文件夹demo3、打开项目文件夹安装Vue-cli输入：cnpm install -g vue-cli 回车，等待安装。。。输入：vue 查看vue相关信息4、初始化项目vue init webpack last_demo 然后等一下就会出现相关的信息，再自己去选择安装的一些设置安装完的时候，你的文件夹就是这样了：如果你的文件夹中没有node_modules的文件，那么你就要在命令行中打开你的项目并输入：npm install

2020-07-01 14:32:53 241

原创 vue父子组件之间的传值

1、父组件向子组件传值可以给子组件传入一个静态的值：<blog-post title='My journey with Vue'></blog-post>一般需要传动态的值，需要v-bind绑定：//动态赋予一个变量的值<blog-post v-bind:title="post.title"></blog-post>//动态赋予一个复杂表达式的值<blog-post v-bind:title="post.title + 'by' + po

2020-06-30 14:00:19 159

原创 ajax、axios的区别

1、jQuery ajax$.ajax({ type:'POST', url:url, data:data, dataType:dataType, success:function(){}, error:function(){}});优缺点：本身是针对MVC的编程，不符合现在前端的MVVM的浪潮基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案JQuery整个项目太大，单纯使用ajax却要引入整个JQuery非常的不合理（采取个性化

2020-06-24 15:18:15 140

原创 element组件之table表尾指定列求和总计

对element组件的表格进行指定列总计计算：element官网中的表尾合计是只要是有数字的列都会进行合计，而有时开发项目中只需要显示某一列（某几列）的合计结果。将show-summary设置为true就会在表尾展示合计行。默认情况下，对于合计行，第一列不进行数据求和操作，而是显示合计二字，其余列会将本列所有的数值进行求和操作并显示。列求和： show-summary :summary-method=" getSummaries"在methods里写：这样出来的结果是只要有数字的列都会进行

2020-06-24 14:01:33 4316 4

原创 jQuery之常用方法总结

文章目录1、JQ中常用的操作DOM方法2、除了操作DOM，JQ中还提供了其他有助于项目开发的方法1、JQ中常用的操作DOM方法//1.获取DOM元素//操作方法：JQ选择器（根据选择器类型快速获取需要的元素)$([selector],[content]) $("#box") $(".imgBox") $(".box a") $("a",box) ... :eq(n) 获取集合中索引为n的：gt(n) 大于这个索引的：lt(n) 小于这个索引的

2020-05-29 15:31:07 187

原创 jQuery中的attr和prop

文章目录1、代码2、在控制台的显示3、总结1、代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-3.1.1.min.js" ></script> </head> <b

2020-05-29 14:06:08 159

原创 Git教程（陆续补充）

文章目录一、Git是什么？二、操作一、Git是什么？Git是分布式版本控制系统，是没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不需要联网了，因为版本都是在自己的电脑上，既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上改了文件A，这时，你们两之间只需要把各自的修改推送给对方，就可以互相看到对方的修改了。二、操作创建版本库：（仓库）简单理解为一个目录，这个目录里面的所有文件都可以被Git管理起来，每个文件夹的修改，删除，

2020-05-21 17:56:43 239

原创 flex的几个常用布局

常用的几个样式布局效果如下：代码如下：<style> .demo{ width:258px; height:300px; dispaly:flex; flex-wrap:wrap;}</style>

2020-05-21 17:28:13 234

原创常见web安全及防护原理

sql注入原理就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。总的来说有以下几点：永远不要信任用户的输入，要对用户的输入进行校验，可以通过正则表达式或限制长度，对单引号和双"-"进行转换等。永远不要使用动态拼装SQL，可以使用参数化的SQL或者直接使用存储过程进行数据查询存取。永远不要使用管理员权限的数据库连接，为每个应用使用单独的权限有限的数据库连接。不要把机密信息明文存放，请加密或者hash掉密码和敏感的信息。XSS原理

2020-05-08 18:40:26 195

原创如何解决跨域问题

JSONP：原理是：动态插入script标签，通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参数中指定的函数，并且会把我们需要的json数据作为参数传入。由于同源策略的限制，XmlHttpRequest只允许请求当前源（域名、协议、端口）的资源，为了实现跨域请求，可以通过script标签实现跨域请求，然后在服务端输出JSON数据并执行回调函数，从而解决了跨域的数据请求。优点：兼容性好，简单易用，支持浏览器与服务器双向通信。缺点是只支持GET请求。CORS：服务器端对

2020-05-08 18:13:10 124

空空如也

空空如也