白菜帮子
白菜帮子

react+webpack 快速搭建

1.搭建前文档结构：

  准备好如下图所示的文档结构：

react+webpack 快速搭建_第1张图片

assets：用于存放组件及webpack入口js文件，这里我把入口文件命名为 enter.js  

            comments:文件夹用于存放react组件

js:  webpack打包后的js文件存放目录，bundle.js就是我们的打包好的文件

node_modules: 用于存放npm安装在本地的模块，建议保存在本地

index.html ： 根目录下网页入口

server.js : 用于本地开启localhost:3000 的webpack-dev-server服务器的js  （后面会提到）

webpack.config.js: webpack配置文件

 

2.搭建前模块安装与配置文件的填写

 1 //引入path模块，方便路径的拼接
 2 var path=require("path");  
 3 //引入webpack模块
 4 var webpack=require("webpack");
 5 
 6 //配置文件模块
 7 module.exports = {
 8   //webpack入口
 9   entry:[
10            //引入webpack-dev-server并配置webpack-dev-server的域名为localhost:3000
11            'webpack-dev-server/client?http://localhost:3000',
12            //需要react组件热加载(即时修改即时展现),引入webpack-react-hot
13            'webpack/hot/only-dev-server',
14            //入口js文件
15            "./assets/enter.js"
16   ],
17   //项目文件输出
18   output: {
19     //输出路径
20     path: path.join(__dirname ,'/js/'),
21     //输出js文件名
22     filename: 'bundle.js',
23     //公共路径
24     publicPath:'http://localhost:3000/'
25   },
26   /*
27   node模块加载，如果node模块不在本地，需要使用resolveLoader.root引入该文件夹地址
28  resolveLoader: { 
29        root: path.join(__dirname, "node_modules")
30  },
31  */
32  
33  resolve: {
34         //文件类型扩展，当书写require(module)时根据配置可以不书写文件类型后缀，本例为不用书写js后缀
35         extensions: ['', '.js']
36  },
37  //模块集
38  module: {
39       //webpack需要的loader集合
40       loaders: [
41         { 
42            //文件类型的正则表达式
43            test: /\.js$/, 
44            //需要的loader的具体名称
45            loaders: [ 'react-hot','jsx-loader'],
46            //该类型文件所处的文件夹，不能为根目录，如果该文件夹为js组件，则该文件夹一定要包含入口js文件
47            include: path.join(__dirname,'assets')
48          }
49         /*
50           { 
51                test: /\.js?$/, 
52                exclude: /node_modules/, 
53                loader: "babel-loader",
54                query: {
55                      presets: ['es2015', 'react']
56                }
57         }*/
58         
59       ]
60     },
61 //插件集合
62  plugins:[
63     //react热启动插件
64     new webpack.HotModuleReplacementPlugin(),
65     //webpack-dev-server插件，可以将错误以在console中输出而不改变页面报错
66     new webpack.NoErrorsPlugin()
67  ]
68 };
View Code

大家注意看其中的注释

关于配置文件的详细叙述及各字段意思请大家查看官网：

https://webpack.github.io/docs/configuration.html#module-loaders

下面就是按照配置文件中的东西开始安装node模块

以windows为例：

在dos中进入项目根目录

使用 npm install --save-dev 分别安装如下模块：

    webpack: webpack模块

    react:react模块

    react-dom：react操作dom模块，最新的react必须要用

    jsx-loader: 重要模块，用于解析react组件文件

    --------------------------------------------------------------------

为了方便研发需要安装webpack-dev-server和react-hot-loader这两个模块用于搭建本地服务器及支持react的热启动  （不嫌麻烦这个可以选择性添加，本文的配置文件默认你嫌麻烦）

其余的模块及loader就看你的需求，因为本例为快速搭建，仅仅引入jsx-loader，其余还有 json-loader  style-loader url-loader等这些略去不表，方式和jsx-loader一样，在webpack配置文件中的module的loader数组中添加。

 

