- 博客(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
原创 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关注的人