随笔档案「2020年2月」 - GGbondMan

我的一个React路由嵌套（多级路由），路由传参之旅

摘要：在上一篇react路由之旅中，我们简单地配置了react，进行了react路由及相关知识的学习，引入以及实现一个局部跳转的功能，接下来就是深入学习路由的嵌套以及传参，这是工作中主要用要的。我的react已经配置了redux（见我的redux之旅），所以这是在引入的插件里做的演示。从App组件跳转阅读全文

posted @ 2020-02-23 10:48 GGbondMan 阅读(1808) 评论(1) 推荐(0)

vue04----watch、slot、响应式原理、set、vue脚手架（vue-cli）、单页面应用和多页面应用、单页面开发首屏加载过慢，白屏如何缓解

摘要：### watch监听：监听数据的变化 data:{ age:24 }, methods:{ add(){ this.age++; } }, watch:{ age(newValue,oldValue){ console.log("新值",newValue) console.log("旧值",old 阅读全文

posted @ 2020-02-19 22:22 GGbondMan 阅读(227) 评论(0) 推荐(0)

vue03----生命周期、nextTick()、ref、filter、computed、vue中异步请求渲染问题（swiper不轮播）（在开发过程中遇到什么问题、踩过的坑）

摘要：### 1、vue的组件和实例都有生命周期，而且是一样的生命周期：（组件从创建到销毁的过程）创建挂载更新销毁组件到达某一个阶段就会自动触发某一些函数，这个函数就叫生命周期的钩子函数。创建：组件创建的时候触发 beforeCreate created 组件刚创建的数据请求挂载：创建完成阅读全文

posted @ 2020-02-18 22:13 GGbondMan 阅读(368) 评论(0) 推荐(0)

我的一个配置redux（实现一个自增功能）之旅

摘要：前言：今天呢，就配置一下redux，redux的重要性呢，就叭叭叭一大堆，什么也没有带着配置一次来的重要，因为许多涉及到的属性和方法，用法是活的，但格式是需要记忆的。过程中不要嫌我唠叨，有的地方为了便于理解和记忆，反而会绕一下，配置redux的确比较麻烦，用到我们平时不常用的方法，我们不熟悉他阅读全文

posted @ 2020-02-18 01:07 GGbondMan 阅读(445) 评论(0) 推荐(1)

vue02----什么是组件、组件创建、全局组件、局部组件、组件嵌套、组件传值、为什么组件中的data不是一个对象而是一个函数

摘要：### 什么是组件？将代码进行复用组件是实例的拓展子类组件继承自实例，实例有的组件大部分都有，稍有变异 ### 组件创建创建组件模板的2种方式： 1、通过template标签 template:"#tpl" 2、通过字符串模板 template:"<h1>吴启浪</h1>" ### 全局组件阅读全文

posted @ 2020-02-14 17:53 GGbondMan 阅读(267) 评论(0) 推荐(0)

vue01----虚拟DOM、指令、事件修饰符、按键修饰符、双向数据绑定、v-if和v-show的区别

摘要：vue01 虚拟DOM、指令、事件修饰符、按键修饰符、双向数据绑定、v-if和v-show的区别 ### 虚拟DOM：虚拟DOM就是内存中的一个变量，是一个对象结构前端效率优化：最致命的问题就是DOM操作，尽量减少DOM操作 vue的高效： 1、虚拟DOM页面渲染高效 2、js ①获取数据②根据阅读全文

posted @ 2020-02-11 18:37 GGbondMan 阅读(321) 评论(0) 推荐(0)

我的一个react路由之旅（步骤及详图）

摘要：今天开始react一个重要部分的xiao~习，路由~（过程截图，最后附代码）以下代码只能骗糊涂蛋子，没错，就是我自己，不要打算让我敲出多高级的东西~ 理论性知识几乎没有，请不要打算让我给你说原理啥的，原理性的东西，网上很多，我现在搬砖学习很开心，勿忘初心~ （1）首先，你确定你安装了react环境阅读全文

posted @ 2020-02-09 23:21 GGbondMan 阅读(825) 评论(0) 推荐(0)

我的一个git（码云）之旅

摘要：合作开发项目，你就会用到git,现在码云比较简单，因为是中文化界面，学习起来难度比较低，又支持5人以下项目免费，所以学习码云更好入手一点。下面的东西适合一些个基础比较低的用户学习，因为我就是啊。。。我都配图啦，共勉。（1）我现在要上手啦，新建了一个mayunDemo文件夹，切个图纪念纪念。（2 阅读全文

posted @ 2020-02-08 10:31 GGbondMan 阅读(610) 评论(3) 推荐(2)

vue中路由的使用

摘要：路由：（1）监听地址栏的变化（2）根据地址栏的变化切换到对应的组件使用路由： 1、创建一个vue项目：vue create routerdemo 注意：在选择插件的时候只选择babel 2、安装路由插件：npm install vue-router 3、创建路由：src下新建router.js 阅读全文

posted @ 2020-02-08 08:55 GGbondMan 阅读(275) 评论(0) 推荐(0)

听说你想用git，安装一下咯

摘要：在网上下载并安装git：https://git-scm.com/downloads在开始菜单里面找到 "Git --> Git Bash",如下运行Git Bash：如果出现如下错误：表明此时你未全局配置用户名和邮箱 1、查看git配置信息 git config --list 2、查看git用阅读全文

posted @ 2020-02-07 15:20 GGbondMan 阅读(138) 评论(0) 推荐(0)

vue创建项目的一种方法

摘要：①vue create demo vue版本：3.9.3，node版本：12.8.0 ②Manually select features ③Babel、CSS Pre-processors（Router和Vuex暂时没装） ④Less ⑤In dedicated config files ⑥n 阅读全文

posted @ 2020-02-06 22:53 GGbondMan 阅读(164) 评论(0) 推荐(0)

用js控制css动画效果@keyframes

摘要：今天看到一个css动画样式，然后打算封装一个这个css样式。我用的react组件，然后map了我要的全部盒子遇到了困难，我打印e和this，都没有我想用的东西。持续性困惑。陷入沉思和沉睡。然后不停打印refs。。。天啊，我在干什么。我执着地寻找style。。。我在return的盒子里加阅读全文

posted @ 2020-02-04 23:10 GGbondMan 阅读(4473) 评论(0) 推荐(0)

axios的封装和拦截

摘要：前端开发中，经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本，提高开发效率。 axios 就是这样一个 HTTP 请求库，近年来非常热门。目前，它在 GitHub 上拥有超过 40,000 的 Star，许多权威人士都推荐使用它。因此，我们有必要了解下 ax 阅读全文

posted @ 2020-02-03 18:08 GGbondMan 阅读(429) 评论(0) 推荐(0)

React-Native 中将 redux中的数据持久化

摘要：问题：在开发react-native过程中，使用redux保存状态迁移已基本成为一个标准做法。用户登录时的状态变更，会带来redux状态迁移，而应用程序的其他部分也需要了解用户是否已登录以及相关的登录信息，只要软件不退出，通过reducer我们总是能感知到变化的。但问题是软件退出后，reducer 阅读全文

posted @ 2020-02-02 16:55 GGbondMan 阅读(616) 评论(0) 推荐(0)