橙煦媛-CSDN博客

原创 React-Native学习指南

React-Native学习指南本指南汇集React-Native各类学习资源，给大家提供便利。同时还有Awesome React-Native系列https://github.com/jondot/awesome-react-native教程 React-Native视频教程(部分免费) https://egghead.io/technologies/reactreact-native 官

2017-08-31 17:47:21 641

最近碰到一系列问题，正好求知所问深入学习了下git 内部原理，东西比较多，先从git merge 说起，因为merge是所有版本控制系统中最最核心之一，本文通过讨论是2个commit 之间的合并类似git merge C1 C2 ，更多的 git merge C1 C2 C3 ..Cn-1,Cn 合并也是一样的，他们主要是先将Cn 和 Cn-1先合并然后从后往前在递归合并所有。merge 常见误区

2017-08-14 14:49:57 14922 7

原创【React】ReactDOM.render源码分析

这是一个hello world，你造咩ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('example'));ReactDOM.render()实际调用ReactMount.render() /** * @param {ReactElement} nextElement 要插入到DOM中的组件

2017-08-04 23:44:11 5112

原创 Webpack "Invalid Host Header"

error信息问题原因新版webpack-dev-server修改了一些东西，默认检查hostname。如果hostname不是配置内的，将不可访问。webpack-dev-server 更新的2.4.3 和 1.16.4 版本，除了常规的 BugFixes 和 Features，还特别注明了一项 Security Fix，并指出这很可能是一个 Breaking Change，但因为并没有涉及到架构

2017-08-01 14:12:41 939

原创【React】什么时候使用shouldComponentUpdate方法?

你听说React是一个很快的前端框架，决定试一试。然后你找了个样例开始了React之旅，这时你注意到shouldComponentUpdate和PureRenderMixin，通过google找到一些技巧让React变得更快。但是React真的快吗？答案是React确实很快…不过是在某些时候。其他时候，你应该使用shouldComponentUpdate，但是其他时候是什么时候呢？如果只是一个是或否

2017-08-01 14:11:10 21384 1

原创 React diff

传统diff算法传统diff算法通过循环递归对节点进行依次对比，效率低下，算法复杂度达到 O(n^3)，其中 n 是树中节点的总数let result = [];const diffLeafs = function (beforeLeaf, afterLeaf) { // 获取较大节点树的长度 let count = Math.max(beforeLeaf.children.len

2017-08-01 14:09:51 433

原创 git 总结+踩坑

git 总结+踩坑1. git pushgit push origin 上面命令表示，将当前分支推送到origin主机的对应分支。git push 如果当前分支只有一个追踪分支，那么主机名都可以省略; 如果当前分支与多个主机存在追踪关系，那么这个时候-u选项会指定一个默认主机，这样后面就可以不加任何参数使用git push;git push -u origin master 如果当前分

2017-07-12 20:08:06 334

原创浏览器地址栏输入url到显示页面步骤

浏览器地址栏输入url到显示页面步骤查看缓存无缓存，发起请求有缓存，且可用（cache-control:max-age, expires过期时间），直接解析转码有缓存，过期（Etag+If-None-Match， Last-Modified+If-Modified-since），发起请求参考：http://blog.csdn.net/u012937029/article/detai

2017-05-07 15:03:05 1957

原创 HTTP报头含义

Genneral 公共头部Request URl:请求的域名 Request method:GET请求方式 Status code: 200ok remote Address: 请求的远程IP地址Request 请求头Accept: 浏览器支持的MIME类型（媒体类型） Accept-Encoding: 支持的压缩类型 Accept-Language: 支持的语言 Cache-Contr

2017-05-07 15:01:40 831

原创浏览器缓存：expires Cache-Control Last-Modified Etag

缓存机制(http1.0中)检查expires过期时间， (http1.1中)检查Cache-Control的max-age，优先级更高 Pragma(兼容http1.0, 在HTTP/1.1协议中，它的含义和Cache- Control相同) 是否可以直接使用缓存资源？可以使用：则返回200(from cache)，此时浏览器和服务器没有任何交互已过期： (1)使用Last-Mod

2017-05-07 15:00:45 784

原创 CSS中的BFC

1.BFC是什么BFC(Block formatting context)直译为”块级格式化上下文”。它是一个独立的渲染区域，它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。2.BFC布局规则内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin bo

2017-04-06 14:54:20 288

原创 querySelector系列和getElement系列区别

querySelector系列属于 W3C 中的 Selectors API 规范 querySeletor()返回一个对象 querySelectorAll()返回一个集合（NodeList）参数均为：css selector字符串获取页面I属性D为test的元素： document.querySelector("#test"); document.querySelect

2017-04-01 16:59:49 1750

原创 IFE Vue动态数据绑定

终于完成了Vue动态数据绑定这个任务，发现自己连渣都称不上，沫沫而已。。提交地址：https://github.com/touming123/IFE-Baidu/tree/master/vue1.给定任意一个对象，如何监听其属性的读取与变化ES中有两种属性：数据属性和访问器属性数据属性：configurable,enumerable,writabel,value 访问器属性：(包含一对ge

2017-04-01 11:34:21 481 1

原创遍历JS对象，包括enmuerable=false

可枚举性（enumerable）用来控制所描述的属性，是否将被包括在for…in循环之中。具体来说，如果一个属性的enumerable为false，下面三个操作不会取到该属性。 * for..in循环 * Object.keys方法 * JSON.stringify方法// 为 Object 设置三个自定义属性（可枚举）Object.prototype.userProp = 'userPro

2017-03-28 19:42:55 428

原创重绘和重排

重绘重绘是一个元素外观的改变所触发的浏览器行为，例如改变visibility、outline、背景色等属性。浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。重绘不会带来重新布局，并不一定伴随重排。重排重排是更明显的一种改变，可以理解为渲染树需要重新计算尽量减少重排次数和缩小重排的影响范围　1. DOM元素的几何属性变化　　当DOM元素的几何属性变化时，渲染树中的相关节点就会失效，浏览器

2017-03-27 17:39:46 386 1

原创 [LeetCode] 146. LRU Cache java

/**146. LRU Cache * @date: 2016年10月27日 * @description: http://blog.csdn.net/sbitswc/article/details/35899935*/private HashMap<Integer, DoubleLinkedListNode> map = new HashMap<Integ

