shunzizhan

简单的 ul li 树形菜单在实际开发中，我们经常遇到树形菜单，闲暇之余，特此简单研究了一下，欢迎吐槽！前言 所谓的树形菜单，无非就是 ul li的嵌套使用，如果有两级目录，就需要在li里再嵌套一层ul li，以此类推。本例效果： 1.点击的li如果是叶子节点，则该节点变为红色字体； 2.点击的不是叶子节点，则展示子节点，再次点击，则影藏子节点。代码块html代码，例如：

目前table的现状 目前ant design中使用的StandardTable，其实已经是基于Table 做了一个封装，并且涉及到对Table 中的选中的某列数据项进行累加求和。 实际需求 但是，在实际项目中，我们可能遇到这样的需求，我们不仅需要对某一列累加求和，我们可能还需要对多表头的某几项进行累加求和。 原始组件对于该业务的局限性只支持单表...

前天，一个同事像我咨询一个问题： “hi, shunzi,你弄过vux中的那种range没有，但是比那个要复杂一点，需要支持左右两边滑，取中间的区间值？” “没有呢” “啊，我们有这样一个需求，需要支持左右滑动，取区间，我改vux的range改得有bug哇，你能不能帮我看看，或者封装一个” “给你个眼神自己体会，刚好我现在不是很忙，可以看看” “好的，麻烦你了，...

版本升级submit->master路由 可改造成路由的部分，基本就是顶部导航。第一个版本，a/b/c使用的是ant 的tabs，但是感觉这里可以修改成router，因此，本周就进行了这个改造调整目录为了改造，我们首先调整一下目录结构 -src   |-components //存放组件   |-pages ...

背景在列表里，选中某几条数据，然后弹窗，查询这几条数据相关的信息，并且在弹窗中，涉及数据的查询等操作。此处，弹窗是封装的一个子组件，我将选中项的id作为一个属性，传递给子组件 问题第一次，点击的时候，在子组件的componentDidMount中正常获取到了ids数组；关闭子组件后，选随便选择几条数据，点击按钮，弹出弹窗，发现并不进入componentDidMount【问题一...

在列表页中，需要查看某条数据的详情，点击查看，然后进入详情页，详情页获取参数，并根据参数请求接口数据。路由配置 '/equipment/list': { component: dynamicWrapper(app, ['equip'], () => import('../page/Equipment/List')), }, '/equ...

生命周期装载过程 Mount 组件第一次在dom树中渲染的过程constructor 无状态的组件，则不需要定义构造函数，一个组件需要构造函数，往往是以下的目的： - 初始化state - 绑定函数的this环境this.foo = ::this.foo# 等价this.foo = this.foo.bind(this)get...

环境配置# 安装脚手架npm install -g create-react-app# 新建一个项目create-react-app first_react_app# 启动项目npm startexport与export defaultexport与export default均可用于导出常量、函数、文件、模块等你可以在其它文件或模块中通过import+(...

@[mock.js|easy mock|rap2|api|前后台分离|模拟数据]背景    在实际的项目研发过程中，我们经常会遇到如下的尴尬场景： 前端开发依赖于后端接口数据，但是后台人员不足或者无法立即到位，前端迟迟不能开工，或者前端小伙子自己参照ui设计图，完成对应的静态页面（没有数据交互），待后台人员到位，再进行二次开发，协助完成接口对...

1.图片压缩// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！ resize:false2.兼容// 选择文件的按钮。可选。// 内部根据当前运行是创建，可能是input元素，也可能是flash. pick:'#picker'3.图片过滤// 只允许选择图片文件。accept:{title:'Images',extensions:

类似幻灯片播放图片的小插件最近在工作中频繁与图片轮播打交道，但是基本都是使用swiper插件完成的，今天有时间，自学之余，稍作研究！前言准备两个文件夹，分别存放缩略图和原始图（这里用的thumbnails photo），当然，如果不介意图片是否清晰，一个文件夹就行了。基本需求先看效果图基

常用函数trim 修正字符串each 对属性和集合进行迭代grep 对数组进行筛选map 对数组进行转换inArray 传入的数值在数组中第一次出现的索引unique 将数组中的元素新构成一个数组 剔除重复的extend 扩展对象的属性对数组进行筛选$.grep(arr,callback,invert) arr:被

1 show()方法和hide()方法$("selector").show()  从display:none还原元素默认或已设置的display属性$("selector").hide()  设置元素的display样式为none，等于$("selector").css("display","none")（注： 传入参数后，.show()和.hide()方法同时动画改变

不论是实际项目中，还是面试，经常被面试官问到，css垂直居中有那些方法？今天特意整理一下，亲测有效通过verticle-align:middle实现CSS垂直居中通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。 .S1{ backgro...