学习笔记666
学习笔记666

初识ReactJS的组件化开发(三):利用ajax渲染电影列表

我们使用zepto库来做ajax请求
安装zepto：
1.cd到项目根目录
2.执行 npm install zepto
然后发现我们的项目中就多了
初识ReactJS的组件化开发(三):利用ajax渲染电影列表_第1张图片

**reactJS的组件生命周期
3个状态：
1.mounting 已经插入真实DOM
2.updating 正在被渲染
3.unmounting 已移除真实Dom
每个一状态都有对应的函数，只要在前面加上componentWill代表”即将进入某状态前调用”
加上componentDid代表”进入了某个状态后调用”
既然有状态，肯定有保存状态的方法
this.state
初始化
getInitialState:function(){
return {
key1:初始值1,
key2:初始值2
};
}**

清楚了reactJS组件的声明周期，我们来写这个电影组件把：

// 电影列表组件
var MoiveList = React.createClass({
    getInitialState: function () {
        return {
            movie:[] //保存电影json对象数组
        };
    },

    componentDidMount: function () {
        $.get("http://localhost/myphp/movies.php",null,function (ret) {
            this.setState({movie:ret});
        }.bind(this))
    },

    render: function(){
        var lis = this.state.movie.map(function (m) {
            return 
  • "title">{m.movieName}
    "intro">{m.movieIntro}
    • 
        })
        return 
      {lis}
    
    }
});

    getInitialState方法里定义一个保存电影json数据的数组。
    componentDidMount里做ajax请求远程服务器的数据，然后加入到数组.

    最后，我们看一下最后的js代码：

    
// 创建组件
var NavBar = React.createClass({
    liClick: function () {
        alert('组件');
    },
    render: function(){
        return 
    }
});

// 搜索框组件
var SearchText = React.createClass({
    render: function(){
        return "text" placeholder="请输入关键字" className={this.props.cssClass}/>
    }
});

// 电影列表组件
var MoiveList = React.createClass({
    getInitialState: function () {
        return {
            movie:[] //保存电影json对象数组
        };
    },

    componentDidMount: function () {
        $.get("http://localhost/myphp/movies.php",null,function (ret) {
            this.setState({movie:ret});
        }.bind(this))
    },

    render: function(){
        var lis = this.state.movie.map(function (m) {
            return 
  • "title">{m.movieName}
    "intro">{m.movieIntro}
    • 
        })
        return 
      {lis}
    
    }
});

ReactDOM.render(
    // 使用组件
    ,
    document.getElementById("navbar")
);

ReactDOM.render(
    ,
    document.getElementById("movielist")
);

    html代码：

    
<html>
<head>
    <title>初始title>
    <meta charset="utf-8">
    <script src="build/react.js">script>
    <script src="build/react-dom.js">script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js">script>

    <script src="node_modules/zepto/dist/zepto.min.js">script>

    <style type="text/css">
        *{padding: 0;margin: 0}
        #navbar{position: fixed;top: 0;left: 0;width: 100%;height: 60px;background-color: #222;}
        #navbar li{float: left;line-height: 60px;margin-left: 10px;display: inline-block;}
        #navbar li a{color: #fff;text-decoration: none;}
        /*searchtext的样式*/
        .search_text{height: 25px;border-radius: 5px;}
        .search_text2{height: 25px;border-radius: 5px;background-color: beige}

        #container{margin: 70px auto;}
        #container p{text-align: center;}

        #movielist .title{font-weight: bold;font-size: 18px;}
        #movielist .intro{text-indent: 2em;color: gray;border-bottom: 1px dashed #dddddd;text-align: left;padding: 10px;}
    style>
head>
<body>
    <div id="navbar">div>
    <div id="container">
        <p>电影列表p>
        <div id="movielist">div>
    div>
    <div id="footer">div>

    <script type="text/babel" src="src/nav.js">script>
body>
html>

    php代码：

    
header("Access-Control-Allow-Origin:*");
header("Content-type: application/json");

$m1['movieName'] = "美国队长";
$m1['movieIntro'] = "美国队长（Captain America）是美国漫威漫画旗下超级英雄。由乔·西蒙和杰克·科比联合创造，初次登场于1941年3月出版的《美国队长》漫画（Captain America Comics）第1期，被视为美国精神的象征。";

