自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zwkkkk1的博客

这个世界很美好,我们应该为之奋斗

原创 React Native Web 安卓h5 Touchable onPress 触发两次问题解决

在维护基于 React Native Web 的 h5 项目时,遇到这样的一个 bug,在部分安卓 h5 页面一些点击事件会稳定触发两边,这样的问题在 iOS 和 pc 调试 h5 都是好的,甚至同一机型只要另外换一个浏览器可能也会有不同的效果。 在调试阶段,发现只要把 TouchableHigh...

2019-12-24 16:17:38

阅读数 24

评论数 0

原创 React Native 布局 padding 失效问题解决

1. 问题产生 在新项目开发过程中,发现了一个 View 组件 padding 失效的问题,这里记录一下问题和解决方案 首先在布局一个文本溢出的 Text 组件,效果很正常,外部左右设置的 padding 均正常显示 可是加了一个 icon 后,却产生问题 左侧的文本和右侧的 icon 全部左...

2019-12-23 16:05:20

阅读数 29

评论数 0

原创 Charles 两种常用 mock 请求方法

知道如何去 mock 请求都很有利于不论是翻新老的项目还是开始新项目的研发,借助 Charles 我们就可以做到如何 mock 我们想要的请求。 1. mock 请求到本地文件 这里使用 Charles 的 Map Local 功能,可以在 [Tools — Map Local] 找到 我们将使用...

2019-12-23 09:51:57

阅读数 17

评论数 0

转载 原生 js 获取 dom 元素 css 样式的四种方法及对比

在动态操作 dom 元素时,如果我们要获取或设置一个元素的宽高、top、left 等样式时,jq 中的 .css 是常见的方法,那么在原生 js 中呢?首先想到的就是 element.style 方法,这个方法虽然可以获取也可以设置 dom 元素的样式,但也很有局限性,下面总结一下原生 js 获取...

2019-11-21 18:14:57

阅读数 71

评论数 0

原创 sass 中如何使用 calc 计算变量

问题描述 问题很简单,在计算 vh 和 px 时,需要使用 calc() 函数 例如,设置一个容器高度: height: calc(100vh - 60px); 然而在开发过程中,一些有特殊意义的数字还是尽可能赋给 sass 变量,便于其他文件可以共用,比如上面的 60px 是个底部导航栏的高度,...

2019-11-21 17:54:14

阅读数 49

评论数 0

原创 Xcode Could not locate device support files 怎么解决

每次在更新手机 iOS 系统之后,xcode 连真机调试的时候总会提示如下错误 Could not locate device support files 根据提示,很快可以得知当前版本的 Xcode 不支持手机的新版本了,解决方案是更新 Xcode 版本 不过对于非专业的 iOS 开发者来说,...

2019-11-19 17:30:22

阅读数 22

评论数 0

原创 React Native 安卓人民币符号显示异常问题解决

在项目中经常会发现人民币符号 ¥ 在安卓机下的显示异常(只显示一横如下图),而 h5、iOS 均无误 这是因为全角半角的原因,全角 ¥ 会受系统影响,而半角 ¥ 则基本不受影响 那么知道原因之后,我再来介绍两种解决方案: 全角 ¥,一般是输入法切换至中文输入法 shift + 4 得到,而半角...

2019-11-11 18:48:42

阅读数 28

评论数 0

原创 从零构建 React 开发环境(一) —— hello world,麻雀虽小五脏俱全~

此系列更多的是个人对环境构建的一些记录,纯属个人的自娱自乐顺便做个分享,可以当做一个 React 的入门练习。 文末tip:–save 与 --save-dev 区别 **注:**需要注意的是此类讲步骤的文章由于第三方库的升级更新,具有一定的时限性,仅做参考。本人也会不定期更新最新的一些步骤和新...

2019-10-26 14:52:25

阅读数 90

评论数 0

原创 解决 vscode GitLens 无法使用问题

问题复现 最近在项目中,vscode 的 GitLens 突然失效,并在选项卡中显示 No source control providers registered. 如下图: 解决方案 按照这里的步骤,可以顺利解决此问题 在 File -> Perferences -> Settin...

2019-10-24 15:07:33

阅读数 705

评论数 0

原创 react-native run-ios 找不到 simulator 解决方案

