学习react系列（八）—— mixins迁移

先来介绍一下mixins(混入) 先来看一段代码: const mixin = function(obj, mixins) { const newObj = obj; newObj.prototype = Object.create(obj.prototype); for (let prop in mixins) { if (mixins.hasOwnProperty(prop)) { newObj.prototype[prop] = mixins[prop]; } } return newOb…

学习React系列（十）——Render Props

解决问题:将行为封装,供多个组件使用(在多个组件之间分享某段代码) 组件中的props属性中包含一个"render"属性(该属性为一个返回值为元素的方法),然后在该组件的render方法中调用该方法,就可以将渲染内容变为动态的. class Cat extends React.Component { render() { const mouse = this.props.mouse; return ( <img src="./logo" style={{ p…

学习React系列（九）——高阶函数

定义:高阶组件就是一个函数,且该函数接收一个组件作为参数,并返回一个新的组件. (上一篇已经说过了高阶组件可以用来解决交叉问题) 一.不要改变原始组件,使用组合 class A extends React.PureComponent{ constructor(props){ super(props); this.state={ content:"我是A" } } componentWillReceiveProps(nextProps){ this.setState({ content:…

学习React系列（七）——Fragments、Portals、Error Boundaries与WEB组件

React.Fragment portals Error Boundaries WEB组件 React.Fragment 想象一个场景,想把td包装为组件添加到table中去,代码如下: class MyTable extends React.PureComponent { render() { rejturn( <table> <tbody <tr> <MyTd></MyTd> </tr> </table> </tbod…

学习React系列（六）——更新dom细节于原理

React更新dom的依据: 1.不同类型的elements会产生不同的树 2.通过render方法中包含key属性的子元素,开发者可以示意哪些子元素可能是稳定的. 更新过程: 一.根元素类型不同:旧树被卸载,旧的Dom节点销毁,Component实例将接收componentWillUnmount()方法, 当新建一个树,新节点插入到Dom中,Component实例接收componentWillMount()然后接收componentDidMount() 所有与旧树关联的状态全部销毁. <div…

学习React系列（五）——使性能最优

提高性能可分为两方面: 一.配置层面二.代码层面本文只从代码层面考虑: 一.避免重复渲染这里要说一句: 当shouldComponentUpdate返回false的时候不触发render函数也就无法造成渲染触发render之后react发现原来的dom与现在的dom一致,将不触发更新如何避免重复渲染呢? 其实就是在shouldComponentUpdate方法中进行if判断,特定条件下才允许返回true class CounterButton extends React.Compone…

学习React系列（四）——受控组件与非受控组件

受控组件:通过组件的状态与属性的改变来控制组件不可控组件:直接通过底层的dom来控制组件(具体来说就是通过绑定再底层dom上的方法来实现的,比如说ref,onChange) 受控组件 function validate(name, email, password) { // we are going to store errors for all fields // in a signle array const errors = []; if (name.length === 0) { er…

学习React系列（三）——Refs和Dom

一.适用于以下场景: 1.控制焦点,文本选择,或者媒体控制 2.触发必要的动画 3.整合第三方dom库二.不要过度使用ref 如果想通过ref来改变state,那么换一种方式-变量提升可能会更好. 三.ref可以添加在dom中 ref接收一个回掉函数,该函数的传入参数为底层的dom元素,该回掉方法会在组件挂载后和移除后立即执行, React 组件在加载时将 DOM 元素传入 ref 的回调函数,在卸载时则会传入 null.ref回调会在componentDidMount 或 component…

学习React系列（二）——深入了解JSX

1.JX实际上是React.createElement(component,props,...children)的语法糖 2.JSX判断是否为react组件的依据是标签首字母为大写(所以要求用户自定义的组件必须首字母大写) 3.JSX编译需要使用React.createElement方法和被编译的组件,所以在该作用域中需要存在React和组件对象,若不存在直接导入 4.可以使用 . 这个符号来获取react组件 import React from 'react'; const MyComp…

学习React系列（一）——React.Component 生命周期

挂载中(只执行一次) 以下方法在组件实例正被创建和插入到DOM中时调用 constructor()一般用于初始化state和方法的this绑定 componentWillMount() render() componentDidMount() 一般用于建立订阅,副作用和ajax获取数据更新中属性或者状态的改变会触发更新,以下方法将在组件重绘中被调用 componentWillReceiveProps() 用于处理挂载的组件属性变化引起的状态改变,通过比较来判定是否使用setstate方法…

步步为营 SharePoint 开发学习笔记系列总结

转:http://www.cnblogs.com/springyangwc/archive/2011/08/03/2126763.html 概要为时20多天的sharepoint开发学习笔记系列终于写完了,从基本的配置到web part开发,再到time job开发等等,其中由于自己才接触sharepoint一年的时间,很多认识还很浅,暂时先记下来,让自己能坚持学习的时候不忘写博客的习惯. 系例导航步步为营 SharePoint 开发学习笔记系列一.简介步步为营 SharePoint 开…

C#编译器优化那点事 c# 如果一个对象的值为null，那么它调用扩展方法时为甚么不报错 webAPI 控制器（Controller）太多怎么办？ .NET MVC项目设置包含Areas中的页面为默认启动页（五）Net Core使用静态文件学习ASP.NET Core Razor 编程系列八——并发处理

C#编译器优化那点事使用C#编写程序,给最终用户的程序,是需要使用release配置的,而release配置和debug配置,有一个关键区别,就是release的编译器优化默认是启用的.优化代码开关即optimize开关,和debug开关一起,有以下几种组合. 在Visual Sutdio中新建一个C#项目时,项目的“调试”(Debug)配置的是/optimize-和/debug:full开关,而“发布”(Release)配置指定的是/optimize+和/debug:pdbonly开关…

react系列从零开始-react介绍

react算是目前最火的js MVC框架了,写一个react系列的博客,顺便回忆一下react的基础知识,新入门前端的小白,可以持续关注,我会从零开始教大家用react开发一个完整的项目,也会涉及到webpack,node等前端知识,每天会更新一篇.这篇react的系列博客会覆盖react目前的所有知识点: 一.React基础1.React 虚拟DOM概念,React的性能高效的核心算法2.React组件,理解什么叫组件化3.React组件嵌套4.JSX内置表达式5.React的生命周期二.R…

KVM虚拟化学习笔记系列文章列表（转）

Kernel-based Virtual Machine KVM虚拟化学习笔记系列文章列表----------------------------------------kvm虚拟化学习笔记(一)之kvm虚拟化环境安装http://koumm.blog.51cto.com/703525/1288795kvm虚拟化学习笔记(二)之linuxkvm虚拟机安装http://koumm.blog.51cto.com/703525/1289627kvm虚拟化学习笔记(三)之windowskvm虚拟机安装h…

Dynamic CRM 2013学习笔记系列汇总

这里列出所有 Dynamic CRM 2013学习笔记系列文章,方便大家查阅.有任何建议.意见.需要,欢迎大家提交评论一起讨论. 本文原文地址: Dynamic CRM 2013学习笔记系列汇总一. 插件 Dynamic CRM 2013学习笔记(一)插件输入实体参数解析 Dynamic CRM 2013学习笔记(二)插件基本用法及调试 Dynamic CRM 2013学习笔记(四)单据编号及插件批量注册工具 Dynamic CRM 2013学习笔记(五)禁止修改.删除审批通过后的单据 D…

正式学习React (七) react-router 源码分析

学习react已经有10来天了,对于react redux react-redux 的使用流程和原理,也已经有一定的了解,在我上一篇的实战项目里,我用到了react-route,其实对它还只是停留在看完阮神的博客的基础上,一丢丢的小认识,对history 到底怎么用,Route里的我见别人还写了getcomponent代替component也不是很清楚.决定好好分析一下 react-route.咱们一个一个组件来学习. PS: 十几天的学习,我发现我的学习方式错了,其实应该直接先用一遍再来看源…

学习Emacs系列教程

emacs最简单入门,只要10分钟 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 8…

VSTO学习笔记（八）向 Word 2010 中写入表结构

原文:VSTO学习笔记(八)向 Word 2010 中写入表结构前几天公司在做CMMI 3级认证,需要提交一系列的Word文档,其中有一种文档要求添加公司几个系统的数据库中的表结构.我临时接到了这项任务,辅助相关人员完成这种文档. 示例代码下载本系列所有示例代码均在 Visual Studio 2010 Ultimate RTM + Office 2010 Professional Plus RTM x64 中测试通过注:本次使用的数据库为 SQL Server 2008 R2 DataC…

React 系列教程 1：实现 Animate.css 官网效果

前言这是 React 系列教程的第一篇,我们将用 React 实现 Animate.css 官网的效果.对于 Animate.css 官网效果是一个非常简单的例子,原代码使用 jQuery 编写,就是添加类与删除类的操作.这对于学习 React 来说是一个非常典型且简单的示例.但是我并不会在教程中介绍相关的前置知识,比如 JSX.ES6 等,对于小白来说还是会有一些困惑的地方,所以可能还要了解一下 React 相关的基础知识.虽然 React 有很多值得深究的知识,但这个系列教程主要以浅显易懂…

C语言高速入门系列(八)

C语言高速入门系列(八) C语言位运算与文件本章引言: 在不知不觉中我们的C高速入门系列已经慢慢地接近尾声了,而在这一节中,我们会对 C语言中的位运算和文件进行解析,相信这两章对于一些人来说是陌生的,由于非常多老师都会跳过这两个大知识点,事实上这两个也是灰常重要的!比方一个问题,叫你算变量a乘以2,怎么写效率高? 直接a *2,非常多人都这样写,可是假设你会位运算的话,你会a<<1; 位运算的效率但是比a*2高的哦.还有一个问题,不用变量左中间值,直接交换两个变量的值? 你怎么做?也是用…

系列文章--Node.js学习笔记系列

Node.js学习笔记系列总索引 Nodejs学习笔记(一)--- 简介及安装Node.js开发环境 Nodejs学习笔记(二)--- 事件模块 Nodejs学习笔记(三)--- 模块 Nodejs学习笔记(四)--- 与MySQL交互(felixge/node-mysql) Nodejs学习笔记(五)--- Express安装入门与模版引擎ejs Nodejs学习笔记(六)--- Node.js + Express 构建网站预备知识 Nodejs学习笔记(七)--- Node.js + Exp…

Bing Maps进阶系列八：在Bing Maps中集成OpenStreetMap地图

Bing Maps进阶系列八:在Bing Maps中集成OpenStreetMap地图 OSM(OpenStreetMap-开放街道地图)服务就是一种发布自己地图数据图片为服务的一种实现类型,开放街道地图成立动机在于希望能创造并且提供可以被自由地使用的地理资料(像街道地图)给每个想使用的人,就像自由软体所赋予使用者的自由一样,本篇将介绍如何在Bing Maps Silverlight Control开发中去使用OSM发布的地图服务. 要在Bing Maps Silverlight Control…