$m2['movieName'] = "疯狂动物城";
$m2['movieIntro'] = "《疯狂动物城》由迪士尼影业出品的3D动画片，由里奇·摩尔、拜恩·霍华德及杰拉德·布什联合执导，金妮弗·古德温、杰森·贝特曼、夏奇拉、艾伦·图代克、伊德瑞斯·艾尔巴、J·K·西蒙斯等加盟配音。";

$data = [$m1,$m2];

die(json_encode($data,JSON_UNESCAPED_UNICODE));

    效果：
    初识ReactJS的组件化开发(三):利用ajax渲染电影列表_第2张图片

    你可能感兴趣的:(HTML5)

    • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
      一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
    • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
      总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
    • 前端面试题 大大。 前端vue.jsjavascript
      HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
    • html5效果案例,10个优秀HTML5网站案例赏析
      随着Adobe的弃Flash转投HTML5，HTML5又开始吸引着大众的目光。与现在使用的HTML标记语言相比，HTML5有更多的标签和属性，使用更为灵活，功能更为强大。现在已经有很多前沿的HTML5网站开始使用HTML5，本文收集整理出了10个非常优秀的HTML5网站。那么，什么才是优秀的HTML5网站？因为HTML5还没有成为国际标准，旧的浏览器还无法支持HTML5，所以优秀的HTML5网站示
    • HTML5 Darling02zjh html5前端html
      HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we
    • HTML5+JavaScript动画基础 完整版 中文pdf扫描版 不一样的女孩6
      《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维
    • HTML5元素相关补充 QZ_orz_freedom html5前端html
      一.元素是HTML5的文档类型声明，它告诉浏览器当前页面是使用HTML5规范编写的，HTML5是最新的HTML版本，拥有更多的功能和优化，因此推荐在新的Web页面中使用它。在HTML文档中，声明通常是文档的第一行文档元数据元素描述指定用于一个文档中包含的所有相对URL的根URL。一份中只能有一个该元素。包含文档相关的配置信息（元数据），包括文档的标题、脚本和样式表等。指定当前文档与外部资源的关系。
    • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
      在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
    • HTML5 新特性：MutationObserver 详解 索西引擎 #JavaScriptjavascript
      一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI，它用于异步观察DOM树的变化。在MutationObserver出现之前，开发者若要监测DOM变化，常采用轮询（如使用setInterval不断检查DOM状态）或依赖DOM事件（如DOMNodeInserted、DOMNodeRemoved等）的方式。但轮询效率低下，频繁检查会消耗大量资源；而旧的
    • 【高中数学之函数】四种幂函数图线（二次、三次、开方、开立方） 土门子拉马努金 高中数学之函数高中数学函数
      【图像】【代码】UNASSIGNED.centerlize{margin:0auto;border:0pxsolidred;width:1200px;height:600px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas，请更换浏览器再试.retval.max){retval.max=y;retval.max_x=cds[i].x;}if(yarr.length){index=in
    • 【QT进阶】Qt http编程之websocket的简单介绍 不吃~香菜 QT进阶qt开发语言websocket
      往期回顾【QT进阶】Qthttp编程之用户登录注册功能实现-CSDN博客【QT进阶】Qthttp编程之json解析的简单介绍-CSDN博客【QT进阶】Qthttp编程之nlohmannjson库使用的简单介绍-CSDN博客【QT进阶】Qthttp编程之websocket的简单介绍一、什么是websocket1、简介websocket是HTML5中新增的一个协议，这个协议的出现，让客户端和服务器之前
    • 【HTML】＜script＞元素中的 defer 和 async 属性详解
      文章目录元素中的defer和async属性详解基本概念传统脚本加载defer属性async属性对比表格使用场景建议注意事项示例在HTML5中，元素有两个控制脚本加载和执行行为的属性：defer和async。这两个属性可以帮助开发者优化页面加载性能，特别是在处理外部脚本时。基本概念传统脚本加载没有使用任何属性的元素会阻塞HTML解析：浏览器遇到这个脚本时会暂停HTML解析下载并执行脚本执行完成后才继
    • 像素风格超级玛丽HTML游戏
      像素风格超级玛丽HTML游戏创建一个像素风格的HTML5小游戏，模仿超级玛丽的经典玩法。游戏包含移动、跳跃、收集金币、躲避敌人和到达终点等核心机制。设计思路使用纯HTML5Canvas实现游戏渲染像素风格美术设计(16x16像素元素)实现物理引擎(重力、碰撞检测)键盘控制移动和跳跃添加经典超级玛丽元素(砖块、水管、蘑菇敌人)下面是完整的实现代码：像素超级玛丽*{margin:0;padding:0
    • 像素风格坦克大战游戏 代码改变世界10086 游戏像素游戏游戏csscss3
      像素风格坦克大战游戏下面我将实现一个基于HTML5Canvas的像素风格坦克大战游戏，玩法类似经典的FC坦克大战。设计思路使用像素风格渲染游戏元素玩家控制坦克移动和射击敌方AI坦克自动移动和攻击可破坏的砖墙和不可破坏的钢墙基地保护机制计分系统和生命值显示实现代码像素坦克大战*{margin:0;padding:0;box-sizing:border-box;font-family:'PressSt
    • canvas使用 CDwenhuohuo canva可画
      是HTML5引入的一个新标签，它首次出现在2004年的Safari浏览器中，由Apple提出，并在后来的HTML5标准中被正式采纳。IE8及以下❌不支持Canvas的基本用法-WebAPI|MDNvue3import{onMounted}from'vue';onMounted(()=>{constcanvas=document.getElementById('myCanvas');constctx
    • 通过Deepseek找工作 速易达网络 人工智能
      推送的结果如下，对应的AI提示词在底部：计算机方向远程工作职位汇总整合全球远程技术岗位|支持全地域远程办公|涵盖开发、安全、云计算等方向覆盖方向：8+个技术领域薪资范围：¥10K-¥40K/月工作模式：100%远程远程技术职位列表职位名称技能要求经验要求薪资待遇工作模式WordPress开发工程师PHP,HTML5/CSS3,WordPress二次开发,SEO优化3年+1.4-1.6万/月全球远程
    • HTML制作一个介绍自己家乡的网站——贵州贵阳，排版整洁，内容丰富，主题鲜明 软件技术NINI 旅游htmlcss
      一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述‍静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，
    • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
      本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
    • 技术大牛谈HTML 5设计原理 Bluestar Web开发htmlxhtml浏览器文档javascript工作
      本篇文章是JeremyKeith在Fronteers2010上的主题演讲，主要跟大家谈谈HTML5的设计。主要分两个方面，一方面就是HTML5；另一方面就是80/20。JeremyKeith在Fronteers2010上的主题演讲下载PPT(PDF)http://adactio.com/extras/slides/designofhtml5.pdf观看视频http://fronteers.nl/c
    • html结构解析 ca_rry 前端html
      ：声明为HTML5文档：根元素，指定页面语言为中文：设置字符编码，确保中文正常显示：实现响应式设计，使页面在移动设备上正确显示：设置浏览器标签页标题：内嵌CSS样式，用于定义页面元素的显示效果：页面主容器，用于统一管理页面内容的布局：页面主标题，应用了自定义标题样式：示例图片，添加了悬停缩放效果：表单容器，包含输入框、下拉选择器和提交按钮：特性列表，使用自定义列表样式
    • JS执行机制 1024k纯金
      首先我们来看几个问题：1.JS是单线程的么？2.JS有异步么？3.JS单线程怎么实现的的异步1.JS是单线程的么？这个问题毫无悬念，肯定是单线程的。js刚开始就是作为浏览器脚本语言推出的，试想如果是多线程:那么一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？这样就复杂化了，HTML5提出WebWorker标准，允许JavaScript脚本创建多个线程，但
    • 网页视频进度条禁止拖动----解决
      点击键盘F12键，进入开发者模式发现标志,html5播放器，属于原生支持最方便实现加速的在开发者模式中找到Console调式窗口，输入以下代码可以设置视频播放速度/*playvideotwiceasfast*/document.querySelector('video').defaultPlaybackRate=1.0;//默认一倍速播放document.querySelector('video'
    • HTML5+CSS3小实例：流星划过天际的动画效果 艾恩小灰灰
      实例：流星划过天际的动画效果技术栈：HTML+CSS效果：源码：【html】流星划过天际的动画效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*溢出隐藏*/overflow:hidden;}.container{/*绝对定位*/position:absolute;top:0;left:0;width:100%;h
    • ios 集成H5+SDK 梦迪达达
      突然接受一个H5+很茫然，打开官方文档更是无法言语，技术人员已经明确提出开发文档停止更新，那么我们只能综合文档以及前辈们的实战来解决了HTML5+SDK一共三种集成方式，“独立应用”、“Widget”和“WebView”1、独立应用集成方式:使用独立应用方式，开发者需要将HTML5+SDK生成的首页面设置为当前View的subView。HTML5+SDK将对应用进行管理。2、Widget集成方式:
    • webkitSpeechRecognitionHTML5语音识别文字（直接运行） AIGC创想家 html5语音识别前端
      前端想要实现语音转文字，其实不需要任何云服务，浏览器自带的api就能搞定。下面是已经封装好的代码，复制之后可以在控制台只接运行。classSpeechRecognitionManager{??tempTranscript=''??isRecording=false;??timeoutid=0;??exitKeywors=['stop','exit','quit','退出','停止识别','说完了'
    • webView显示网页的时候，右半部分有白色一片空白区域
      这时需要设置他的滚动条wv_showHTML.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY)WebView中android:scrollbarSize="0dip"加上这句就好了引用于：http://www.17jquery.com/html_html5/38376/和http://bbs.csdn.net/topics/350001955
    • Vue3 - 实现一个雨水滴落的动画效果 程序员的成长之路 Vue3html5javascriptvue
      在Vue3中实现一个雨水滴落的动画效果，可以使用HTML5的元素和JavaScript来绘制和控制动画。以下是一个实现雨水滴落效果的示例：创建一个Vue3项目首先，确保你已经创建了一个Vue3项目。如果还没有，可以使用VueCLI来创建：vuecreaterain-animationcdrain-animation添加Canvas组件创建一个新的Vue组件来包含我们的元素和动画逻辑。创建一个名为R
    • 数字图像处理（三：图像如果当作矩阵，那加减乘除处理了矩阵，那图像咋变）：从LED冬奥会、奥运会及春晚等等大屏，到手机小屏，快来挖一挖里面都有什么
      数字图像处理（三）一、（准备工作：咋玩，用什么玩具）图像以矩阵形式存储，那矩阵一变、图像立刻跟着变？1.Python+JupyterNotebook/Lab+库(NumPy,OpenCV,Matplotlib,scikit-image)2.MATLAB+ImageProcessingToolbox3.JavaScript+HTML5Canvas+浏览器4.专业的图像处理软件(带脚本/插件功能)二、
    • 2025前端面试题全攻略：高频考点解析与实战指南
      助力金三银四跳槽季，覆盖90%大厂核心考点，技术进阶+面试技巧双提升一、HTML/CSS核心篇1.语义化与布局实战问题1：如何用HTML5语义化标签优化新闻详情页？答案要点：使用包裹主体内容，划分章节标记发布时间，+处理图文SEO优势：提升关键内容权重，增强可访问性问题2：实现等间距三栏布局（中间自适应）.container{display:flex;gap:20px;/*关键：替代margin方
    • HTML5如何创建容器 paid槮 html5前端html
      为了让网页的布局更加美观，HTML提供了容器的概念，即在网页中占用一块区域,在此区域内可以添加多种标签,且这些标签只会在该区域内显示，使得标签有了各自的容器，能在各自的区域内显示内容。标签在HTML中使用标签来建立一个容器。其使用形式如下!其他标签被标签所包含的标签都隶属于同一个容器,当使用标签设置属性样式(即style通用样式)时整个容器都会显示此样式。示例代码:我是标题1我纻蜞居是腭绠纩定标题
    • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
      package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
    • JDK timer antlove javajdkschedulecodetimer
      1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
    • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
    • JDBC连接数据库 Array_06 jdbc
      package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
    • Unsupported major.minor version 51.0（jdk版本错误） oloz java
      java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
    • 用多个线程处理1个List集合 362217990 多线程threadlist集合
        昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
    • JSP简单访问数据库 香水浓 sqlmysqljsp
      学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
    • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
      1.添加一个最简单的柱状图 ? 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 <?xml version= "1.0"&n
    • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
      在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
    • 查询汇总的sql baalwolf sql
      select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
    • Linux du命令和df命令区别 BigBird2012 linux
              1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
    • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
              在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
    • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
      ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
    • 【Java命令一】jmap bit1129 Java命令
      jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
    • Apache 服务器安全防护及实战 ronin47
      此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
    • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
      问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
    • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
      import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
    • struts2更改struts.xml配置目录 chiangfai struts.xml
      struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
    • redis做缓存时的一点优化 chenchao051 redishadooppipeline
              最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
    • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
      当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
    • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
      先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
    • 爱情格言 dcj3sjt126com 格言
       1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
    • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
      activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
    • win7安装MongoDB服务 geeksun mongodb
      1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
    • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
      转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
    • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
      昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
    • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
      注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
    • Linux各个目录的作用及内容 pda158 linux脚本
      1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
    • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
      获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
    • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
              哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他