- 博客(14)
- 收藏
- 关注
RSS订阅
原创 react中redux的初理解【React Components组件—Store数据仓库—Reducers数据处理-Action Creators的关系】
1.store的创建—store仓库的数据获取在src文件下创建store文件夹，然后新建index.js，然后引入第三方模块redux，然后运用createStore()方法创建一个store，这样我们就创建了一个公共的数据仓库。我们把新建的reducer引入进来，这时候store数据仓库中的数据也就被引入进来了。同时在src下创建reducer.js，reducer负责管里整个项目应用中的数据格式及数据处理。这里的reducer会返回一个函数，函数中会接收两个值：state和action，其.
2020-08-28 11:32:54
572
原创 elementUI table组件-表格嵌套拖拽
表格嵌套拖拽elementui+vue+sortable.js实现表格嵌套拖拽1.sortable.js2.贴代码：html部分注：为了获取每个表格dom，所以需要给表格id，但是嵌套的表格是根据数据随机渲染出来的，所以要拼接动态id，便于获取3. 方法调用4.定义方法（1）外表格-拖拽方法（2）内表格-拖拽（3）外表格-展开-监听事件：获取内表格数据ps:/*行拖拽-外表格*/rowDropOut(){...
2020-08-21 16:50:37
2625
10
原创 vue中v-html渲染的html字符串中绑定事件
最近的项目中，使用得vue作为基础框架。有这样一个需求，后台返回的数据是带有方法的html文本，那么需要通过v-html去渲染出来，并且html的标签上带有绑定事件，事件需要可点击。那么，这里利用JavaScript事件捕获，通过给使用v-html的标记绑定click事件，捕获到点击的标记。从而实现vue动态绑定dom元素事件的效果；后台返回的模拟数据：vue模板写法 vue模板写法 js方法 ...
2020-08-04 16:03:47
2942
原创 uniapp tab切换【可滚动视图】
根据不同主题，进行tab切换，顶部为可滑动视图，下面为展示区域情景一：tab主题与展示区域一一对应html:js-data:js-methodf方法情景二：每点击切换一次tab，请求一次数据，只有一个展示区域，改变展示内容在情景2一的情况下改动，将展示区域一一对应的关系，变成一个展示区域，则不需要循环swiper-item,另外currentTab不需要作用...
2019-12-12 14:43:59
8316
原创 vue+elementui穿梭框+上下移动功能
elementUI组件样式：需要的样式：增加上移、下移功能下面就看一下的我实现方法（希望大家有更好的方法）1.首先在底部内容区增加需要的功能按钮，如：上移，下移，确定，取消【这里是为了数据操作之后，确定之后再进行相爱一步操作】，还有就是右侧列表元素被用户选中 / 取消选中时触发的监听事件【right-check-change】2.数据roleData【所有角色】，...
2019-10-31 20:34:57
11089
17
原创 阿里云域名解析二级域名，通过.htaccess文件指向到对应的二级目录
亲身试验出来的结果，可供大家参考：例如：我的主域名是www.aabb.com（对应的是我公司官网页面），我需要解析一个新的二级域名join.aabb.com(用作添加公司招聘宣传页面所用)一、先登录阿里云账户，到主域页面，然后选择你所需要解析的主域名，点击“解析”进入下一个页面：二、进入域名解析页面，进行二级域名解析 。点击添加记录，跳出以下模态框，进行添加选择，并确定完成；...
2018-07-27 15:20:26
8245
原创 react 组件的生命周期函数及使用场景
生命周期函数，是指在某一个时刻组件会自动调用执行的函数组件的生命周期可分成三个状态：Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOMInitialization-初始化 Mounting-组件第一次被挂载到页面的流程【注：挂载时刻-组件第一次被放到页面上的时候】1.componentWillUnmount()在组件即将被挂载到页面的时刻自动执行2.componentDidMount()组件被挂载到页面之后，自.
2020-08-28 11:34:01
597
原创 监听表单Input框的输入值value，自动计算填充赋值到另一个input框（几个input框自动合计）
例如：计算工资组成（总薪资框readonly，随其他薪资组成框的value输入值改变而改变）HTML代码：略过~根据自己布局情况而定！！！！重点：给你需要监听的input框绑定onkeyup事件（onkeyup 事件会在键盘按键被松开时发生。）在onkeyup事件中，绑定你的方法（这里是合计）JS：监听input框的值，进行合计重点：针对浮点数精度丢失，这里要处理...
2019-08-02 14:40:43
9480
1
原创 如何在layui.table的头部工具栏中，添加搜索框？以及在完成一次搜索后失效的解决方法
一、页面效果二、添加table表头工具栏的搜索框<!-- 表格头工具栏-劳动合同-搜索 --><script type="text/html" id="toolbar01"> <input class="text" style="height:30px;width:157px;" name="" id="" ...
2019-07-05 14:56:34
9100
6
原创 laydate日期控件，设置结束时间不能早于开始时间
一、HTML代码：<div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">开始时间：</label> <div class="layui-inpu...
2019-07-05 12:05:23
3843
原创 vue.js自学随笔（初始理解+常用指令）
Vue算是近两年最火的框架之一了，从学习了解的过程中，我们不难发现Vue.js是一款轻量级的以数据驱动的前端JS框架，它和jQuery的不同点就在于jQuery是通过操作DOM来改变页面的显示，而Vue则是通过操作数据才实现页面的更新与展示。下面这个图就是方便大家对于Vue数据驱动的概念理解：（数据模型）Vue.js主要负责的是上图中绿色方块区域 ViewModel的部分，它在View...
2018-11-24 16:00:43
175
原创 flex弹性布局
一、什么是flex弹性布局？Flex是Flexible Box的缩写，意为“弹性布局”。弹性布局提供了一种更加有效的方式来对一个容器里的内容进行排列、对齐、布局、分配空间等操作。采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。二 、flex容器的属性flex...
2018-07-17 16:28:08
746
1
原创 盒子模型
一、盒子模型的5个基本元素：宽、高、边框、内边距、外边距1. 盒子模型的基本元素： margin 外边距 围绕在元素边框border的红棕色区域是外边距。设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就 是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。margin 属性接受...
2018-07-13 14:44:01
472
原创 html代码，通过识别pc端和移动端，跳转到不同的页面
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--引入需要的插件放置自己的样式等--></head><bod
2018-07-12 16:38:22
15960
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人