2017-03-23 15:36:16 711

原创 [LeetCode] 143. Reorder List java

/**143. Reorder List * @param head */ public void reorderList(ListNode head) { if (!(head == null || head.next == null)) { ListNode fast = head; ListNode

2017-03-23 15:35:51 526

原创 [LeetCode] 142. Linked List Cycle II java

/**142. Linked List Cycle II * @param head * @return */ public ListNode detectCycle(ListNode head) { if (head == null || head.next == null) { return null;

2017-03-23 15:35:29 336

原创 [LeetCode] 141. Linked List Cycle java

/**141. Linked List Cycle * @param head * @return 判断链表是否有环 */ public boolean hasCycle(ListNode head) { if (head == null || head.next == null) { return false;

2017-03-23 15:35:09 319

原创 [LeetCode] 138. Copy List with Random Pointer java

/**138. Copy List with Random Pointer * @param head * @return 深度复制一个链表，使用重新分配内存保存新的 */ public RandomListNode copyRandomList(RandomListNode head) { if (head == null || head.ne

2017-03-23 15:34:43 231

原创 [LeetCode] 25. Reverse Nodes in k-Group java

/**25. Reverse Nodes in k-Group * @param head * @param k * @return 以k为单位交换节点 */ public ListNode reverseKGroup(ListNode head, int k) { if (head == null || k == 0 || k ==

2017-03-23 15:34:21 327

原创 [LeetCode] 24. Swap Nodes in Pairs java

/**24. Swap Nodes in Pairs * @param head * @return 交换相邻的两个节点值 */ public ListNode swapPairs(ListNode head) { if (head == null || head.next == null){ return head;

2017-03-23 15:34:01 246

原创 [LeetCode] 19. Remove Nth Node From End of List java

/**19. Remove Nth Node From End of List * @param head * @param n * @return 移除倒数第n个节点 */ public ListNode removeNthFromEnd(ListNode head, int n) { if (head == null || n =

2017-03-23 15:33:34 262

原创 [LeetCode] 61. Rotate List java

/**61. Rotate List * @param head * @param k * @return 成环后右移k位 */ public ListNode rotateRight(ListNode head, int k) { if (head == null || k == 0) { return he

2017-03-23 15:33:14 162

原创 [LeeCode] 82. Remove Duplicates from Sorted List II java

/**82. Remove Duplicates from Sorted List II * @param head * @return 出现次数>=2的数字全不要 */ public ListNode deleteDuplicates2(ListNode head) { if (head == null || head.next == null

2017-03-23 15:32:51 341

原创 [LeetCode] 83. Remove Duplicates from Sorted List java

/**83. Remove Duplicates from Sorted List * @param head * @return 链表去重 */ public ListNode deleteDuplicates(ListNode head) { if (head == null) { return null;

2017-03-23 15:32:31 180

原创 [LeetCode] 86. Partition List java

/**86. Partition List * @param head * @param x * @return 比x小放左边，>=x放在右边 */ public ListNode partition(ListNode head, int x) { ListNode left = new ListNode(-1); L

2017-03-23 15:31:58 222

原创 [LeetCode] 92. Reverse Linked List II java

/**92. Reverse Linked List II * @param head * @param m * @param n * @return 逆转m-n之间的数字 */ public ListNode reverseBetween(ListNode head, int m, int n) { if (head ==

2017-03-23 15:31:34 334

原创 [LeetCode] 2. Add Two Numbers java

/**2. Add Two Numbers * @param l1 * @param l2 * @return 逆序的两个数相加，保存个位数 */ public ListNode addTwoNumbers(ListNode l1, ListNode l2) { ListNode l3 = new ListNode(-1);

2017-03-23 15:30:45 236

原创 IFE 小薇学院（html/css）

任务一：零基础HTML编码题目：http://ife.baidu.com/course/detail/id/90 提交：https://github.com/touming123/IFE-Baidu/blob/master/part1/task1/index.html demo：http://htmlpreview.github.io/?https://github.com/touming1

2017-03-22 18:14:47 921

原创 IFE 耀耀学院（基础综合）

任务一：表单（一）单个表单项的检验任务：提交： demo：任务一：表单（一）单个表单项的检验任务：http://ife.baidu.com/course/detail/id/97 提交：https://github.com/touming123/IFE-Baidu/tree/master/part3/task1 demo：http://htmlpreview.github.io/

2017-03-17 20:54:59 547

原创 IFE 斌斌学院(js)

任务一：零基础JavaScript编码（一）任务：http://ife.baidu.com/course/detail/id/93 提交：https://github.com/touming123/IFE-Baidu/tree/master/part2/task1任务二：零基础JavaScript编码（二）任务：http://ife.baidu.com/course/detail/id/

2017-03-17 20:50:18 793 1

原创 HTML语义化标签

现在html越来越提倡语义化，这样不仅方便开发者更好地理解文档，也使得计算机对于文档地理解更加地友好。比如人工智能的语义分析，搜索引擎的搜索分析，辅助视力阅读障碍者的屏幕阅读器之类的软件，在语义化标签的帮助下，能够更好的工作。文档结构h5新标签 <html> <head> <body> <header> (包含网站的标题，或

2017-03-17 14:35:26 233

原创 IFE-JS 任务一：零基础JavaScript编码（一）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head><body> <label>请输入北京今天空气质量：<input id="aqi-input" type="text"></label> <button id="button

2017-03-14 21:20:16 464

原创 JS中浮点数相加问题

采用IEEE 754 Floating-point的浮点数编码方式来表示浮点数按IEEE 754格式保存的浮点数精度相当于带有15、16或17位小数位数的十进制小数，由于存在二进制和十进制的转换问题，具体的位数会发生变化。要获得最高的转换精度，必须指定17位的小数——此时可以相信前15位的精度运算原则 ■ 大多数Web页面不需要小数避免使用小数，尽量设法使用整数。确保数组的索引都是整数。

2017-03-10 09:28:58 13221

原创 [LeetCode] 75. Sort Colors java

/**75. Sort Colors * @param nums * red,white,blue,不能使用常规排序 */ public void sortColors0(int[] nums) { int red = -1, white = -1, blue = -1; for (int i = 0; i < nums.leng

2017-03-09 16:13:13 173

原创 [LeetCode] 41. First Missing Positive java

/**41. First Missing Positive * @param nums * @return 第一个缺少的正数 * O(n) */ public int firstMissingPositive(int[] nums) { int len = nums.length; if (nums == null

2017-03-09 16:12:49 233

原创 [LeetCode] 148. Sort List java

/**148. Sort List * @param head * @return O(nlogn)给链表排序 */ public ListNode sortList(ListNode head) { if (head == null || head.next == null) return head;

2017-03-09 16:12:27 691

原创 [LeetCode] 147. Insertion Sort List java

/**147. Insertion Sort List * @param head * @return 链表，使用插入排序 */ public ListNode insertionSortList(ListNode head) { if (head == null) return head; ListNo

2017-03-09 16:12:06 427

原创 [LeetCode] 23. Merge k Sorted Lists java

/**23. Merge k Sorted Lists * @param lists * @return 合并k路有序链表 */ public ListNode mergeKLists(ListNode[] lists) { int n = lists.length; if (n == 0) retur

2017-03-09 16:11:43 176

空空如也

空空如也