自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 data-自定义属性取值失败的问题

data-属性获取值注意事项

2022-07-25 17:01:28 612 1

原创 使用text类型的文本输入框模拟password类型的密码输入框

项目开发中要求不能使用password类型的密码输入框该怎么做?最近有个项目,在做登录模块时,要求不让使用password类型的密码输入框,是为了防止报安全问题,因为password类型的密码输入框,容易被浏览器记住密码,很不安全。我在网上找了几种方法,效果也都不尽人意,那么在密码输入这一块,大家都是怎么做的呢?在网上找了好几种方法,效果也都不尽人意...1.动态切换type类型(会报安全问题)初始时将输入框type类型设置为text,当文本框聚焦时,将type类型改为password,失去

2022-02-24 11:38:58 3737 4

原创 在React中使用bind处理事件总结

React中为什么要使用bind?函数传参比如在一个组件中,有一个点击事件,当点击时触发一个方法,onClick={ this.fun },能达到我们的目的,触发了方法,执行了函数里的代码,但是有一个问题,就是如何根据我们的需要得到我们想要的结果呢?这就涉及到传参,在React中不能直接传参,onClick={ this.fun(参数) },这种写法是不对的,应该这样写,onClick={ t...

2020-03-17 22:08:22 717 1

原创 Vue组件通信和React组件通信的方法

Vue组件之间的通信父子通信在vue中,父子通信,就是数据存放在父组件中,然后子组件根据父组件的数据变化来变化,那么就要想办法将父组件的数据传递给子组件。在父组件中使用子组件,然后在子组件标签上通过“ :属性 = ‘属性值’ ”来写一个自定义属性,就可以将父组件的属性传递给子组件,然后在子组件中通过“ props:[’属性‘] ”来接收,然后在子组件标签内就可以直接使用属性了,但是只能使...

2020-03-17 21:21:21 610

转载 如何让Vue的输入框输入完成后发起网络请求

input输入内容时延时请求为了解决当用户输入内容时连续发起网络请求,使用户输入完毕后再发起请求。函数防抖<el-input v-model="selectName" placeholder="请输入姓名查找" size="mini" class="select-styl"></el-input>在用户输入内容的时候,将输入内容selectNa...

2020-03-16 01:01:19 3045

原创 Vue实现动画的几种方式

除了原生的js方法实现动画效果之外,在vue中还有两种常用的动画方法。1.vue内置组件transition通过点击事件控制元素隐藏显示在需要加动画的元素外添加transition标签,并添加一个名字name=“fade”。<transition name="fade"> <div v-if="show"></div></transition...

2020-03-09 23:07:07 1352

原创 ajax、axios和fetch的区别

ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});它依赖的是现有的CSS/HTML/Javascript,其中最核心的依赖是浏览器提供的XMLHttpRequest对象。...

2020-03-05 21:58:16 177

原创 Vue组件通信的方式

Vue.js组件通信方式总结Vue组件之间的通信主要有三种:父-子通信,子-父通信,跨级通信。父子通信<body> <div id='app1'> 这里是实例 {{sum}} <hr> <!-- 在son组件标签上使用 xixi自定义属性 --> <son :xixi='sum'&g...

2020-03-04 23:09:58 187

原创 javascript数组去重的方法

在js中数组去重的方法有很多种,下面是我稍微总结的几种数组去重的方法,如果大家有更好的方法,欢迎下方留言。方法一 向空数组插入元素的方法定义一个空数组,对原数组进行循环遍历,每次遍历查找判断新数组中有没有该元素,如果没有则向新数组中插入该元素。function noRepeat(arr){ var NewArr = []; for(var i = 0; i < arr.length...

2020-03-03 23:39:39 157

原创 Vue的钩子函数

什么是钩子函数?钩子函数是一个函数,是在一个事件触发的时候,在系统级捕获到了它,然后做一些操作。是一段用以处理系统消息的程序。“钩子”就是在某个阶段给你一个做某些处理的机会。Vue中常见的钩子函数有哪些?Vue中最常见的就是一下几种:beforeCreated,created,mounted,computed,watch钩子函数的用法beforeCreate这个阶段的时候,t...

2020-03-03 00:10:52 623

原创 javascript中的this指向

javascript中的this指向问题 关于javascript中遇到的一些this指向问题,我曾经也踩过这里面的坑,很久才爬出来,下面通过几个简单的小案例来彻底搞懂this的指向问题。普通函数var name = "Jane";var obj0 = { name: "john", foo: function() { //普通函数,等待着调用 console.log(this...

2020-02-28 23:54:27 134

原创 使用vue渲染表格隔行变色

使用vue框架,渲染一个表格。要求:1.表格隔行变色。2并能够通过下拉菜单选择颜色

2020-02-23 20:25:37 5291

原创 使用vue语法编写程序打印乘法表

打印99乘法表如何使用vue的语法打印99乘法表?很简单,首先在官网上下载vue.js,打开编辑软件,新建html文件,引入vue.js代码,下面来看主要代码:在vue实例中,定义一个num为9,表示循环的次数,在li标签里使用v-for指令对num进行遍历,做一次外层循环,循环的索引item从1到9,在每次的外层循环时,都嵌套一个内层循环,每次的内层循环的次数为当前外层循环的索引值ite...

2020-02-23 18:40:18 1059

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除