自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

yuzhenliu的博客

https://github.com/yuzhenliu

  • 博客(12)
  • 资源 (2)

原创 React Native 中使用图标

在React Native 中使用 react-native-vector-icons 插件,android 和 ios 的安装步骤是不一样的 ios安装步骤: npm install --save react-native-vector-icons 复制 npm 上 react-native-vector-icons 上的 List of all available fonts to copy...

2020-02-20 10:59:14 2418

原创 重写 axios ,添加拦截器

在我们的平时工作中,有一些业务场景会让我们需要使用到拦截器。那拦截器是什么,有何作用呢? 拦截器一般分为两种,拦截请求 和 拦截响应 请求拦截器 我的理解是拦截每次的请求,进行一定的处理,比如说在每个请求体里加上 token 啊,域名啊,它可以帮助我们统一管理我们的 http 请求,以后修改也比较方便,增强了代码的可维护性 axios.interceptors.request.use(func...

2020-03-24 22:42:13 568

原创 vuex 的实现原理

vuex 的实现: 在vue项目中先安装vuex 利用vue的插件机制,使用Vue.use(vuex)时,会调用vuex的install方法,装载vuex 使用vue的mixin混入机制,在beforeCreate钩子函数前混入,全局注入store,让每一个组件和实例,都能访问到 $store,来实现组件间的状态共享 VueX 源码图解如下: 示例代码实现: main.js import V...

2020-03-24 22:40:00 219

原创 服务端渲染

服务端渲染SSR vs 客户端渲染CSR CSR: client-side-render, 客户端渲染 用户请求页面,服务端返回页面。此时页面只是模板页面内部有 js 的 浏览器解析页面代码,读到 js 代码时,会根据我们所写的接口去请求数据 得到返回数据(json)后被客户端(浏览器)接受,客户端(vue/react/angular/art-template) 我们的内容都是通过 js 来注...

2020-03-24 22:22:03 33

原创 redux 的原理

index.js import React from 'react' import ReactDOM from 'react-dom' import App from './App' ReactDOM.render( ( <App/> ), document.querySelector('#root') ) App.js import React, { Co...

2020-03-24 22:18:55 18

转载 typescript 中 interface 和 type 的区别

Typescript 中的 interface 和 type 到底有什么区别 ? interface VS type 大家使用 typescript 总会使用到 interface 和 type,官方规范 稍微说了下两者的区别 An interface can be named in an extends or implements clause, but a type alias for an ...

2020-02-25 21:32:58 60

转载 uni-app对微信小程序云函数的适配

引言 熟悉uni-app的人应该都知道,uni-app并未对微信小程序云函数(本文统称云函数)进行相应的适配。但是,如果我们在某些业务场景的下需要使用云函数呢?我们知道,云函数可以复制到微信开发者工具,这样的话我们不得不每次编译一次就手动复制一次,不得不说麻烦至极。本文就问题做出以下解决方案。 本文环境 Hbuilder X 微信开发者工具 创建云函数目录 首先,我们需要在uni-app项目文...

2020-02-23 10:44:40 314

原创 使用 hexo 和 github 搭建 个人博客

这一篇我们来讲解如何使用 hexo 和 github 搭建个人博客。 条件: 基于node npm包管理工具 下载 hexo npm install hexo-cli -g // 如果使用淘宝镜像的话 npm install hexo-cli -g --registry=https://registry.npm.taobao.org 在一个空目录下执行博客系统的初始化 hexo init ...

2020-02-22 17:23:37 129

原创 实时通信 websocket 聊天室

如何让客户端和服务器端能够进行双向通信呢?以前我们可能会使用短轮询啊,长轮询,但这其实并不是真正意义上的双向通信,而是我们在不断的向服务器发送请求,那后来HTML5提供了一个新的API WebSocket,这也让我们的服务器端能够主动给客户端发送消息成为可能。 短轮询: 每隔一段时间比如 1s 钟 向服务器发送一次请求,问服务器是否有人给我们发送信息 弊端: 如果没有人发送消息,还是在不断的轮询...

2020-02-22 10:57:58 219

转载 React 受控组件和 非受控组件

React中的受控组件和非受控组件学习总结 一、受控组件(React官方推荐) 在React中,每当表单的状态发生变化时,都会被写入到组件的state中, 这种组件在React被称为受控组件 示例代码: input 绑定了 state 中的 username,当用户输入时, 触发 onChange 事件,通过 e.target.value 拿到 用户输入的值,setState 改变 userna...

2020-02-21 21:56:24 163

原创 React Native 中使用路由

在React Native 中使用路由,android 和 ios 的安装步骤是不一样的,这里使用社区的 react-navigation react navigation 官方文档 ios安装步骤: npm install react-navigation --save npm install react-native-gesture-handler --save npm install re...

2020-02-21 21:08:27 199

原创 web网页和ios、android进行交互

这一篇我们来讲讲web网页和ios、android进行交互 一、原理 web调用ios和android 1. 发送一个假请求,让原生开发去拦截,可以使用window.location.href 或者a标签发送请求 2. 这个假请求的url需要和ios、android协商,保持一致 3. 原生开发人员会去构建一个拦截请求类,如果是想要的url,就会被拦截,不会让它发送出去,截取到后面的字符...

2020-02-21 10:53:57 1398

React 消息提示组件

实现一个自定义的 React 全局消息提示组件,当传入的 message 变化时,显示提示消息,两秒钟后隐藏

2020-02-25

chatRoom.zip

使用 websocket 实现一个简单的聊天室,有 chat.html,有 server.js,下载后,在根目录 npm i ,node server.js 即可开启

2020-02-22

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除