柒青衿
柒青衿

React-react16和webpack4来写一个SSR应用

本文的demo仓库在 https://github.com/qiqingjin/blog/tree/master/React_Redux/，喜欢请star哟~

前面的话

React 16开始重视服务器端渲染，也就是SSR，不再严格对比checksum，不知道你的应用升级了么。
Webpack 4的支持主要看依赖的plugin和loader，目前主流plugin已经支持，可以升级咯。

demo地址：https://github.com/qiqingjin/blog/tree/master/React_Redux/demos，使用了React，Redux和Webpack，服务器是Koa，你可以clone这个仓库，使用 https://github.com/qiqingjin/blog/blob/master/React_Redux/README.md 这个步骤进行本地启动。

基本思想

简单来说，我要做的事情就是，写一套react页面，服务器端和浏览器端都可以把它们转换成html页面。当用户请求某些页面时，例如：首页，先进行服务器端渲染，然后返回html页面。浏览器会把服务器端html与浏览器端渲染的html页面对比，并尽量复用服务器端返回的html，展示到浏览器上。注意，React 16不再使用checksum进行严格校验。

面临的问题

  1. 服务器端渲染不会执行ajax请求，如何进行数据请求
  2. 不同的路由，在浏览器端会请求不同的数据，如何在服务器端根据路由来进行数据处理

数据请求

react-dom/server提供了一个renderToString方法，可以把react的虚拟dom，也就是react component的类，转换成html。我们只要在调用这个方法之前，提前执行需要在浏览器端执行的请求就好，看代码：

// demos/server/server.js
const {data: todosData} = await axios.get('http://localhost:667/rest/todos');

然后需要获取react组件，我这里使用koa,node端不支持import等方法，需要用webpack把react组件编译，注意，服务器端编译的config配置和浏览器端编译的config略有不同，请看demos/client/webpack.config.js和demos/client/webpack.config.ssr.js。获取react组件的代码：

// demos/server/server.js
const indexBundle = require('./dist/main.ssr');
const indexApp = indexBundle.__esModule ? indexBundle.default : indexBundle;

获取react组件后，需要把数据注入到redux的createStore方法中，再传给react组件，保证react组件中的store有dispatch等方法。

// demos/server/server.js
const store = indexApp.createStore(initData);
const instance = indexApp.createApp(store);
const todosStr = ReactDOMServer.renderToString(instance);

最后，需要把数据放到window对象上，让浏览器端用来渲染浏览器端html，然后与服务器端html对比，尽量复用。

