格子里

MacOS 下 nvm 管理 node

Wed, 10 Jan 2024 00:00:00 GMT

检测本机是否安装了 nvm command -v nvm 或 nvm -v 如果没有安装 nvm ，那么安装 nvm curl -o- https://raw.githubusercontent.com/nvm-sh/n

将一个项目同时推送到多个git仓库

Thu, 07 Sep 2023 00:00:00 GMT

用 github git 仓库为例方式一 git remote set-url --add origin git@github.com:Gzbox/react-oncoprint-view.git 查看远程仓库地址 #

MacOS 生成ssh密钥

Tue, 14 Jun 2022 00:00:00 GMT

确认是否已经有一个公钥即检查.ssh文件夹，以及文件夹中是否存在id_dsa 和 id_rsa.pub文件有.pub 后缀的文件就是公钥，另一个文件则是密钥如果不存在，或者干脆连.ssh 文件夹都没有，可以进行创建

NPM社区发布一个包的流程

Sun, 26 Sep 2021 00:00:00 GMT

首选需要在NPM注册一个账号，这是前提哦一、新建一个项目或者进入已有的项目根目录下 mkdir project-name && cd project-name 开始 coding. do something... 二、

依据commit msg 发布时自动生成更新日志

Fri, 16 Jul 2021 00:00:00 GMT

该篇文章实施应建立在规范化 commit msg 的基础上规范 commit msg 详见之前的文章《前端代码风格统一规范(项目依赖版)》接入教程安装依赖 yarn add standard-version -D

React性能优化文章记录

Tue, 08 Jun 2021 00:00:00 GMT

React 性能优化文章记录 journey of improving react app performance by 10x 7 steps to modernize and optimize your react

前端代码风格统一规范(项目依赖版)

Thu, 13 May 2021 00:00:00 GMT

目标及介绍利用项目集成插件的方式来实现使用项目插件的方式集成到项目中确保多人协作或者同一团队产出的代码规范统一，看上去像出自一人（很理想化，哈哈）目前的主流方式：eslint+commitlint+prettie

使用企业微信扫码登录美化二维码

Sun, 02 May 2021 00:00:00 GMT

这是在开发公司 sso jssdk 时遇到的问题，登录方式增加了企业微信扫码登录，但是企业微信扫码的二维码我希望能美化下，文档说明如下, 参数说明参数必须说明 ... ... ... href 否自定义样式链接，

npm和yarn命令对比

Thu, 20 Aug 2020 00:00:00 GMT

一、命令对比 yarn npm 命令功能 yarn install npm install 根据 pack.json 安装项目所需的依赖包 yarn install --flat -- 注释 1 yarn install

vue 报错-- xxx is not a valid attribute name

Thu, 19 Mar 2020 00:00:00 GMT

问题最近在做项目的时候发现一个神奇的 bug，点击某一个 Radio 的时候提示下面 👇 报错，其他都 OK Error in nextTick: "InvalidCharacterError: Failed to

React Hooks

Thu, 05 Mar 2020 00:00:00 GMT