实际问题 react-native run-ios 脚本却会抛出如下错误: Could not find iPhone X simulator 在网上也能找到一些解决方案,比如下面这个: react-native run-ios returns Error: Could not find iPh...

2019-10-22 13:34:02

阅读数 144

评论数 0

原创 h5页面适配 iPhoneX

h5页面如何适配 iPhoneX 的刘海屏与底部操作栏也变成了移动端开发所需要了解的常用知识,下面分享一篇 网页适配 iPhoneX 的经典好文 网页适配 iPhoneX,就是这么简单 使用 viewport-fit 和 env()、constant() 两种方法均能有效解决方案,可以根据项目的实...

2019-10-08 19:54:23

阅读数 27

评论数 0

原创 常见设计稿字体对应字重font-weight大小

在拿到 UI 设计稿时,可以经常看设计稿中常见的字体有 PingFangSC-Regular、PingFangSC-Medium、PingFangSC-Bold,并不会直接给我们 font-weight 的值。在这我们就需要知道常见字体和 font-weight 的对应关系 详细可以看 font...

2019-08-27 19:57:39

阅读数 202

评论数 0

原创 如何真机调试微信h5页面

最近在项目中接手微信环境h5页面的开发,主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配。 目前项目暂时告一段落,希望可以用几篇文章记录并分享这些天来学习、开发微信h5页面的心得、体会~ 由于微信环境、sdk的限制,在微信环境下如何有更加良好的调试体验还是有一些坑的,本篇将主...

2019-08-04 14:00:04

阅读数 625

评论数 0

原创 如何清空 React Native 编译时的缓存

在开发 React Native 项目时,修改了部分模块的路径或名称时,直至 react-native run-ios 也都能顺利跑通,可每次都倒在了最后的 npm start 这在删除 node_modules/、package-lock.json 重新npm install;删除 Pods/、...

2019-07-12 09:54:40

阅读数 509

评论数 0

原创 微信 js-sdk config:invalid signature

在调用微信 js-sdk 开发页面时,经常会遇到 config:invalid signature 的错误 在官方手册是这么解释此类错误,并提供了自查顺序: 因为在项目中,获取签名的后端接口是经过线上环境验证无误的,在前端可能出问题的只有第 2、3、4、6 步。 第 2、4 步只要对照验证一下就...

2019-07-08 13:29:39

阅读数 114

评论数 0

原创 解决阿里云ECS服务器 git clone 速度慢

有些时候远程的ECS服务器 git 的速度会很慢,常维持在 10k/s 左右 解决方案 vim /etc/ssh/ssh_config 编辑 /etc/ssh/ssh_config,找到 GSSAPIAuthentication no 这行,删掉前面的注释,然后保存退出 然后就可以看到从远程...

2019-07-02 20:10:35

阅读数 3552

评论数 5

原创 Mac 在阿里云ECS服务器部署前端项目流程分享

ps: 这不是一个详细完整的教程,只是本人对学习如何将本地部署到远程服务器的记录并做个分享 因为各人的项目不同、系统不同、环境不同,用下面的这套流程不一定能跑的通,不喜勿喷,如有不同见解可在评论区处讨论交流~ 下面附本人环境系统:本地系统 macOS,远程服务器系统 centos 7,要部署的是 ...

2019-06-29 14:13:00

阅读数 497

评论数 0

原创 git mv 解决文件名大小写不敏感问题

在将项目部署到 linux 环境下,报了许多由于文件名大小写不敏感而疏忽的问题,然而在本地系统(Mac)改变了文件名后,同样出现了由于git对文件名大小写不敏感的原因,git status 却找不到变化文件的状况。 通过查询网上的解析,得知可以利用 git mv 来解决此类问题,语句具体使用方法如...

2019-06-29 14:12:02

阅读数 130

评论数 0

原创 vim 操作出现 Found a swap file by the name "xxxx

引起的问题 有时在 vim 操作文件时,会弹出如下的提示: 6个选项的含义 在提示信息中,我们可以看到有6个选项供我们选择,接下来我会介绍下这6个选项的含义 [O]pen Read-Only 以只读模式打开文件,只能查看无法编辑; (E)dit anyway 会以正常的方式打开文件,不会载入暂...

2019-06-29 12:12:33

阅读数 83

评论数 0