// demos/server/server.js
const syncScript = `

你可能感兴趣的:(Redux,React)

  • 分享JavaScript中直接调用CSS中的类名 奔跑的呱呱牛 javascriptcss开发语言
    分享JavaScript中直接调用CSS中的类名在现代的JavaScript框架（如React、Vue）中，使用CSS模块（CSSModules）是一种非常流行的方式。.module.css文件扩展名代表的是CSS模块，它与普通的CSS文件不同，能够解决样式全局污染的问题，并且实现更好的样式隔离。为什么要使用.module.css作用域隔离：传统的CSS文件中的类名是全局的，这意味着如果多个组件或
  • 基于ReAct提示词框架的大语言模型Agent原理 会写代码的孙悟空 chatGPT语言模型chatgpt人工智能智能体agent
    简介论文出自ReAct:SynergizingReasoningandActinginLanguageModelsReAct=reason+actreason：推理act：行动先看reason和act都是哪种模式思维链技术（ChainofThought）是一种用于提高大型语言模型（如GPT）解决问题能力的技巧。这种技术的核心思想是将复杂的问题分解成一系列更简单的步骤，然后逐步解决这些步骤，最终达到
  • 高频面试题：ReactNative前端面试频率较高的面试题和答案（十六） 夲奋亻Jay 高频面试题react跨端reactnative前端面试
    ReactNative是一个由Facebook开发的框架，它允许使用React来开发原生移动应用。以下是一些在前端面试中可能会问到的关于ReactNative的高频面试题及答案：ReactNative是什么？答案：ReactNative是一个基于React构建的框架，允许使用JavaScript和React的编程方式来开发原生移动应用。ReactNative与React有什么不同？答案：React
  • 求教大佬们react native 如何实现fiexd固定列 小时候丶_2e0a
    上图是我用reactnative封装的一个table，但是固定列没有同步滚动fiexd的固定列，我的思路是将表格分为左右两个flatlist，分别放fiexd和非fiexd列，然后滚动右边的flatlist监听onScroll事件，并设置scrollEventThrottle频率次数，然后在onScroll的自定义方法里去同步更改左边的flatlist偏移。结果，数据量很少的时候还看不出什么，数据
  • 07_React 路由 qiao若huan喜 React全家桶react.js前端前端框架
    React路由（5.x版本）一、相关理解1、SPA的理解2、路由的理解2.1什么是路由？2.2路由分类2.2.1后端路由2.2.2前端路由3、react-router-dom（Web开发使用）的理解二、react-router-dom相关API1、内置组件1.1BrowserRouter1.2HashRouter1.3Route1.4Redirect1.5Link1.6NavLink1.7Swit
  • 为什么要写super(props) xiaohesong
    原文:WhyDoWeWritesuper(props)?本文原文:为什么写render(props)我听说hooks最近很热。具有讽刺意味的是，我想通过描述有关类组件的有趣事实来开始这个博客。那会怎么样！这些陷阱对于有效地使用React并不重要。但是如果你想更深入地了解事情的运作方式，你可能会发现它们很有趣。这是第一个。我写过的super(props)比我知道的要多:classCheckboxex
  • react native 大坑之react-navigation导航 我的铁锤妹妹
    1、stacknagator路由嵌套，会在最外层多出一个头部title组件，在属性中隐藏navigationOptions:{header:null,}2、导航嵌套，需先声明，后引入。引入的二级导航应放在之前（上面）先声明。3、多个路由可以相互嵌套，暂时解决问题：登录成功后，跳转到主页面，安卓版本点击物理返回键，从主页面中直接退出，而不会回退回到登录页面。其他页面跳转到主页会重置路由，点击物理返回
  • .NetCore+vue3上传图片 Multipart body length limit 16384 exceeded. 鱼是一只鱼啊 Vue后端.netcore图片上传vue3el-upload
    实现目标。点击图片上传头像效果图前端部分图片上传关键代码更换头像上传js部分import{ref,reactive,onMounted}from"vue";import{uploadAvatar}from"../../api/auth";import{ElMessage}from"element-plus";exportdefault{setup(){constfit=ref("cover");c
  • Telegram miniApp开发（三） 无物勿吾 Telegramchrome前端
    本节主要讲设置导航栏和监听事件导入依赖宝定义全局Context"useclient";import{createContext,useContext,useEffect,useMemo,useState}from"react";interfaceITelegramUser{id:number;first_name:string;last_name:string;username:string;la
  • HTML到React解析器 - 使用指南及教程 罗昭贝Lovely
    HTML到React解析器-使用指南及教程html-react-parser:memo:HTMLtoReactparser.项目地址:https://gitcode.com/gh_mirrors/ht/html-react-parser一、项目介绍HTML到React解析器（html-react-parser）是由remarkablemark开发的一款开源工具库，专为将普通的HTML字符串转换成R
  • React css自动原子化 qq_42274451 javascript前端
    开篇闲来无事，开发一个css自动原子化工具玩玩。本文仅为实现思路，如有改进地方希望各位积极评论交流。背景现有的css原子化方案对于开发者不算友好。开发者很难记得所有原子化样式。对于不常用的样式需要进行配置。效果打包效果对比原子化前->原子化后(gzip压缩之前，由于css原子化之后gzip压缩比率降低，导致效果没有压缩前明显)以下为原子化完成后webpack打包出的代码片段打包后部分js片段打包后
  • vue3 watch监听响应式数组失效问题 妙明元心 前端javascriptvue.js
    constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
  • vue3 el-menu 菜单Maximum recursive updates exceeded 报错 supming1 vue.js
    vue3用el-menu实现管理后台左侧菜单，报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi
  • 前端框架有哪些 如何选择和优缺点 大白菜程序猿 前端前端框架
    前端框架是用于构建用户界面的工具和库，它们提供了一套预定义的组件、样式和交互模式，帮助开发者更高效地开发前端应用。目前市面上存在多种前端框架，每种框架都有其独特的优势和缺点。以下是一些常见的前端框架及其优势和缺点的概述：常见前端框架React优势：组件化：React鼓励开发者通过创建可复用的组件来构建应用，这有助于提高代码的可维护性和可重用性。高性能：React使用虚拟DOM来优化性能，减少了真实
  • React（脚手架）——create-react-app撸api（七）生命周期 感觉不错哦
    也快速过一下importReact,{Component}from'react'importaxiosfrom'axios'classNewextendsComponent{constructor(props){console.log('01构造函数')super(props);this.state={msg:''};}componentWillMount(){console.log('02组件将
  • Crush the cube-Grasp the time Madelines
    Thesmallsquarewillpassunderthepipe,andtheplayer'staskistograbthetimingandcrushallthesmallsquares.Veryinterestingchallenge,testyourreactionspeed,ofcourse,youmustalsoseizethetiming,onlythenyoucancrushmo
  • 【前端面试】事件监听机制&React 的事件系统实现 贾明恣 前端react.js面试
    目的React实现了自己的事件系统，主要是为了解决以下几个问题：跨浏览器兼容性：不同的浏览器在处理DOM事件时有不同的实现，React的事件系统抽象了这些差异，提供了一致的API给开发者使用。性能优化：React可以对事件进行池化（Pooling），这意味着事件对象可以在事件处理过程中被重用，减少了内存分配和垃圾回收的开销。合成事件（SyntheticEvents）：React使用合成事件来封装所
  • uniapp安装自动导入插件 小汤猿人类 vue.jsjavascriptecmascript
    在日常编写中发现不断的使用import太麻烦,每次使用组件都需要导入,应该如何解决呢可以通过unplugin-auto-import插件来完成主要功能自动导入Vue组件:例如ref,reactive,computed等。支持其他库:可以配置来支持如lodash,dayjs等常用库的自动导入。按需加载:只导入实际使用的部分，减少打包体积。如何使用??以管理员运行HbuilderX打开终端运行以下命令
  • 分析React fiber weixin_34367845 javascript数据结构与算法ViewUI
    Reactfiber是最新react用的算法选择，其大概的介绍点击这里;现在的局限在现有React中，更新过程中是同步的（这个js代码的代码执行相关）同步的递归的渲染和调和fiber目的中断进程，后面还可以回到进程(work)中；为各个进程(work)分优先级；可以再次使用之前完成的进程(work)；终止后面不再使用的进程(work)；Inordertodoanyofthis,wefirstnee
  • Axure元件库Ant Design中后台原型模板：提升设计与开发效率的利器 招风的黑耳 观点与探讨axureAntDesign
    企业对于中后台产品的设计与开发需求日益增长。为了提升用户体验和开发效率，设计者和开发者们不断寻求更加高效、统一的解决方案。AntDesign，作为阿里巴巴开源的一套企业级UI设计语言和React组件库，凭借其丰富的组件和统一的设计风格，已成为众多项目的首选。而在Axure中使用AntDesign元件库，更是为中后台产品的原型设计带来了极大的便利。AntDesign简介AntDesign是一套服务于
  • React 中的 Fiber 架构 hawk2014bj react.js架构前端
    ReactFiber介绍ReactFiber是React的一种重写和改进的核心算法，用于实现更细粒度的更新和高效的调度。它是React16版本中的一个重要更新，使得React能够更好地处理复杂和高频的用户交互。以下是对ReactFiber的详细介绍：为什么需要ReactFiber？在传统的React中，更新操作是同步的，一旦开始更新，整个组件树的更新过程不会被中断。这在处理复杂组件树或高频用户交互
  • 怎样才算一个计算机知识体系完整的毕业生 X呜呼啦呼
    为什么突然想写这个话题呢？最近有不少新关注的读者，在后台问：大学学Java和C++哪个好找工作，学前端好还是后端好，该学Vue还是React。。。仿佛看到了自己当年的模样，所以觉得有必要单独写一篇文章，单纯以一个计算机应届毕业生的身份聊聊，我认为大学四年，计算机科班学生应该学些什么，哪些才是重点。同样大学四年，为什么有些同学毕业就能成为大厂Offer收割机，各种SP、SSP拿到手软，有的同学明明在
  • 【Material-UI】Mini Variant Drawer 详解 Peter-Lu #material-uiuijavascript前端Material-UIreact.js
    文章目录一、Minivariantdrawer概述1.组件介绍2.Minivariantdrawer的核心特点二、Minivariantdrawer的基本实现三、Minivariantdrawer的细节解析1.展开与折叠的动态效果2.响应式设计3.适用场景四、如何在项目中使用Minivariantdrawer五、总结Material-UI是React生态系统中的一款强大且流行的UI框架，它提供了大
  • React 入门第九天：与后端API的集成与数据管理 Caleb-niu React‘sfamilyreact.jsjavascript前端
    在React学习的第九天，我集中学习了如何与后端API进行集成。这一步是将静态的React应用转变为动态、可交互的关键。通过与后端通信，我们可以从服务器获取数据、发送用户输入以及处理复杂的业务逻辑。1.使用fetch进行数据请求React没有内置的HTTP库，因此我们通常使用浏览器提供的fetchAPI或第三方库如axios来发送请求。以下是一个使用fetch从API获取数据的示例：importR
  • React Native Date Picker 使用教程 喻季福
    ReactNativeDatePicker使用教程react-native-date-pickerReactNativeDatePickerisdatetimepickerforAndroidandiOS.Itincludesdate,timeanddatetimepickermodes.Thedatepickeriscustomizableandissupportingdifferentlang
  • 基于 React & TypeScript & Webpack 的微前端应用模板 weixin_33806300 前端webpackjavascriptViewUI
    m-fe/react-ts-webpack在Web开发导论/微前端与大前端一文中，笔者简述了微服务与微前端的设计理念以及微前端的潜在可行方案。微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。如康威定律(Conway’sLaw)所言，设计系统的组织，其产生的设计和架构等价于组织间
  • 在react中要将页面跳转有动画 Mr_wuying reactreact.js前端前端框架
    //页面切换过渡动画.page{position:absolute;left:15px;right:15px;}//页面切换过渡动画---进入.page-enter{opacity:0;transform:translateY(100%);}//页面切换过渡动画---进入（被激活）.page-enter-active{opacity:1;//transform:scale(1);transform
  • 【微前端】ReactJS实现微前端的代码架构 小涵 前端框架前端react.js架构前端框架javascriptmicroservices微前端
    【微前端】ReactJS实现微前端的代码架构目录【微前端】ReactJS实现微前端的代码架构通用步骤基于微前端的应用典型树结构：示例代码Webpack设置：Babel设置：配置Webpack别名：依赖管理：推荐超级课程：Docker快速入门到精通Kubernetes入门到大师通关课AWS云服务快速入门实战微前端是一种构建Web应用程序的架构方法，涉及将单块前端拆分为更小、更易管理的组件。这些更小的
  • 前端开发必看：2024年最受欢迎的前端框架大盘点 码上飞扬 编程开发前端框架ReactVue.jsAngularSvelteEmber.js
    在现代Web开发中，前端框架的选择对项目的成功与否至关重要。随着技术的不断发展，前端框架层出不穷，各自有着不同的特点和适用场景。本文将为您介绍目前最受欢迎的前端框架，帮助您选择最适合您项目的工具。1.React概述React是一个由Facebook开发的开源JavaScript库，专注于构建用户界面。它通过组件化的方式让开发者能够高效地管理UI状态。特点组件化：React允许开发者将UI拆分为可复
  • react 函数组件暴露方法 玄晓乌屋 reacttypescript随记react
    场景部分时候希望在子组件中暴露方法给父组件，使用Class组件时配合ref很容易拿到子组件实例，并且可以执行子组件上的方法。但是函数组件没有组件实例，就算使用ref转发，也只会把ref转发到内部。hook推出后，可以使用useImperativeHandle来控制转发的ref。比如：constChart=(_,ref)=>{//方法暴露useImperativeHandle(ref,()=>({d
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_