fighting of erha


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

  • 搜索

react-native随笔

发表于 2019-02-14 | 分类于 react-native | 阅读次数: ℃
字数统计: 236 | 阅读时长 ≈ 1

前言

做了react-native也有两年了,平时遇到的注意点和坑,只是解决了,但是并没有记录,现在回想我都不记得我遇到哪些坑了,一脸懵逼当中23333.。。,
还是动动手记录下,免得明年也懵逼😆

注意点、坑点、不常用不易记的

  • 1、flex和flexGrow的区别:正常情况下,flex:1,和flexGrow: 1,都会在父元素下占满各自的空间,flex: 1时,一个view想设置height,同时高于
    父元素的空间,这样高度仍然是占满父元素并不会撑开。flexGrow: 1时,设置了height,不会受父元素空间限制。
    解释:flex只有一个值,且值为整数时,等价于 flex:X, 1, 0 !!这才是最终答案,是根本原因。
    flex这个属性是flexGrow、flexShrink和flexBasis三个属性的缩写。
    详细布局片可以看这篇文章[http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html]

JS知识面试题

发表于 2019-01-07 | 分类于 面试题类目 | 阅读次数: ℃
字数统计: 7.7k | 阅读时长 ≈ 31

一、基础javascript篇

1、类的创建和继承

(1)类的创建(es5):new一个function,在这个function的prototype里面增加属性和方法。

下面来创建一个Animal类:

1
2
3
4
5
6
7
8
9
10
11
12
13
// 定义一个动物类
function Animal (name) {
// 属性
this.name = name || 'Animal';
// 实例方法
this.sleep = function(){
console.log(this.name + '正在睡觉!');
}
}
// 原型方法
Animal.prototype.eat = function(food) {
console.log(this.name + '正在吃:' + food);
};
阅读全文 »

IOC设计理念

发表于 2019-01-04 | 分类于 设计模式 | 阅读次数: ℃
字数统计: 641 | 阅读时长 ≈ 2

什么是 IoC

IoC 的全称叫做 Inversion of Control,可翻译为为「控制反转」或「依赖倒置」,它主要包含了三个准则:

1、高层次的模块不应该依赖于低层次的模块,它们都应该依赖于抽象
2、抽象不应该依赖于具体实现,具体实现应该依赖于抽象
3、面向接口编程 而不要面向实现编程

依赖注入


所谓的依赖注入,简单来说就是把高层模块所依赖的模块通过传参的方式把依赖「注入」到模块内部,上面的代码可以通过依赖注入的方式改造成如下方式:

阅读全文 »

常用的css reset

发表于 2018-12-12 | 分类于 CSS类 | 阅读次数: ℃
字数统计: 842 | 阅读时长 ≈ 4

常用的css reset

雅虎工程师提供的CSS初始化示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
阅读全文 »

vue面试题

发表于 2018-11-29 | 分类于 面试题类目 | 阅读次数: ℃
字数统计: 0 | 阅读时长 ≈ 1

react面试题

发表于 2018-11-29 | 分类于 面试题类目 | 阅读次数: ℃
字数统计: 950 | 阅读时长 ≈ 3

1、dispatch触发action,react视图更新过程

当我们dispatch 一个 action 的时候, 调用的其实是 store.dispatch,这个都没问题,store.dispatch 会去跑一遍所有注册在 createStore 中的 reducer, 找到对应的 type 更新数据,返回一个新的 state。

阅读全文 »

mac中使用生成项目结构图tree

发表于 2018-11-29 | 分类于 工具类 | 阅读次数: ℃
字数统计: 498 | 阅读时长 ≈ 1

mac

Mac 的话是没有自带tree命令的,但是我们可以通过homebrew(如果你不知道它的话,这是官网)安装:

1
2
	
brew install tree

然后等待安装完成后

1
2
tree --version	# 查看是否安装成功
tree --help # 查看帮助
阅读全文 »

mpvue入手及遇到的坑点

发表于 2018-11-29 | 分类于 mpvue | 阅读次数: ℃
字数统计: 2.2k | 阅读时长 ≈ 9

前言

对于未接触过小程序的我来说,想起手做个小程序还是要费点时间去学习,但是mpvue的出现让我提起了做小程序的兴趣。从而我的第一个小程序就这么从mpvue中摸爬滚打中开始了

阅读全文 »

React高阶组件(HOC)入门

发表于 2018-11-16 | 分类于 react | 阅读次数: ℃
字数统计: 2.7k | 阅读时长 ≈ 11

前言

    之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的,能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Considered Harmful介绍了Mixin带来的一些问题,总结下来主要是以下几点:

阅读全文 »

markdown基础语法

发表于 2018-11-16 | 分类于 工具类 | 阅读次数: ℃
字数统计: 649 | 阅读时长 ≈ 2

1. markdown是什么?

Markdown是一种轻量级标记语言,它以纯文本形式(易读、易写、易更改)编写文档,并最终以HTML格式发布。
Markdown也可以理解为将以MARKDOWN语言编写的语言转换成HTML内容的工具,最初是一个perl脚本Markdown.pl。

阅读全文 »
12
fighting of erha

fighting of erha

12 日志
8 分类
7 标签
RSS
GitHub 简书 掘金
推荐阅读
  • React Native
  • React
  • 大黄博客
  • 蛋蛋博客
  • hexo搭建
  • DaoVoice接入
  • 前端知识博客
© 2019 fighting of erha
本站访客数:
博客全站共18.1k字