这些都安装好了，配置文件也写成了，那么以以下代码为例子，看看webpack如何运作一个项目：

首先准备一个react组件：

    react+webpack 快速搭建_第2张图片

 我们在comments文件夹里面建立一个 hello.js 也就是hello react组件

 1 var React=require("react");
 2 var Hello=React.createClass({
 3    render:function(){
 4        return(
 5          <div>
 6           <h1>what</h1>
 7           <div>my</div>
 8          </div>
 9        )
10    }
11 });
12 module.exports=Hello;
View Code

这里大家需要注意，return中的各个标签一定需要用一个标签包裹所有的字符，否则react报错
然后是enter.js

1 var ReactDOM=require("react-dom");
2 var React=require("react");
3 var Hello=require("./comments/hello");
4 ReactDOM.render(<Hello></Hello>,document.getElementById('root-div'));
View Code

之后是index.html

1 <html>
2 <head> 
3   <title>react test</title>
4 </head>
5 <body>
6   <div id="root-div"></div>
7   <script src="./js/bundle.js"></script>
8 </body>
9 </html>
View Code

这里注意script标签一定要在整个dom结构之后

准备好这些文件之后，就可以运行webpack了：
还是在之前的dos对话框，输入 webpack就可以运行默认的webpack.config.js文件

运行完之后，再运行server.js

这样localhost:3000就启动了

如果在local中的console中报错，请根据报错内容按该网站类型查找原因：

https://github.com/gaearon/react-hot-loader/blob/master/docs/Troubleshooting.md

 

之后你改动hello组件就会在localhost中即时改变了

 

