Frank's Blog

傲慢/自信,嫉妒/进取,暴怒/专注,懒惰/安逸,贪婪/希望,饕鬄/成长,淫欲/恋爱...

Git: Commit message 规范

本文摘自阮老师的博客 Commit message 的格式 每次提交,Commit message 都包括三个部分:Header,Body 和 Footer。 <type>(<scope>): <subject&gt...

2019-06-20 11:27:30

阅读数 22

评论数 0

写给自己看的React Hook笔记

参考文档地址 使用Effect Hook 使用Effect Hook的一个主要目的是解决class中同一生命周期经常包含不相关的逻辑,但又把相关的逻辑分离到了几个不同方法中的问题。 什么是Effect Hook useEffect 相当于componentDidMount,componentDi...

2019-06-18 16:32:04

阅读数 18

评论数 0

ReactNative集成Mobx

安装Mobx依赖 npm install --save mobx mobx-react 安装装饰器插件 方便使用mobx,如@observable,@observer,@action等 npm install --save-dev @babel/plugin-proposal-decorators...

2019-06-11 14:20:02

阅读数 13

评论数 0

ReactNative集成TypeScript

安装 npm i --dev typescript react-native-typescript-transformer 在项目的根目录下创建一个文件rn-cli.config.js module.exports = { getTransformModulePath() { ...

2019-06-10 15:30:18

阅读数 9

评论数 0

如何在循环中使用await

for async function fn() { let arr = [1,2,3]; console.log('start') for (const item of arr) { const res = await fetch(item) console.log(r...

2019-06-06 09:16:39

阅读数 37

评论数 0

遍历数组中的每一项,添加到对象中

方法一 let arr = [{a:1},{b:2}]; let obj = {c: 3}; let i = 0; let fun = (obj, i) => { if (i < arr.length) { obj = {...obj, ...arr[i]...

2019-06-04 09:07:00

阅读数 137

评论数 0

RN性能优化

原文链接:https://imweb.io/ 性能优化 踩坑总结 Image 组件圆角问题 Github Issue: https://github.com/facebook/react-native/issues/6556 问题描述 RN 的 Image 组件在 Android 5.0及...

2019-05-22 09:38:44

阅读数 16

评论数 0

react-native-pushy在Android上的使用过程

根据react-native-pushy文档,使用后的一整笔记整理。 环境配置 环境配置 环境:React Native 版本0.58,react-native-update 版本5.1.8 安装 npm i -g react-native-update-cli npm i react-nat...

2019-05-14 16:48:23

阅读数 60

评论数 0

RN超级大坑之安卓安装react-native-file-selector

安装npm install react-native-file-selector --save,之后千万不要link! 在android\settings.gradle添加include ':react-native-file-selector' project(':react-native-fi...

2019-05-07 11:56:47

阅读数 72

评论数 0

前端编程练习题

canvas制作表情包 表情包的基础图片地址: https://ke.qq.com/classroom/assets/lib/img/canvas-expression-base.png 题目要求 加载表情包的基础图片到画布上,要求图片左上角坐标为 (50, 110),图片尺寸为 200 * 2...

2019-04-29 18:04:15

阅读数 88

评论数 0

前端面试题

1.什么是盒子模型? CSS中的思维模型,每一个元素都包含margin,padding,boder,content区域,占一个盒子形状,整体称为盒模型。 2.简述一下src与href的区别? Href 超文本链接,指向网络资源所在位置,如果我们在文档添加<link href=&qu...

2019-04-29 17:57:23

阅读数 37

评论数 0

一次掌握 JavaScript ES5 到 ES8 数组内容

转自:原文链接 图片来源:Yi-Tai Lin ECMAScript 5.1 中提供的数组方法 其中部分方法,ECMAScript 3 就出现了,但是本文不再细分。 ECMA-262/5.1 规范 判断是否是数组 Array.isArray ( arg ) // f...

2018-06-27 10:22:13

阅读数 547

评论数 0

多列布局

(一)等分布局 flex <div class="parent"> <div class="column">&am...

2018-03-28 15:33:24

阅读数 61

评论数 0

布局:水平居中、垂直居中、水平垂直居中

水平居中 inline-block+text-align 兼容到IE6 把子元素设为inline-block 元素,然后对父元素设置text-align:center 让子元素居中 <div class="parent" s...

2018-03-28 11:41:08

阅读数 183

评论数 0

JS数组去重的6种方法

1.利用JSON对象属性去重 function select(arr) { let arrr2 = []; let json = {}; for (let i = 0; i < arr.length; i++) { //去json对象中访问抽出的数...

2018-03-24 15:49:43

阅读数 113

评论数 0

css实现基本图形

其他图形参见 css实现三角形 .box{ width:0; height:0; border:50px solid; border-color:red #fff #fff #fff; } css实现圆形 .box{ width:50...

2018-03-24 14:59:24

阅读数 97

评论数 0

SVG和Canvas的使用场景

详见知乎

2018-03-14 16:51:33

阅读数 866

评论数 0

git和svn的详细对比

原文地址 \ svn git 系统 1.集中式版本控制系统(更适用于项目文档管理)2.svn适合企业内部由项目经理统一协调的多个并行项目开发 1.分布式系统(仅适用于代码管理)2.适用于通过Internet开源项目开发 灵活性 1.如果svn的服务...

2018-03-02 17:21:26

阅读数 75

评论数 0

那一年,我是如何“挤”进淘宝的

原文地址 岁月如歌,你的人生即将翻开新的篇章,也许你需要一份展现自我的优秀简历,也许你需要一份属于自己的未来规划,也许你需要一个优秀的导师帮助你成长。淘宝前端团队有很多优秀的 FEDer,他们和你们一样富有激情和梦想,对于过去也有过徘徊和迷茫。优秀的他们用自己的激情和努力完成了学生到专业攻城师...

2018-02-03 16:05:52

阅读数 181

评论数 0

创建简单的 vue-router

这是一篇很简单的vue语法说明,但是讲的很全也很通俗易懂。 作者:sunseekers 原文地址 查看原图 vue-router : 简称路由,简单说就是根据不同的 url 地址,显示不同的效果 : 组件用于帮助用户进行 导航 ,也就是我们传统的 a 标签经常做的事;a的标签用 ...

2018-02-03 12:13:37

阅读数 110

评论数 0

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