- 博客(7)
- 收藏
- 关注
原创 element-ui级联选择器Cascader父子节点不关联的情况下禁选子节点
需求描述 父子节点不关联时,当选中父节点后子节点不可被勾选,呈现“disabled”状态; 需求分析 查看级联选择器Cascader组件的API发现有该属性(“disabled”),经过测试该属性在动态加载时用来设置当前项不可选,并不能满足本次项目的需求。 需求实现过程 经过反复测试发现当给对应节点数据设置“disabled”属性后DOM节点会发生变化,如下图: 思路是找到设置该属性的节点并动态为其添加对应的类名及属性; 当父节点选中后且子面板展示时,对应的DOM节点会出现如下变化: 此时对应的父节点会
2021-05-10 16:40:33
4546
6
原创 webpack配置+手动搭建react环境
webpack webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。 一、安装 1、全局安装 npm i webpack -g npm i webpack-cli -g 查看全局的webpack版本 webpack --version 2、局部安装 在创建好的空文件夹中,先初始化 npm init -y 再开始安装 npm i webpack -D npm i webpack-cli -D 以上安装成功完成后会出现下面图片所示的文件: 查看项
2020-05-23 16:54:46
344
原创 Vue实现星级评价
1、本文五角星采用的阿里巴巴矢量图标库; 2、数据内容可根据实际需求进行改动; 3、主要实现了鼠标滑动改变样式,鼠标离开样式消失,鼠标点击对应的五角星样式被改变及完成评价; 4、本文章只是简单的实现了功能,仅做参考! <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> &l...
2020-04-25 19:11:30
542
原创 JS中函数的一种高级应用——闭包
闭包 1、闭包的概念 利用函数的嵌套,实现将第一层函数中的局部变量,可以在第一层函数外部修改的过程;也是JavaScript中函数的一种高级应用方式。 2、形成环境 ①函数的嵌套; ②内部函数使用外部函数的变量; ③将内部函数返回,在外部函数的外部,接收返回值,执行(相当于执行了内部函数)。 3、闭包的特点 ①作用域空间不销毁; ②可以通过闭包语法,从外部访问函数内部的变量; ③保护私有变量。 4...
2020-03-21 22:06:54
167
原创 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
251
原创 原生JS数组的排序
1、Sort排序 功能:对数组中的元素进行排序,默认是升序。 在排序前,会先调用数组的toString方法,将每个元素都转成字符后,再进行排序,此时会按照字符串的排序方式排序(逐位比较,得到结果停止)。 如果需要按照数值排序,需要传参。sort(callback),callback为回调函数,该函数应该具有两个参数,比较这两个参数,然后返回一个用于说明这两个值的相对顺序的数字(a-b)。其返回...
2020-02-21 18:53:46
486
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