Vue进阶（幺肆拐）：利用Vue中keep-alive快速实现页面缓存
引入场景有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件信息可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。官网解释：<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不...
作者小头像 SHQ5785
17
0
0
2021-02-28 10:54:36
17
0
0
Vue进阶（幺柒肆）：鼠标、键盘事件
在项目开发过程中，需要根据鼠标事件进行相应处理。现予以梳理。鼠标事件如下所示：点击事件：@click //单击@dblclick/ /双击@mousedown //按下@mouseup //抬起@contextmenu // 鼠标右键悬浮事件及触发顺序：@mouseover //划过@mouseenter //进入@mousemove //移动@mouseleave //离开@mouseou...
作者小头像 SHQ5785
69
0
0
2021-02-25 23:21:37
69
0
0
React进阶（三）：React项目文件结构介绍
在《React进阶（二）：构建第一个React应用》博文中，介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。 初次创建React项目，一般选择使用脚手架工具cerate-react-app完成，使用该脚手架工具生成React项目一般存在以下问题： 生成项目后，脚手架为了“优雅”，隐藏了所有的webpack相关的...
作者小头像 SHQ5785
75
0
0
2020-12-30 00:00:54
75
0
0
React进阶（四）：路由介绍
在React SPA项目开发过程中，路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。 在React中，常用的有两个包可以实现这个需求，那就是react-router和react-router-dom。本文主要针对react-router-dom进行说明。 安装 首先进入项目目录，使用npm安装react-router-dom： npm instal...
作者小头像 SHQ5785
32
0
0
2020-12-30 00:18:17
32
0
0
网站开发进阶（五十六）JS+CSS3实现罗盘样式钟表
主要用到原生态的 JS+CSS3实现罗盘样式钟表，主要可用于自定义网站玩耍，代码示例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> html{ background: #000; color: #666; font-size:...
作者小头像 SHQ5785
33
0
0
2020-12-29 23:36:00
33
0
0
Vue进阶（幺零四）：element中使用$notify在提示信息中换行问题
在项目开发过程中，遇到如下用户体验提升需求：需要实现错误提示时根据后台返回错误列表信息，换行展示。 实现方式如下： 通过F12元素查看，在对应的样式中加入white-space:pre-wrap，该样式的主要作用是识别字符串中的换行符"\n"，故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中，作用于el-notification： .el...
作者小头像 SHQ5785
39
0
0
2020-12-30 01:43:46
39
0
0
React进阶（七）：props属性
如果需要在组件之间进行传值，那么props属性就起到了这个作用,在React中props和state是两个非常重要的属性。 state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 Note:属性是用于设置...
作者小头像 SHQ5785
38
0
0
2021-01-01 01:39:32
38
0
0
React进阶（九）：React-Redux
实际项目中，需要权衡是直接使用Redux还是用React-Redux。 React-Redux 将所有组件分成两大类：UI 组件（presentational component）和容器组件（container component） UI组件 只负责 UI 的呈现，不带有任何业务逻辑； 没有状态（即不使用this.state这个变量）； 所有数据都由参数（th...
作者小头像 SHQ5785
27
0
0
2020-12-30 01:13:44
27
0
0
Git进阶（七）： 打标签
同其他版本控制系统（VCS）一样，Git 可以给仓库历史中的某一个提交打上标签，以示重要。 比较有代表性的是人们会使用这个功能来标记发布结点（ v1.0 、 v2.0 等等）。 在本节中，你将会学习如何列出已有的标签、如何创建和删除新的标签、以及不同类型的标签分别是什么。 列出标签 在 Git 中列出已有的标签非常简单，只需要输入 git tag （可带上可选的 ...
作者小头像 SHQ5785
29
0
0
2020-12-29 23:29:27
29
0
0
Vue进阶（幺零六）：子组件处理父组件异步值传递给子组件处理
问题描述 父组件通过Promise等其他异步方式获取异步数据，并传递给子组件，子组件直接显示没有问题，若对数据进行处理，则拿到的数据都是父组件初始值。 原因分析 父组件通过Promise等其他异步方式获取异步数据，在尚未等到数据返回时，子组件 created已经执行完毕，故此时子组件中的数据为父组件上次的数据。 父子组件的生命周期： 一、加载渲染过程 父be...
作者小头像 SHQ5785
76
0
0
2020-12-30 00:07:08
76
0
0
总条数：694 到第 页

上划加载中

个人简介
最新评论