Mieruko的实验室

一图开发手记：React中的key属性踩坑

前言:最近在重构一图的过程中，拾起了初次开发时的一个历史遗留问题。这个问题出现在一图app的书单内容页面，点开一个书单的书目列表，在我将第一本书向左滑动使其显示删除按钮后，它大概长下面这样: 当我点击删除按钮的时候，我的意思是，希望本书消失，然后下面的书顶上来，然而它呈现了这个效果给我: 确实顶上来了，但是为什么我根本没有滑动哲学大辞典，它还是自己向左移动并把删除按钮露出来了？？？准确......

Posted by mieruko on 2017-07-20

Web安全常识总结

前言我所接触到的Web安全话题当下看来就是CSRF，XSS和HTTPS。 CSRF-跨站请求伪造CSRF 顾名思义，是伪造请求，冒充用户在站内的正常操作。要完成一次CSRF攻击，受害者必须依次完成两个步骤。1.登录受新人的网站A,并在本地生成Cookie。2.在不登出A的情况下，访问危险网站B。 CSRF的最终解决方案是使用CSRF-TOKEN。具体的做法是：服务器发送给客户端一个t......

Posted by mieruko on 2017-06-20

算法笔记：图论

前言算法系列不需要前言本系列力求以尽可能简洁的语言对传统算法作可理解的描述，不贴代码/伪代码。不是错题本，不是OJ参考答案(这个在这里)，只是总结图的遍历深度优先搜索深度优先搜索以”深度”作为第一关键词，每次都是沿着路径到不能再前进时才退回到最近的岔道口。广度优先搜索广度优先搜索以”广度”作为第一关键词，每次以扩散的方式向外访问顶点。使用BFS遍历图需要用到一个队列，通过反......

Posted by mieruko on 2017-06-20

算法笔记：排序

前言算法系列不需要前言本系列力求以尽可能简洁的语言对传统算法作可理解的描述，不贴代码/伪代码。不是错题本，不是OJ参考答案(这个在这里)，只是总结先上图：冒泡排序(O(n^2))冒泡排序的思想就是通过与相邻元素的比较和交换来把大的数交换到最后面。选择排序(O(n^2))首先在未排序序列中找到最小元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小元素，......

Posted by mieruko on 2017-06-10

考试周的非常规打卡

今天没有什么内容要记录，而且今天是考试周中的一天，所以专业课还没有看到1/4的我在今天出现看起来好像很奇怪。燃鹅我还是来写日志了，嘻嘻。在过去的没有更博的两个多月里，和小伙伴做了一个叫做一图:图书馆的另一半的图书馆周边应用，一边做一边学，虽然没有开博记录，但是还是学到了很多东西，超开心。真的真的感谢这一次的经历，一图带给我的除了技术视野的开阔，更重要的是并肩作战的伙伴，一起努力的回忆，还有因......

Posted by mieruko on 2017-06-07

RN|很RN的部分|其它组件篇

前言RN中有一些提前为我们写好的各种各样的其它组件。它们是: TextInput 文本框组件 ScrollView 滚动视图组件 Touchable触摸交互组件 TextInput这个组件可以类比为HTML标签里的input标签。 TextInput的常见属性有： placeholder 就和input标签的placeholder是一个东西 value 是默认的文本框内的......

Posted by mieruko on 2017-03-25

笔记：原型链，继承，闭包和作用域概念梳理

前言继承是ES5中非常重要的一个点。即便现在我们有了ES6，有了类，有了更轻松的写法，但继承的本质是不变的。要理解继承我们就必须理解原型链。构造函数写一个构造函数:1234567function Foo(name, age) { this.name = name this.age = age this.class = 'class-1' // return this ......

Posted by mieruko on 2017-03-25

RN|很RN的部分|基础组件篇

前言RN中有一些提前为我们写好的最基本的组件。它们是: 视图组件 View 文本组件 Text 图像组件 Image 列表视图组件 ListView ViewView组件是创建用户界面的一个最基本的组件，类似于我们html里面div标签。我们可以给它添加一些样式，添加事件等等。它当然必须是可以嵌套的: 123<View> <View><......

Posted by mieruko on 2017-03-23

RN|很RN的部分|样式相关

前言很“RN”的部分是相对于上一篇中很React的部分来说的。也就是说RN作为一个用于移动端开发的框架，它有一些特性是正常的前端框架所没有，而和移动开发关系很紧密的性质。 RN没有长度单位这一点很特别，在RN中，我们写长度宽度啥的都直接写数字。然后，它会根据你手机的类型自动适配一个单位。如果是安卓系统，单位就是dp,如果是ios系统，单位就是pt。dp这个单位还因手机而异，但是pt就是一个绝......

Posted by mieruko on 2017-03-22

重新理解ES6：是什么和为什么-变量声明篇

前言使用ES6进行App和网页开发已经有一段的时间了，用法天天见，不知所以然。前几天同期的培森向我推荐了《深入理解ES6》这本书，真是一本好书，一个个短小精悍的代码片段仿佛对读者的一番番质问：嗨，你真的懂我吗？？如果说各种各样的ES6语法讲解是在陈述事实，那么本书更倾向于做一道证明题：为什么ES6是这样的？（为什么需要这样？）帮助与支持:阮一峰的《ES6入门》让我见识了ES6的魔法。Z......

Posted by mieruko on 2017-03-21