你可能感兴趣的:(react+webpack 快速搭建)

  • xilinx平台zynqmp7ev vcu vitis工程：项目核心功能/场景 常韧晏Zane
    xilinx平台zynqmp7evvcuvitis工程：项目核心功能/场景去发现同类优质开源项目:https://gitcode.com/在嵌入式系统开发领域，Xilinx平台以其强大的处理能力和灵活的配置选项，赢得了众多开发者的青睐。今天，我们将为您介绍一个开源项目——xilinx平台zynqmp7evvcuvitis工程，帮助您快速搭建ZynqMP7EV平台的基础开发环境。项目介绍xilinx
  • 企业级网站源码：一键优化与全站静态生成 DIY飞跃计划
    本文还有配套的精品资源，点击获取简介：本文介绍了一个具有商业价值的企业级网站源码包，包含了完整的前后端设计和逻辑处理。源码具备后台一键优化功能，可通过简单操作提升网站性能，如数据库优化、资源压缩和缓存管理。源码支持生成全站静态页面，以提高加载速度和SEO表现。同时提供了详细的安装和使用文档，以及相关的调试和部署工具，使得开发者能够快速搭建和维护定制化的网站解决方案。1.企业级网站源码的商业价值与应
  • K8S 1.22.1集群快速搭建 sxxs001 #K8Sdockerk8s
    硬件环境准备腾讯云购买CVM3台【集群最小规模】https://buy.cloud.tencent.com/cvm?tab=custom&step=1&devPayMode=monthly®ionId=33CVM1：竞价实例、南京、南京一区、标准型S5\2C4G\0.09元/小时；带宽0.80元/GBCVM2、3；除带宽外，其他一致操作系统CentOSx648.2镜像新建安全组「打开所有端口
  • Kubeadm 快速搭建 k8s 集群&&安装可视化管理界面 头发莫的了呀 Kuberneteskubernetesdocker运维
    文章目录1.实验准备2.安装docker3.配置阿里云K8Srepo源（三个节点）4.安装kubeadm，kubelet，kubectl（三个节点）5.部署kubernetesMaster节点（master节点上执行）6.k8s-node节点加入master节点（两个node执行）7.安装Pod网络插件（CNI插件，master节点）8.master节点安装可视化管理界面dashboard1.实验
  • RAG 技术落地：从文档处理到模型输出，细节决定大模型应用效果
    RAG技术落地：从文档处理到模型输出，细节决定大模型应用效果基于经典的RAG（检索增强生成）流程，我们能快速搭建大模型相关应用，但实际落地中，细节把控直接决定应用效果能否达到上线标准。从文档读取到最终回复用户，每个环节都暗藏技术挑战，唯有逐一攻克，才能让RAG应用真正发挥价值。文档处理：RAG的基础工程难题RAG流程的第一步是文档处理，这看似简单，实则暗藏诸多挑战。实际场景中需要处理的文档类型繁杂
  • 轻松迈入物联网世界：用ESP32开启你的硬件编程之旅 IT项目分享 物联网智能硬件ESP32MicroPythonIT项目网
    引言：你是否对物联网（IoT）开发感兴趣，却苦于复杂的开发环境配置？你是否想用ESP32快速搭建智能硬件项目，却被代码和服务器连接难住？别担心！今天给大家推荐一款超友好的开发工具——逗脑IDE，结合IT项目网的丰富资源，让你轻松入门ESP32物联网开发！1.为什么选择ESP32？ESP32是一款高性价比的Wi-Fi&蓝牙双模芯片，广泛应用于智能家居、远程监控、传感器网络等领域。它的强大性能和丰富接
  • 微信小程序开发框架与工具详解
    一、小程序开发框架与工具介绍小程序开发框架：是一套用于快速构建小程序的开发框架，提供了丰富的组件和API，使得开发者能够快速搭建小程序，并实现丰富的功能。小程序开发工具：是用于辅助小程序开发的工具，提供了代码编辑、调试、预览等功能，使得开发者能够更加高效地进行开发和调试。二、微信小程序开发框架原生框架：原生框架是指基于微信官方提供的原生组件和API进行开发，使用WXML模板语言、WXSS样式语言和
  • 打造一站式电商体验：来客推SaaS商城小程序解决方案
    本文还有配套的精品资源，点击获取简介：来客推SaaS商城小程序是一个基于云端技术的电商解决方案，允许企业和个人用户快速搭建在线商店，无需硬件或软件投入。该解决方案提供了完整的电商功能，包括商品管理、订单处理、用户管理和数据分析等。通过uniApp框架，商城小程序可在多个平台上线，如微信、支付宝等。此外，用户可获得前端源码进行个性化定制，实现功能的优化和特定业务需求的扩展。1.云端电商解决方案概述1
  • QT技巧之快速搭建串口收发平台 小徐不徐说 QT开发qt开发语言c++串口通信软件构建个人开发
    Qt串口模块（QtSerialPort）是Qt框架中用于与串口设备通信的组件，提供了跨平台的串口访问能力。QtSerialPort模块包含两个核心类：QSerialPort提供对串口的配置和数据传输功能（打开/关闭串口、读写数据）。支持异步和同步通信模式。QSerialPortInfo用于枚举系统中可用的串口设备（如COM1、/dev/ttyUSB0）。获取串口详细信息（描述、制造商、序列号等）。
  • centos 使用Docker 快速搭建LNMP环境 Solo_67ed
    一、安装Docker更新yum包yum-yupdate卸载旧版本（如果之前安装过的话）yumremovedockerdocker-commondocker-selinuxdocker-engine安装需要的软件包，yum-util提供yum-config-manager功能，另外两个是devicemapper驱动依赖yuminstall-yyum-utilsdevice-mapper-persis
  • 微前端MicroApp框架 史一试 JS前端
    核心特性简单易用MicroApp的设计理念是尽可能降低使用门槛，只需少量的配置即可快速搭建微前端应用。它提供了简洁的API接口，开发人员可以轻松掌握和使用，即使是没有太多微前端开发经验的人员也能快速上手。高性能采用了先进的资源加载策略，能够实现子应用资源的按需加载。在用户需要访问某个子应用时，才会动态加载该子应用的资源，避免了一次性加载所有资源带来的性能损耗。强隔离性在样式隔离方面，MicroAp
  • Python----大模型（ langchain部署简单rag应用） 蹦蹦跳跳真可爱589 大模型Pythonlangchain人工智能python
    一、RetrievalQA链实现加载本地文本文件并分割处理使用嵌入模型将文本转换为向量表示构建向量数据库(FAISS)实现高效相似性检索结合检索结果和大语言模型生成回答特点说明优势体现模块化封装LangChain提供标准化组件快速搭建原型系统自动化流程内置文档处理、检索、生成流水线减少开发工作量中文优化使用bge-zh嵌入模型中文语义理解更准确本地化部署模型和API均在本地运行数据隐私有保障导入依
  • Docker+Jmeter+InfluxDB+Grafana 搭建性能监控平台 测试界潇潇 软件测试dockerjmetergrafana软件测试功能测试自动化测试程序人生
    当今互联网发展迅速，应用程序的性能监控显得越来越重要。Docker+Jmeter+InfluxDB+Grafana是一种常用的性能监控平台，可以帮助开发者快速搭建一套可靠的监控体系。在本文中，我们将介绍如何使用这些工具搭建性能监控平台，以便开发人员可以快速发现并解决应用程序性能问题。01Docker安装与配置首先，我们需要安装Docker。Docker是一种开源的容器化平台，可以将应用程序与它们所
  • 智能化场景开发效率提升！MateChat一站式解决方案全新视觉发布，附实战教程 DevUI团队 前端人工智能AI组件库Chat智能化
    Create-MateChatV1.0.0智能化视觉重磅提升，用户开箱即用~源码：https://gitcode.com/DevCloudFE/MateChat/overview（点关注不迷路，留个star再走呗~）体验地址：https://matechat.gitcode.com/vue-starter/引言一站式解决方案帮助开发者快速搭建对话界面及对接模型，并提供了响应式布局，支持在不同终端设
  • ansible awx自动化工具学习准备 七七powerful ansible自动化学习
    使用sealos快速搭建kubernetes集群！！！-CSDN博客使用Kuboard-Spray安装1套k8s集群Kuboard-Spray图形化工具安装kubernetes集群-CSDN博客使用KuboardSpray安装kubernetes_v1.23.1|Kuboard通过helm安装calico插件Kubernetes默认上网端口_小屁孩的技术博客_51CTO博客【K8s】Kuberne
  • 【亲测免费】 Labview 2017 安装包管理器与Labview windows运行引擎下载
    Labview2017安装包管理器与Labviewwindows运行引擎下载【下载地址】Labview2017安装包管理器与Labviewwindows运行引擎下载本仓库为Labview2017用户提供一站式安装解决方案，包含Labview2017安装包管理器、64位Labview运行引擎以及LabWindows/CVI底层驱动程序。通过简单操作，用户可快速搭建完整的Labview开发与运行环境，
  • Android 串口通讯全解析：从硬件到代码实现 Monkey-旭 android串口通讯java
    在工业控制、智能硬件、物联网等场景中，Android设备常需与外部硬件（如传感器、PLC、读卡器）通过串口通信。串口作为一种传统的有线通信方式，以其简单可靠的特性，至今仍是设备间数据交互的重要选择。本文将从硬件基础到代码实现，全面讲解Android串口通讯的开发流程，帮助开发者快速搭建串口交互功能。一、Android串口通讯基础1.1什么是串口通讯？串口通讯（SerialCommunication
  • 低代码平台UI定制化突围：非技术人员如何快速搭建业务专属界面 格调UI成品 低代码ui网页设计
    摘要**想搭建专属业务界面，却被代码“拦路虎”劝退？传统开发动辄数月的工期、高额的人力成本，让无数企业和个人望而却步。但如今，低代码平台正掀起一场UI定制化革命——无需编写复杂代码，业务人员用“搭积木”的方式，就能在几天甚至几小时内完成专属界面搭建。然而，这场看似简单的变革背后，也暗藏着设计同质化、功能局限等难题。非技术人员如何在低代码平台中实现真正的个性化突围？是顺应趋势拥抱变革，还是固守传统继
  • 微信推客系统小程序开发上线全攻略：从源码部署到社交裂变运营 v_qutudy 推客系统开发推客小程序
    一、前言：为什么选择微信推客系统？在社交电商的浪潮中，微信推客系统凭借"自用省钱、分享赚钱"的裂变模式，成为商家低成本获客的利器。本文将深度解析如何从零开发一套支持独立部署的推客小程序，涵盖技术架构、源码解析、部署实战及运营策略，助力开发者快速搭建高转化率的社交电商系统。二、技术架构设计：打造稳定可扩展的推客系统1.整体架构分层前后端分离架构前端：采用Taro跨端框架开发微信小程序端，适配多端展示
  • 【C# + HALCON 机器视觉】构建通用视觉软件平台：跨行业应用实战 AI_DL_CODE 机器视觉：C#+HALCONc#HALCON机器视觉通用软件平台二维码识别模板匹配OCR
    摘要：本文深入探讨基于C#与HALCON开发通用视觉软件平台的技术路径与实践方法，围绕二维码识别、OCR、模板匹配等核心功能，结合模块化设计理念，详细阐述相机参数设置、图像处理、通信模块等技术实现。通过与爱普生机器人配合的定位标定案例，以及印刷品缺陷检测、包装日期识别等应用场景，展示该平台在跨行业领域的应用价值，同时提供完整实操流程与代码示例，助力开发者快速搭建高效、低成本的机器视觉解决方案。文章
  • Python Gradio：快速搭建人脸识别应用 Python编程之道 Python人工智能与大数据Python编程之道python开发语言ai
    PythonGradio：快速搭建人脸识别应用关键词：Python,Gradio,人脸识别,深度学习,计算机视觉,交互式应用,模型部署摘要：本文详细介绍了如何使用Python的Gradio库快速搭建一个交互式的人脸识别应用。我们将从基础概念出发，逐步讲解人脸识别的核心算法原理、Gradio的界面设计方法，并通过完整的项目实战演示如何将深度学习模型部署为可交互的Web应用。文章包含详细的代码实现、数
  • Java大厂面试实录：从Spring Boot到AI微服务架构的全栈技术深度解析 remCoding Java场景面试宝典JavaSpringBootSpringCloudAIKafkaRedisSpringSecurity
    场景：互联网大厂Java后端开发面试面试官（严肃）：请先自我介绍，并谈谈你熟悉的技术栈。小曾（略紧张）：我是小曾，毕业于XX大学，擅长Java后端开发，熟悉SpringBoot、SpringCloud、MySQL、Redis等技术。面试官：很好，我们来看第一个场景。假设你要设计一个高并发的电商秒杀系统，你会如何选择技术栈？小曾：秒杀系统对性能要求高，我会用SpringBoot快速搭建，数据库用My
  • mac装springboot_安装 Spring Boot CLI 2401DEM mac装springboot
    SpringBootCLI(CommandLineInterface)是一个命令行工具，可用于快速搭建基于Spring的原型。它支持运行Groovy脚本，这也就意味着你可以使用类似Java的语法，但不用写很多的模板代码。SpringBoot不一定非要配合CLI使用，但它绝对是让Spring应用进入状态的最快方式。手动安装你可以从Spring的软件仓库中下载SpringCLI分发包：一旦你下载完成后
  • Flask框架入门：快速搭建轻量级Python网页应用 「已注销」 python-AIpython基础网站网络pythonflask后端
    转载：Flask框架入门：快速搭建轻量级Python网页应用1.Flask基础Flask是一个使用Python编写的轻量级Web应用框架。它的设计目标是让Web开发变得快速简单，同时保持应用的灵活性。Flask依赖于两个外部库：Werkzeug和Jinja2，Werkzeug作为WSGI工具包处理Web服务的底层细节，Jinja2作为模板引擎渲染模板。安装Flask非常简单，可以使用pip安装命令
  • Python Flask 框架入门：快速搭建 Web 应用的秘诀 Python编程之道 Python人工智能与大数据Python编程之道pythonflask前端ai
    PythonFlask框架入门：快速搭建Web应用的秘诀关键词Flask、微框架、路由系统、Jinja2模板、请求处理、WSGI、Web开发摘要想快速用Python搭建一个灵活的Web应用？Flask作为“微框架”代表，凭借轻量、可扩展的特性，成为初学者和小型项目的首选。本文将从Flask的核心概念出发，结合生活化比喻、代码示例和实战案例，带你一步步掌握：如何用Flask搭建第一个Web应用？路由
  • Vue3组件库实战: 打造高复用UI系统 武昌库里写JAVA 面试题汇总与解析课程设计springbootvue.jslayui毕业设计
    Vue3组件库实战:打造高复用UI系统介绍什么是Vue3组件库在前端开发中，UI组件库是非常重要的一部分。Vue3组件库是基于Vue.js3.x版本开发的一套可用于构建Web应用的UI组件集合，可以帮助开发者快速搭建页面并保证页面的一致性和美观性。目标关键词：Vue3组件库设计与构建设计原则组件库的设计需要遵循一定的原则，比如易用性、可维护性、扩展性等。在设计阶段需要考虑到不同场景的使用，并且保证
  • spring boot 详解以及原理 经典1992 springboot后端java
    SpringBoot是Spring框架的扩展，旨在简化Spring应用的开发和部署。它通过自动配置和约定优于配置的原则，让开发者能够快速搭建独立运行的、生产级别的Spring应用。以下是SpringBoot的详细解析和工作原理：一、SpringBoot的核心特性自动配置根据项目依赖和配置，自动配置Spring框架的组件（如数据源、Web服务器等）。例如，添加spring-boot-starter-
  • 使用 Docker 搭建 Python（Flask/CUDA AI）开发环境——AI教你学Docker
    使用Docker搭建Python（Flask/CUDAAI）开发环境及常用中间件配置详解本指南适用于用Docker快速搭建Python（FlaskWeb应用或包含CUDA的AI开发环境）开发环境，并集成常用中间件服务如MySQL、Redis、Kafka。适合个人开发、本地测试和小团队协作。一、项目目录结构建议project-root/├──app/#Python应用源码目录│├──Dockerfi
  • 微信小游戏猜成语源码系统，可商业运营版，开源无须授权，带搭建安装包 qq_2931393342 源码分享微信微信小游戏猜成语源码系统微信小游戏猜成语源码微信小游戏猜成语系统微信小游戏猜成语
    温馨提示：文末有资源获取方式一、系统简介这是一款基于PHP+MySQL+微信小程序开发的看图猜成语小游戏源码系统，专为商业运营设计，无需额外授权即可直接部署使用。系统包含完整的前后端源码、数据库脚本、安装包及详细文档，支持快速搭建，适合个人开发者、创业团队或企业用于微信小程序上线运营。1.游戏玩法看图猜成语：用户根据图片提示，从随机汉字中选择4个字组成正确答案，闯关升级。多关卡设计：支持自定义关卡
  • 2024三掌柜赠书活动第十二期：Nuxt.js Web开发实战
    目录前言Nuxt.js的特性Nuxt.js的实战应用关于《Nuxt.jsWeb开发实战》编辑推荐内容简介作者简介图书目录书中前言/序言《Nuxt.jsWeb开发实战》全书速览结束语前言作为前端开发的小伙伴想必对Nuxt.js并不陌生，Nuxt.js是基于Vue.js的一款用于构建服务端渲染的应用程序的框架。它能够帮助开发者快速搭建高性能的单页面应用（SPA）和多页面应用（MPA）。Nuxt.js在
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他