51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

聊聊在Vue开发中操作cookie的一些应用

聊聊在Vue开发中操作cookie的一些应用

厉飞雨 阅读(3) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 在Vue项目开发中,操作cookie经常会应用到,今天我们学下基本操作:设置cookie、删除cookie、获取cookie。 1、设置cookie: ----------- cookie.set (key, value, attributes) 比如cookie.set('userId', 'ja...

Sortablejs:在Vue项目中如何结合Sortablejs实现table行排序功能

Sortablejs:在Vue项目中如何结合Sortablejs实现table行排序功能

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 分享一个插件Sortablejs,它在Vue项目中可以结合Sortablejs实现table行排序功能,我们可以一起了解下吧! 介绍 --- Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,可是功能很强大) 官方Demo:http://rubaxa.github.io/Sortable/ 场景 {...

如何使用 CSS3 盒子阴影复制元素?

如何使用 CSS3 盒子阴影复制元素?

厉飞雨 阅读(4) 评论(0) 赞(0)

今天我们分享内容:如何使用 CSS3 盒子阴影复制元素?其实这个问题不难,只要你掌握了CSS3的阴影功能,还是比较得心应手的,我们一起先看个DEMO。 ``` <!DOCTYPE html>     <html>     <head>     <meta charset="UTF-8" />     ...

Vue每日一学:了解下MVVM模型与data及methods属性

Vue每日一学:了解下MVVM模型与data及methods属性

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 早安,又是居家办公的一天,今天我们聊聊一个Vue基础知识:了解下MVVM模型与data及methods属性。 MVVM模型 {#heading-0} ------------------- MVC和MVVM都是一种软件的体系结构 * MVC是Model -- View --Controller的简称,是在前期被使用非常框架...

React项目:如何优雅使用Redux中的react-redux

React项目:如何优雅使用Redux中的react-redux

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/react.jpg) `redux`是用于数据状态管理,而`react`是一个视图层面的库。 如果将两者连接在一起,可以使用官方推荐`react-redux`库,其具有高效且灵活的特性。 `react-redux`将组件分成: * 容器组件:存在逻辑处理 * UI 组件:只负责现显示和交互,内部不处理逻辑,状态由外部控制 通过`redu...

React应用:封装CustomSelect组件思路

React应用:封装CustomSelect组件思路

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/react.jpg) [React](/React/)应用:封装CustomSelect组件思路。 需要封装一个通过Popover弹出框里可以自定义渲染内容的组件,渲染内容暂时有: 单选框, 复选框。在封装组件时我们需要权衡组件的灵活性, 拓展性以及代码的优雅规范,总结分享少许经验。 思路和前提 ----- 由于考虑组件拆分得比较细,层级比...

React应用:聊聊在React介绍获取数据的一些事

React应用:聊聊在React介绍获取数据的一些事

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/react.jpg) 今天分享[React](/React/)的应用:介绍获取数据的一些方法。我们熟悉的有三种方法:使用生命周期方法请求数据,使用 Hooks 获取数据以及使用 suspense 获取数据。接下来时间,我们一起了解下他们的应用以及有什么优缺点吧。 使用生命周期方法请求数据 ------------ 应用程序`Employees...

React每日一学:熟悉下组件间通信的一些常用方法

React每日一学:熟悉下组件间通信的一些常用方法

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/react.jpg) [React](/React/)每日一学:熟悉下组件间通信的一些常用方法。小编主要分享三种方法:父子组件通信、跨级组件通信,兄弟(无嵌套)组件通信。接下来一起学下吧! 父子组件通信 {#heading-0} ------------------- 原理:父组件通过props(与vue中的props区分开)向子组件通信,子...

React开发TIPS:在React-hooks中如何使用useEffect

React开发TIPS:在React-hooks中如何使用useEffect

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/react.jpg) 今天分享下关于[React](/React/)开发的小应用:在React-hooks中如何使用useEffect。在开始分享之前,我们需要了解下几个基本定义,比如函数副作用等等。开始吧,GO! 理解函数副作用 {#heading-0} -------------------- {#_lab2_0_0} ### 什么是副...