自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

조국화

Like a sunrise, getting better and better!

  • 博客(7)
  • 收藏
  • 关注

原创 element-ui级联选择器Cascader父子节点不关联的情况下禁选子节点

需求描述父子节点不关联时,当选中父节点后子节点不可被勾选,呈现“disabled”状态;需求分析查看级联选择器Cascader组件的API发现有该属性(“disabled”),经过测试该属性在动态加载时用来设置当前项不可选,并不能满足本次项目的需求。需求实现过程经过反复测试发现当给对应节点数据设置“disabled”属性后DOM节点会发生变化,如下图:思路是找到设置该属性的节点并动态为其添加对应的类名及属性;当父节点选中后且子面板展示时,对应的DOM节点会出现如下变化:此时对应的父节点会

2021-05-10 16:40:33 4261 6

原创 webpack配置+手动搭建react环境

webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。一、安装1、全局安装npm i webpack -gnpm i webpack-cli -g查看全局的webpack版本webpack --version2、局部安装在创建好的空文件夹中,先初始化npm init -y再开始安装npm i webpack -Dnpm i webpack-cli -D以上安装成功完成后会出现下面图片所示的文件:查看项

2020-05-23 16:54:46 300

原创 Vue实现星级评价

1、本文五角星采用的阿里巴巴矢量图标库;2、数据内容可根据实际需求进行改动;3、主要实现了鼠标滑动改变样式,鼠标离开样式消失,鼠标点击对应的五角星样式被改变及完成评价;4、本文章只是简单的实现了功能,仅做参考!<!doctype html><html lang="en"><head> <meta charset="UTF-8"> &l...

2020-04-25 19:11:30 482

原创 Vue实现二级导航

<!doctype html> 二级菜单(vue)

2020-04-21 22:34:19 1133

原创 JS中函数的一种高级应用——闭包

闭包1、闭包的概念利用函数的嵌套,实现将第一层函数中的局部变量,可以在第一层函数外部修改的过程;也是JavaScript中函数的一种高级应用方式。2、形成环境①函数的嵌套;②内部函数使用外部函数的变量;③将内部函数返回,在外部函数的外部,接收返回值,执行(相当于执行了内部函数)。3、闭包的特点①作用域空间不销毁;②可以通过闭包语法,从外部访问函数内部的变量;③保护私有变量。4...

2020-03-21 22:06:54 128

原创 JS面向对象实例—放大镜

实例——放大镜1、分析:1.选择元素;2.绑定事件;3.进入;显示元素。4.移动;遮罩层跟随鼠标移动的同时计算遮罩层的移动比例;右侧大图,等比例移动;5.离开;隐藏元素。2、HTML布局3、CSS样式可根据实际情况做调整,以下仅供参考!①main部分②s-box部分③b-box部分④list部分4、JS行为①创建class类,并获取元素。②添加事...

2020-03-08 21:36:22 188

原创 原生JS数组的排序

1、Sort排序功能:对数组中的元素进行排序,默认是升序。在排序前,会先调用数组的toString方法,将每个元素都转成字符后,再进行排序,此时会按照字符串的排序方式排序(逐位比较,得到结果停止)。如果需要按照数值排序,需要传参。sort(callback),callback为回调函数,该函数应该具有两个参数,比较这两个参数,然后返回一个用于说明这两个值的相对顺序的数字(a-b)。其返回...

2020-02-21 18:53:46 424

空空如也

空空如也

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

TA关注的人

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