React class 类组件的缺点大型组件很难拆分和重构，也很难测试业务逻辑分散在组件的各个方法之中，导致重复逻辑或关联逻辑组件类引入了复杂的编程模式，比如 render props 和高阶组件,(再加入 Red

JS 获取屏幕、浏览器、页面的高度宽度

Mon, 14 Oct 2019 00:00:00 GMT

屏幕信息 screen.height ：屏幕高度。 screen.width ：屏幕宽度。 screen.availHeight ：屏幕可用高度。即屏幕高度减去上下任务栏后的高度，可表示为软件最大化时的高度。 scree

oh-my-zsh 更新

Wed, 31 Jul 2019 00:00:00 GMT

更新内容（2019-12-02）这篇文章的介绍方式更好iTerm2 + Oh My Zsh 打造舒适终端体验当无论是自动更新还是手动 upgrade_oh_my_zsh 更新 oh-my-zsh 时，出现下面提示这

Modal not found: Can't resolve '@babel/runtime/helpers/esm/extends'

Wed, 29 May 2019 00:00:00 GMT

解决下面 👇 的报错 Modal not found: Can't resolve '@babel/runtime/helpers/esm/extends' 公司项目使用的是dva roadhog 搭建的，最近在 b

Homebrew 的使用

Thu, 31 Jan 2019 00:00:00 GMT

Homebrew 可能会用到的命令记录使用 MAC 开发，软件包的管理器最好用的我觉得就是Homebrew，谁用谁知道记录下常用的Homebrew命令 MacOS 安装 Homebrew 将以下命令粘贴至终端,也可去

在生产环境禁止打印 console log

Wed, 31 Oct 2018 00:00:00 GMT

问题：如何在生产环境禁止 console log ？？开发和测试环境中会用到大量 console.log 方法来进行代码的调试，但生产上需要关闭这些输出。因为 console.log 打印的对象是不会被垃圾回收器回收

Git知识学习

Mon, 30 Jul 2018 00:00:00 GMT

Git 知识整理学习记录 git clone 仓库从 GitHub 克隆项目到本地 git clone https://github.com/Gzbox/react-router-v4-demo-newest.git

前端跨域问题详解

Tue, 17 Jul 2018 00:00:00 GMT

前端跨域问题详解文章摘自微信公众号“前端大全” 跨域这两个字就像一块狗皮膏药一样黏在每一个前端开发者身上，无论你在工作上或者面试中无可避免会遇到这个问题。为了应付面试，我每次都随便背几个方案，也不知道为什么要这样干，反

React 生命周期的理解

Wed, 11 Jul 2018 00:00:00 GMT

React 生命周期的理解在组件的整个生命周期中，随着该组件的 props 或者 state 发生改变，其 DOM 表现也会有相应的变化。一个组件就是一个状态机，对于特定地输入，它总返回一致的输出。一个 React

react-router 4.x 使用教程

Mon, 09 Jul 2018 00:00:00 GMT

react-router 4.x 简单教程说明具体完整的代码 React Router4 是一个流行的纯 React 重写的包。现在的版本中已不需要路由配置，现在一切皆组件。安装 React Router 被拆分成三

Vue生命周期的理解

Fri, 06 Jul 2018 00:00:00 GMT

作为前端三大框架之一的 Vue 在前段时间 GitHub Star 超越了 react,成为各大社区讨论的热点，以前有过简单了解，今天和同事在开发 Vue 项目时遇到了问题(用 ajax 请求数据，然后将数据 prop

react-native-echarts安卓版打包问题

Thu, 28 Jun 2018 00:00:00 GMT

react-native-echarts 安卓版打包后,图表不显示 1、兼容手机端

IOS开发经典错误：Undefined symbols for architecture XXX

Wed, 20 Jun 2018 00:00:00 GMT

ios 经典错误:Undefined symbols for architecture XXX 因为我是在真机上编译的项目，所以报错的架构（CPU 指令集）为 arm64。如果我们使用 64 位模拟器（iPhone s

安卓打包 Error:FAILURE:Build failed with an exception

Tue, 19 Jun 2018 00:00:00 GMT

如何解决 Error:FAILURE: Build failed with an exception 一般是这出问题了,删除一些文件后这个地方还有配置

同步给fork远程的上游仓库

Mon, 07 May 2018 00:00:00 GMT

Configuring a remote for a fork 给 fork 配置一个 remote 主要使用 git remote -v 查看远程状态 git remote -v # origin https://gi

项目中添加子模块

Mon, 07 May 2018 00:00:00 GMT

项目中添加子模块经常有这样的事情，当你在一个项目上工作时，你需要在其中使用另外一个项目。也许它是一个第三方开发的库或者是你独立开发和并在多个父项目中使用的。这个场景下一个常见的问题产生了：你想将两个项目单独处理但是又需

Android Studio 使用Gradle多渠道打包

Sun, 25 Mar 2018 00:00:00 GMT

我们都知道国内应用市场非常多，为了统计各个应用市场的 app 下载量和使用情况，我们需要多渠道的打包。如果一个一个的手动去打包岂不烦死了，要多麻烦就有多麻烦。这就要求我们学会使用 Gradle 进行多渠道打包。废话不多说

理解javascript中的原型

Tue, 13 Mar 2018 00:00:00 GMT

原型 prototype 是 javascript 中极其重要的概念之一，但也是比较容易引起混淆的地方。我们需要花费一些时间和精力好好理解原型的概念，这对于我们学习 javascript 是必须的。原型的概念真正理解

javascript中的回调函数

Wed, 28 Feb 2018 00:00:00 GMT

要理解 javascript 中的回调函数，首先我们就要对 javascript 中的函数有一定的理解，所以我们先从 javascript 中函数谈起，讲讲它与其他语言中的函数有什么不同。 javascript 中的函数

javascript中的的闭包

Mon, 26 Feb 2018 00:00:00 GMT

闭包可以说是 javascript 中最令人迷惑的概念了。需要我们在实践中去慢慢理解，在实际编码中，由于闭包的效率和会产生大量无法销毁的内存，所以原则是尽量少使用闭包，但是作为 javascript 中的一个特别的概念，

监听APP当前所处的状态

Mon, 05 Feb 2018 00:00:00 GMT

监听 APP 当前所处的状态 (处于后台还是当前运行状态) import React, { Component } from 'react'; import { AppState, View, Text } from '

react-navigation部分属性介绍

Fri, 05 Jan 2018 00:00:00 GMT

React-Navigation npm or yarn install React-navigation npm install react-navigation --save or yarn add react-na

javascript中常用的方法

Wed, 01 Nov 2017 00:00:00 GMT

数组数组对象的作用是:使用单独的变量名来存储一系列的值数组常用的方法及属性 arr.length; 获取值 var a = arr[0]; 给数组赋新值 arr[1] = '新值'; 将新元素添加到数组末尾，并返回新

基础篇章：React Native之Flexbox的讲解（Height and Width）

Wed, 05 Jul 2017 00:00:00 GMT

今天在讲解 Flexbox 之前，我们先讲解一下高度和宽度的问题。因为 Height and Width 的问题很简单，就不单独写一篇文章了。顺带说一下即可。 Height and Width 一个组件的高度和宽度，决定

javascript中常用的创建对象的方法

Thu, 01 Jun 2017 00:00:00 GMT

js 中创建对象最简单的方法自然是直接 new 一个 Object 然后再为其添加属性和方法，例如一下代码： var o = new Object(); o.name = "aaaa"; o.sayName = func

React-Native 异步存储storage

Wed, 05 Apr 2017 00:00:00 GMT

封装操作 RNstorage 的函数 import { AsyncStorage } from 'react-native' async function save(key, value) { try { // cons

Redux-Saga 学习

Fri, 10 Mar 2017 00:00:00 GMT

简述 Reducers 负责处理 action 的 state 更新； Sagas 负责协调那些复杂或异步的操作。安装 npm install --save redux-saga // ... import { cre

MVVM模式及与MVP和MVC的区别

Sun, 05 Mar 2017 00:00:00 GMT

什么是 MVVM？ MVVM 是 Model-View-ViewModel 的简写。 MVC 和 MVP，MVVM 之间的关系 MVC 和 MVP 的关系我们都知道 MVP 是从经典的模式 MVC 演变而来，它们的基本

Redux 学习

Sun, 05 Mar 2017 00:00:00 GMT

一、认识 Redux 安装 npm install --save redux npm install --save react-redux 一句话理解 Redux 应用中的所有state都以一个对象数树的方式存储在一个单

环境配置：React Native 开发环境配置

Sat, 25 Feb 2017 00:00:00 GMT

React Native 是 FaceBook 开源的一个项目，FaceBook 希望可以用写 Web App 的方式去写 Native App。它可以让我们用 JS 和 React 来开发应用，使用 React Nat

Yarn 的使用

Sun, 05 Feb 2017 00:00:00 GMT

安装 MacOS 你可以通过 Homebrew 包管理器安装 Yarn，如果没有安装 Node.js 它也可以安装 brew install yarn 如果您使用 nvm 或类似的东西，您应该排除安装 Node.js 以

session和cookies会话机制详解

Tue, 10 Jan 2017 00:00:00 GMT

session management 会话管理的原理 web 请求与响应基于 http，而 http 是无状态协议。所以我们为了跨越多个请求保留用户的状态，需要利用某种工具帮助我们记录与识别每一次请求及请求的其他信息。举

命令行小知识

Thu, 05 Jan 2017 00:00:00 GMT

上传至服务器的方法 1. npm run build or yarn build 2. cd build 3. scp -r ./* root@111.111.111.11:/data/web/edung 4: inpu