原创 npm install Error: EACCES: permission denied 问题解决

在 npm 安装一些软件时,尤其是在全局安装的情况下,偶尔就会提示下面的问题: Error: EACCES: permission denied 直接列出解决方案: sudo npm install -g electron(你要装的软件) --unsafe-perm=true --allow-r...

2019-06-28 16:02:05

阅读数 913

评论数 0

原创 Mysql 解决 Your password has expired.

直接给出解决方法 首先敲下下面的指令输入密码,进入 mysql 控制台: mysql -u root -p 然后在mysql命令行里 运行下面的命令 ALTER USER `root`@`localhost` IDENTIFIED BY '你的密码', `root`@`loc...

2019-06-28 14:23:04

阅读数 979

评论数 0

原创 如何在VSCode设置/取消隐藏文件

在学习 Husky 的时候,想要在 VSCode 里面查看 .git 文件夹下的 hooks 文件夹,却连 .git 文件夹也找不到。后面才知道是因为 VSCode 的用户设置将某些文件夹给隐藏显示了(里面就包括了 .git 文件夹) 在VSCode设置/取消隐藏文件 首先进入 VSCode 的设...

2019-06-26 15:13:23

阅读数 1765

评论数 0

原创 Android 模拟器无法连接 localhost 及 Debugger 不显示 Network 解决方案

最近在学习 React Native,遇到了在 Android 模拟器中无法连接 localhost 本地服务,在浏览器上都是ok的问题 起初认为是 React Native 的问题,后又觉得可能是调用的方式不对,最后才找出这是 Android 的一个问题 解决方案 方法很简单将 localhos...

2019-04-18 09:41:12

阅读数 316

评论数 0

原创 React Native 关闭黄色错误警告提示

在 React Native 开发中,经常会出现许多的黄色错误提示遮盖屏幕,需要手动点击 dismiss 按钮会影响开发效率 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20190416103138599.png#pic_center =200x400?x-o...

2019-04-16 10:34:52

阅读数 263

评论数 0

原创 axios 全局设置 token 信息

在上篇中我们学习了什么是 token,本篇介绍前端如何全局设置每次请求都带上从后端获取来的 token 当然不全局设置也可以,那只能在每次请求都去 cookie、localStorage 取一次 token,使得代码非常冗余 方法1 token 通常都是在注册、登录后,从后端接口取到的,所以我们只...

2019-04-11 16:12:38

阅读数 773

评论数 0

原创 JSON Web Token 简介

1. 跨域认证的问题 一般流程 用户向服务器发送用户名和密码。 服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时间等等。 服务器向用户返回一个 session_id,写入用户的 Cookie。 用户随后的每一次请求,都会通过 Cookie,将 session_...

2019-04-11 15:45:51

阅读数 67

评论数 0

原创 Babel 踩坑总结(三) —— 7.X 版本升级

Babel 7 已于去年发布,作为 Babel 的使用者,是不能停止对它的新版本的学习和研究的,首先来看一下 Babel 7 作出了哪些重大的改变 1. 废除 stage-x presets stage-x 原本是对应于 ECMA Script 提案的不同阶段,不同阶段有着不同的特性,stage-...

2019-04-09 13:52:01

阅读数 231

评论数 0

原创 Babel 踩坑总结(二) —— babel-polyfill、babel-runtime 的选择

此篇来解决上篇提出的问题,官方给出babel-polyfill 和 babel-runtime 两种解决方案来解决这种全局对象或全局对象方法不足的问题 1. babel-polyfill 官方手册 babel-polyfill 会在应用中模拟一个 es2015+ 的环境,对新语法需要的新对象进...

2019-04-09 12:55:10

阅读数 2383

评论数 0

原创 Babel 踩坑总结(一) —— 6.X 版本配置及概念理解

今天闲来无事试着从头构建一个前端项目,光 babel 就遇到不少问题,尤其是在 babel 升级到 7.X 版本之后,许多之前的配置都要发生一些变化,在这里做一个踩坑总结 1. 6.X 版本配置方法 npm install babel-loader@7 babel-core babel-prese...

2019-04-09 12:53:27

阅读数 393

评论数 0

原创 webpack 编译图片配置及 url-loader、file-loader 区别

webpack 编译图片配置 通过翻阅官方手册,我们发现可以借助 url-loader 或是 file-loader完成对 webpack 编译图片的配置。 下面我先分别介绍两种 loader 的配置方法(大家按需求选择其一),然后再简单介绍下两者的区别。 url-loader 配置说明 npm ...

2019-03-27 16:38:23

阅读数 598

评论数 0

原创 ant-design 引入样式及配置 babel-plugin-import 按需加载

1. ant-design 引入样式的几种方式 1.1 全局引用 js代码引入 ant-design 的 Button 组件 import React, { Component } from 'react'; import Button from 'antd/lib/...

2019-03-26 16:21:17

阅读数 2283

评论数 0

原创 Mac 查看端口占用情况及杀死进程

在开发中经常会遇到端口占用问题,例如下面,npm start 报的错误: 1. 查看端口占用情况命令 lsof -i tcp:8080 输出结果: 字段说明: 字段名 说明 COMMAND 进程名称 PID 进程标识符 USER 进程所有者 FD 文件描述符,应用...

2019-03-25 15:55:23

阅读数 1129

评论数 0

原创 webpack——devtool配置及sourceMap的选择

官方手册传送门 官方对devtool配置的定义很简单:选择一种 source map 格式来增强调试过程,不同的值会明显影响到构建build和重新构建rebuild的速度。 不过,什么是source map,官方用提供了许多种的source map,其中的区别是什么,我们在开发中应该怎么选择,...

2019-03-23 12:13:08

阅读数 654

评论数 0

原创 React Native 样式表指南

React Native 的样式基本上是实现了 CSS 的一个子集,针对 iOS、Android 阉割了一些功能,并且部分属性名不完全一致,下面是 React Native 所有的 CSS 样式。 下为0.58的正式版本 Text样式属性 属性名 取值 描述 color &am...

2019-03-18 15:35:32

阅读数 105

评论数 0

原创 React Native alignItems: baseline 在 Android 下失效解决方案

问题 在项目中,把不同 font-size 的字放在一起,是一个很常见的需求,我们可以这样: import React, { Component } from 'react'; import { Text, View } from 'react-native'...

2019-03-15 17:49:03

阅读数 228

评论数 1

原创 测试必学——charles 抓包真机APP小程序

此处做一次搬运工,下面两篇文章做了很好的讲解,一步一步下来基本都能跑下来 基本步骤:APP 抓包和微信小程序抓包-Charles 的精简使用教程 设置 https 证书:charles抓取微信小程序数据(抓取http和https数据) 在最后给手机安装 https 证书时,从 chls.pro/s...

2019-02-14 18:05:22

阅读数 438

评论数 3

原创 Mac OS 查看 ip 地址及 DHCP 各 addr 含义

Mac OS 查看 ip 地址及 DHCP 各 addr 含义 查看 ip 地址是一件很基础的事情,不过在 Mac OS 上与 Windows 的操作略有不同 Windows 在 cmd 中,执行 ipconfig,查看电脑 IP: Mac OS 不过在 Mac 上,键入 ipconfig,返回...

2019-02-14 17:29:02

阅读数 1384

评论数 0

原创 React Native Text 组件显示不全解决方案

github上此问题的讨论 传送门 BUG 体现效果(左出问题安卓真机,右ios模拟器) 设置 minWidth 无法自动撑开 View,除非 minWidth 设置得大些 发生场景 这个解决方法不一定能够解决所有的问题,有必要说下我遇到的场景。 发生在某些安卓机上,比如我的OnePl...

2019-01-25 11:45:09

阅读数 3055

评论数 0

原创 使用 brew services 管理后台服务(MacOS)

在编写项目的时候,时常需要开启一些诸如 nginx、mysql、redis 等后台服务,然而每次开机都要重新手动去开启这些服务,而且有些还要保留一些终端窗口去维持服务。 这时我们可以用到 brew services 来管理这些后台服务。 查看 services 列表 brew services l...

2018-12-05 13:32:39

阅读数 2587

评论数 1

原创 CSS 文本溢出省略显示

实现文本显示单行或多行,超出部分用省略号显示是一个很常见的需求,在这里做个分享记录。(文末有 demo 演示~) 单行溢出缩略 下面是单行缩略的实现: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 注:要在块级元素...

2018-11-21 17:15:24

阅读数 160

评论数 0

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