文章目录

Vanessa

成为 B3log 赞助者

Pipe 主题开发指南

56558533658d4f22a502a1714d2e8172-logo96.png

文章复制添加版权

/* @description 添加版权 */ const addCopyright = () => { const genCopy = () => { return [ '', '', '作者:Vanessa', '链接:https://hacpai.com/article/1510544423932', '来源:黑客派', '著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。', ] } $('.content-reset').on('copy', function (event) { if (!window.getSelection) { return } let copyString = window.getSelection().toString() if (copyString.length < 128) { return } if ('object' === typeof event.originalEvent.clipboardData) { event.originalEvent.clipboardData.setData('....

React Native 系列【五】View 滑动时禁止 WebView 滚动

SymApp ToC https://hacpai.com/article/1496906863683 https://hacpai.com/article/1497002998658 https://hacpai.com/article/1497406003289 https://hacpai.com/article/1497860440410 https://hacpai.com/article/1497235254333 知识点 想快速解决的请直接看最后一节的解决方案 StackNavigator Visual options Gesture Responder System WebView 问题描述 在使用 React Navigation 时, 虽然各个 View 切换的性能和效果都非常不错,也可以用 transitionConfig 很方便的进行自定义切换效果。但是如果你从一个原生的 React Native 页面点击后跳转到一个使用 WebView 的页面时,问题就来了。 iOS 下,当我在 WebView 中用从最左滑到右的手势想回到前一个 View 时,我的手....

React Native 系列【四】打包

SymApp Demo ToC https://hacpai.com/article/1496906863683 https://hacpai.com/article/1497002998658 https://hacpai.com/article/1497406003289 https://hacpai.com/article/1497235254333 Android 步骤 1 生成签名秘钥 keytool -genkey -v -keystore symapp-release-key.keystore -alias symapp -keyalg RSA -keysize 2048 -validity 10000 按照提示一路走下去 2 设置gradle变量 把 symapp-release-key.keystore 文件放到工程中的 SymApp/android/app 文件夹下 创建 ~/.gradle/gradle.properties 文件,添加如下的代码 MYAPP_RELEASE_STORE_FILE=symapp-release-key.keystore M....

React Native 系列【三】代码校验 (eslint)

SymApp Demo ToC https://hacpai.com/article/1496906863683 https://hacpai.com/article/1497002998658 https://hacpai.com/article/1497235254333 添加依赖 "devDependencies": { "babel-eslint": "^7.2.3", "eslint": "^4.0.0", "eslint-config-airbnb-base": "^11.2.0", "eslint-formatter-pretty": "^1.1.0", "eslint-plugin-import": "^2.3.0", "eslint-plugin-react": "^7.1.0", "eslint-plugin-react-native": "^2.3.2" }, 添加命令 "scripts": { "lint": "eslint . --fix --format=node_modules/eslint-formatter-pretty --quiet" } ....

React Native 系列【异常】

每每小伙伴出现类似问题,总是想不起来怎么解决的。开个贴记录下吧…. JavaScript Mobx + ListView 无法显示 当使用 mobx 的 observable 注解变量做为 ListView 的 DataSource 时,变量需要 slice() `` @observable categoryList = []; @computed get categoryDs() { const ds = new ListView.DataSource({rowHasChanged: (r1, r2) =&gt; r1 !== r2}); return ds.cloneWithRows(this.categoryList.slice());} ## iOS 一般react-native run-ios` BUILD FAILED 后,建议打开 Xcode 直接查看编译错误,然后针对性进行处理。 一般 log 最后只会显示如下,你需要去查看前面编译错误。如果你直接搜索了以下错误,当你跟着网上的步骤实施时,基本上都不能彻底解决。在不懂原理的背后去乱做一通,往往适得其反,....

React Native 系列【二】目录结构及依赖

Demo ToC https://hacpai.com/article/1496906863683 目录结构 根据自己的喜好分了下 SymApp |- test | |- android | |- app | | |- actions // 数据处理 | | |- components // 组件 | | |- config // 配置 | | |- images // 图片 | | |- screens // 屏幕视图 | | |- services // 服务 | | |- stores // 数据 | | |- styles // 样式 | | |- App.js // 入口 | |- ios 依赖 React Navigation官方推荐的,完美支持 Android 和 iOS mobx-react这个我还没太搞懂,但是想用一下。想了解的可以移步 https://mobx.js.org/ axios本来是准备用的,但是发现官方推荐 Using Fetch。 TODO…

React Native 系列【一】环境安装及 Debug

8588c6f2fde644e9a2763eebef7967b4-image.png

如何使用 SVG 做图标

好吧,不的不说太久没写文章了,都不知道自己在忙些啥,感觉最近又 get 了一些新技能,很想和大家分享一下。 感觉很久以前,应该是 2010 年左右,在 svg 和 canvas 之间,我鄙视了一把 svg,可是如今我却不得不去学习它。真是世事难料,就好比有人花了 2K 个比特币买了个:pizza: SVG Sprite 背景 在 https://hacpai.com/article/1464879728790 之后,决定把 font icon 换为 svg,具体可参见这个 issue. 但是由于当时该到一半的时候总觉得缺点什么,就停止了移植。直到我遇见了 SVG Sprite 以后,才下定了决心,再复杂也要迁移。然后花了20个小时才移植完。 介绍 通俗的说就是把单个 svg 合并到一大个 svg 文件里面,有点类似以前的雪碧图。 使用方式和 CSS 差不多,分为内联、嵌入、链接、导入。个人比较中意链接,写法如下: symbol.svg <svg> <defs> <symbol id="logo" viewBox="0 0 16 16"> <p....

TL;DR PR

:broken_heart: 前几天发现 tldr pm2 居然没有,今天本来想去 PR 一发的。但是但是,5天前有人已经提交了。太伤心了,让我:cry:一下 tldr 确实好用,尤其对记性,英语都不好的我来说,太棒了。下次有再发现没有的,一定要 PR。 哇哈哈,哎呦呦呦呦,突然发现 n 没有。不过应该好多 node 相关系列的都没有。待我去 PR

JS Emoji 过滤

想用的直接看最后一行就好 基础知识 不得不承认阮蜀黍的文笔通俗易懂 字符编码笔记:ASCII,Unicode和UTF-8 Unicode与JavaScript详解 Emoji Unicode Tables Emoticons ( 1F601 - 1F64F ) Dingbats ( 2702 - 27B0 ) Transport and map symbols ( 1F680 - 1F6C0 ) Enclosed characters ( 24C2 - 1F251 ) Uncategorized Additional Additional emoticons ( 1F600 - 1F636 ) Additional transport and map symbols ( 1F681 - 1F6C5 ) Other additional symbols ( 1F30D - 1F567 ) 转换? 只怪 JavaScript 你诞生的太早 JavaScript 只识别 UCS-2,对于 UTF-16 的 4 个编码来说,只能识别为 2 个单独的字符 友好的 ES6 ES6 对....

恶补大前端

大前端

何为大前端?请移步 当我们在谈大前端的时候,我们谈的是什么,总的来说就是:

  • 前后端分离
  • 抢占移动端
  • 团队扩大,种类细分

黄山 - 杭州五日游记

Day1 早上 4 点起床,开车到机场坐灰机。停车费60一天,据说是降过价的了 由于儿童票和取公积金的事情,D 独自带着 Erik 坐了早上 8 点 40 的飞机。而我和父母坐中午 12 点 40 的,但飞机晚点了5个小时,中途被安排了午饭和宾馆休息。于是整个计划被打乱了,心好累。只能重新订酒店、重新安排计划 D 从来没独自带过 Erik,但看下来还是不错的。独自带着取车、办理公积金,晚上还来机场接我们。真是幸苦 D 了,为了能按时到达黄山,晚上开车到了1点才到的黄山脚下 Day2 采购上山用品:雨衣(没用上)、帽子、手套、晚饭【据说 50RBM 一个炒素菜,还不好。然后就觉得太贵了,硬是买了一堆吃的,最后还带回了昆明】 吃早点 & 中午饭。哎,酒店、超市、饭店是连在一起的,肯定有回扣什么的,感觉吃的不好、而且贵。和第二天下山的全兴酒店完全就是不同的味道、不同的价格 乘坐旅游专用出租车 65 元/人(大巴可能会便宜点吧),从北门入口乘缆车上山。这个缆车比较陡,路途的风景很美。和轿子雪山不一样,黄山的美在于远景,轿子雪山的美在于近景 走了最近的线路到酒店,但路途还是有点危险....

时隔十年再游轿子雪山

十年之前

十年前的夏天邀请宿舍的小伙伴们还有一众亲戚来轿子雪山游玩。虽然现在都各奔东西了,但是情谊、照片,还有满满的回忆都不曾抹去。

十年之后

十年后的今天,带着父亲、D 及另一众亲戚再游轿子雪山,季节、人、风景都不一样,但登顶的信念不曾更改。