9 No Silver Bullet

尚未进行身份认证

No Silver Bullet.

等级
TA的排名 53

React进阶(一):学习资料汇总

React官网(英文基础薄弱的同学,可以去中文网站,不过翻译实在不敢恭维)https://reactjs.org/慕课网免费学习地址(建议按照初级、中级、高级的顺序观看,当然还有其他缴费实战项目,大家各取所需,能薅点羊毛就薅点):https://www.imooc.com/course/list?c=reactjs...

2020-04-01 14:09:33

Git进阶(七): 打标签

同其他版本控制系统(VCS)一样,Git 可以给仓库历史中的某一个提交打上标签,以示重要。比较有代表性的是人们会使用这个功能来标记发布结点( v1.0 、 v2.0 等等)。 在本节中,你将会学习如何列出已有的标签、如何创建和删除新的标签、以及不同类型的标签分别是什么。列出标签在 Git 中列出已有的标签非常简单,只需要输入 git tag (可带上可选的 -l 选项 --list):$ ...

2020-03-31 19:54:35

React进阶(九):React-Redux

实际项目中,需要权衡是直接使用Redux还是用React-Redux。React-Redux 将所有组件分成两大类:UI 组件(presentational component)和容器组件(container component)UI组件只负责 UI 的呈现,不带有任何业务逻辑;没有状态(即不使用this.state这个变量);所有数据都由参数(this.props)提供;...

2020-03-28 17:46:00

Vue进阶(幺零四):element中使用$notify在提示信息中换行问题

在项目开发过程中,遇到如下用户体验提升需求:需要实现错误提示时根据后台返回错误列表信息,换行展示。实现方式如下:通过F12元素查看,在对应的样式中加入white-space:pre-wrap,该样式的主要作用是识别字符串中的换行符"\n",故需要在待展示的信息字符串中加入相应的换行标识符。在$notify消息提示中,作用于el-notification:.el-notification {w...

2020-03-28 17:05:50

React进阶(八):state属性

在《React进阶(六):props属性》博文中,主要讲解了props的应用场景及应用示例。本篇博文主要梳理state属性的应用场景及应用实例。React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。...

2020-03-28 13:57:45

网站开发进阶(五十六)JS+CSS3实现罗盘样式钟表

主要用到原生态的 JS+CSS3实现罗盘样式钟表,主要可用于自定义网站玩耍,代码示例如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...

2020-03-28 12:35:22

React进阶(七):props属性

如果需要在组件之间进行传值,那么props属性就起到了这个作用,在React中props和state是两个非常重要的属性。state 和 props 主要的区别在于 props 是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。Note:属性是用于设置默认值,不改变的值使用props...

2020-03-28 12:26:00

React进阶(六):组件生命周期

在组件的整个生命周期中,随着该组件的props或者state发生改变,其DOM表现也会有相应的变化。一个组件就是一个状态机,对于特定地输入,它总返回一致的输出。一个React组件的生命周期分为三个部分:实例化、存在期和销毁时。React应用中,组件加载顺序及生命周期如下图所示:constructor( )constructor是ES6对类的默认方法,通过 new 命令生成对象实例时自动...

2020-03-27 14:36:17

React进阶(五):导航守卫

在《React进阶(三):路由介绍》博文中,介绍了React路由相关知识,在实际项目开发过程中,路由之间的跳转必定涉及权限、用户是否登陆等限定条件的判定,故需要导航守卫来完成这一事项。...

2020-03-24 18:43:12

React进阶(四):路由介绍

在React SPA项目开发过程中,路由跳转必不可少。本篇博文主要介绍下React中路由相关知识。

2020-03-24 18:40:17

React进阶(三):React项目文件结构介绍

在《React进阶(一):构建第一个React应用》博文中,介绍了React开发环境搭建及建立第一个React应用。本篇博文继续探讨React项目中合理的文件结构。

2020-03-24 18:37:08

React进阶(二):构建第一个React应用

写在前面的话:事务不多或者不紧急,故空闲时间用来充电,鉴于之前自己一直在做Vue开发,现在此基础上接触学习React。大致的学习思路参照Vue学习路线,边学习边总结边实践,形成学习闭环。万事皆有法则,第一次应用React,首先需要环境搭建:Node.js(用于执行js)、npm(包管理器)。具体安装方法请参考博文《Vue进阶(一):Vue学习资料汇总》中有关环境搭建部分。安装creat...

2020-03-24 11:22:03

Vue进阶(幺零三):Markdown基本语法

Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器优点:因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即...

2020-03-19 14:07:19

Vue进阶(幺零二):面试必备:2020 Vue经典面试题整理(含答案)

组件之间的数据传递ES6 Promise 用法自定义组件VUE输入框事件监听blur与change的差异Vuex之理解Mutations与 Vuex 的第一次接触【ES6】var、let、const三者的区别vue中created、mounted等方法整理vue store存储commit 和dispatchvue项目结构启动原理详解Vue项目中的单元测试和E2E测试Es6...

2020-03-17 16:04:10

Java进阶(二十四)Java List集合add与set方法原理简介

JavaList集合add与set方法原理简介add方法add方法用于向集合列表中添加对象。语法1用于在列表的尾部插入指定元素。如果List集合对象由于调用add方法而发生更改,则返回true;否则返回false。add(Ee)e:要添加到列表中的元素。实例public static void main(String[] args) { List list=

2016-03-19 14:57:23

Vue进阶(幺零幺):npm install -g 和npm install --save-dev的关系

1.npm install本地安装将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行npm 命令的目录下生成 node_modules 目录。可以通过 require() 来引入本地安装的包。2.npm install -g全局安装将安装包放在 /usr/local 下或者你 node 的安装目录...

2020-03-14 16:27:49

Vue进阶(百):vue刷新当前页面,重载页面数据

前言在开发Vue项目过程中,遇到页面样式混乱情形。后发现可通过刷新页面解决该问题,经过问题探究,发现使用最简单的页面刷新方法location.reload()或this.$router.go(0)均会导致页面刷新过程中出现空白现象的发生,用户体验不佳,故继续探究解决方法。以下博文引自《vue刷新当前页面,重载页面数据》,特此感谢。业务场景在管理后台,在执行完,增,删,改,操作的时候。我们需要...

2020-03-02 11:27:27

Vue进阶(九十九):vue中页面跳转显示顶部

应用场景在做vue项目时,发现路由跳转之后,页面默认停留在当前浏览的位置,但是很多时候我们想要的是路由跳转之后,页面重新定位到顶部,下面介绍一下可以实现的方法。方式一在main.js 中添加代码:router.afterEach((to, from, next) => { window.scrollTo(0, 0)})方式二如果需要某个页面跳转回顶部,仅需要在当前页面(p...

2020-02-29 14:55:02

Vue进阶(九十八):Vue.set()和this.$set()介绍

场景有时候我们会看到如下代码:在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给对象赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性。data () { return { student: {...

2020-02-29 14:05:32

Git进阶(六):git 刷新分支、修改本地和远程分支名称

刷新分支git remote update origin --prune查看所有分支git branch -a查看远程分支git branch -r查看本地分支所关联的远程分支git branch -vv修改本地分支名称git branch -m old_branch new_branch删除远程旧分支git push origin :old_branch将新分...

2020-02-28 16:48:06

查看更多

CSDN身份
  • 博客专家
勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv1
    阅读者勋章Lv1
    授予在CSDN APP累计阅读博文达到3天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享宗师
    分享宗师
    成功上传21个资源即可获取