React Native 系列【四】打包

  |   10 评论   |   56 浏览

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)

  |   0 评论   |   104 浏览

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 系列【异常】

  |   5 评论   |   944 浏览

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

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

  |   0 评论   |   117 浏览

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…

开始入 SVG

  |   8 评论   |   263 浏览

好吧,不的不说太久没写文章了,都不知道自己在忙些啥,感觉最近又 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

  |   16 评论   |   481 浏览

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

JS Emoji 过滤

  |   11 评论   |   780 浏览

想用的直接看最后一行就好 基础知识 不得不承认阮蜀黍的文笔通俗易懂 字符编码笔记: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 对….

黄山 - 杭州五日游记

  |   52 评论   |   1,067 浏览

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

时隔十年再游轿子雪山

  |   5 评论   |   3,246 浏览

十年之前

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

十年之后

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

申请 js.org 二级域名

  |   11 评论   |   608 浏览

https://hacpai.com/article/1485173842388 后,我本应该是去升级我的 webpack,但是但是,我的注意力被 js.org 这个域名吸引了。本宝宝也想要~~~~ I Want I Want I Want it… 原来还是蛮简单的,参照 https://dns.js.org/ 一步一步往下做就可以了。 登录 GitHub,参照 GitHub Pages 进行配置 检测你需要的 foo.js.org 是否存在? So lucky,我要的还在 :star2:,在想要不要帮 hacpai,b3log,sym 也注册一个。算了,他们又不是 js… 在你设定的 GitHub Page branch 上新建 CNAME 文件 到 GitHub repository 上 PR 一发 坐等 merge 但是,结果还是来来回回使用蹩脚英文沟通了几次 https://github.com/js-org/dns.js.org/pull/1025 。不过结局蛮好的,除夕夜前 https://vanessa.js.org 已经可以访问了哦。本来今天下午要修剪一下感觉长….