Leisure Tea
Leisure Tea

webpack6-babel的基本使用

webpack6-babel的基本使用

一、Babel有什么用？

因为webpack默认只支持部分的ES6代码，为了使用ES6更高级的代码（如class），用Babel实现

二、使用Babel需要的包

npm i babel-core babel-loader babel-plugin-transform-runtime -D
npm i babel-preset-env babel-preset-stage-0 -D

三、babel的配置文件

配置文件名： .babelrc
配置文件内容：

{
    "presets": [],
    "plugins": []
}

注意： .babelrc 配置文件内容为json格式，plugins填插件名(去掉babel-plugin-前缀)，presets填预设名(去掉babel-preset-前缀)

四、在webpack.config.js配置文件中添加一个rules规则

{test: /\.js$/, use: 'babel-loader', exclude: /node_modules/}

五、步骤

  1. npm初始化

    npm init -y

  2. 安装

    npm i webpack webpack-cli webpack-dev-server -D
npm i jquery html-webpack-plugin -S

  3. 安装babel

    npm i babel-core babel-loader babel-plugin-transform-runtime -D
npm i babel-preset-env babel-preset-stage-0 -D

  4. 配置babel
    新建配置文件：.babelrc
    文件内容：

    {
    "presets": ["env", "stage-0"],
    "plugins": ["transform-runtime"]
}

    webpack6-babel的基本使用_第1张图片

  5. 编写配置文件 webpack.config.js

    const path = require('path')
const webpack = require('webpack')
const htmlwebpackplugin = require('html-webpack-plugin')
module.exports = {
    entry: path.join(__dirname, "./src/js/index.js"),
    output: {
        path: path.join(__dirname, "./dist"),
        filename: "index.js"
    },
    mode: "development",
    devServer: {
        open: true,
        port: 3000,
        contentBase: "src",
        hot: true
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new htmlwebpackplugin({
            template: "./src/index.html",
            filename: "index.html"
        })
    ],
    module: {
        rules: [
            {test: /\.js$/, use: 'babel-loader', exclude: /node_modules/}
        ]
    }
}

    webpack6-babel的基本使用_第2张图片

  6. 编写js文件

    import $ from 'jquery'
$(function () {
    $("li:odd").css("color", "pink")
    $("li:even").css("color", "skyblue")
})

class Student {
    static name = "seven"
}

console.log(new Student())

    webpack6-babel的基本使用_第3张图片

  7. 编写html文件

    
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<ul>
    <li>这是第1个lili>
    <li>这是第2个lili>
    <li>这是第3个lili>
    <li>这是第4个lili>
    <li>这是第5个lili>
ul>
body>
html>

  8. 在package.json中添加

    "dev": "webpack-dev-server"

    webpack6-babel的基本使用_第4张图片

  9. 运行

    npm run dev

    webpack6-babel的基本使用_第5张图片

更新时间：2020-1-2

你可能感兴趣的:(webpack,webpack)

  • webpack 浅谈系列之 Loader KimYYX
    webpack拥有六大核心部分：Entry、Output、Loaders、Plugins、Mode、BrowserCompatibility，这里就我的理解来稍微聊聊Loaders这个部分。1.认识Loader先放出我对loader的理解：Loader是用来逐个处理指定类型的文件。emmm...下面我们对上面那句话稍微解释下。首先我们要先明确，一个Loader是如何在webpack中配置的，见下面
  • 解决 Webpack 报错 “No module factory available for dependency type: CssDependency“ 的方法 cmmav33990 webpackrust前端
    这个错误表明Webpack在处理CSS依赖时找不到合适的模块工厂，通常发生在配置不完整或依赖冲突的情况下。以下是详细的解决方案：核心解决方案方案1：安装并配置正确的CSS处理器（最推荐）bashnpminstall--save-devcss-loaderstyle-loader#或使用mini-css-extract-plugin替代style-loadernpminstall--save-dev
  • webpack 配置 style-loader时出现错误：Module build failed (from ../node_modules/style-loader/dist/cjs.js) .ToString()° webpackjavascriptes6/es7webpack前端node.js
    webpack配置style-loader时出现错误，Modulebuildfailed(from…/node_modules/style-loader/dist/cjs.js):TypeError:this.getOptionsisnotafunctionatObject.loader1.确保loader配置中的顺序，loader的执行顺序是从右到左，从下到上的，这里要注意style-loade
  • webpack实用教程 前端的爬行之旅
    packjson.js终端输入$npminit-y{"name":"2","version":"1.0.0","description":"","main":"webpack.config.js","scripts":{"test":"echo\"Error:notestspecified\"&&exit1",},"keywords":[],"author":"","license":"ISC",
  • electron如何使用webpack打包webview标签中的preload文件 Stud_movingj 记录心得vuejavascriptvue.js
    注意：本文基于使用vueaddelectron-builder搭建的项目（在vue2项目上运行vueaddelectron-builder命令搭建而成）并在electron12及13测试过在webview中开发者可以使用preload预加载并执行js文件官方文档网上以及官方的很多例子都是传入一个相对路径的String，并没有以file://开头。然而我这里只能传入String字符串并且是file协
  • webpack原理 浮游本尊 javascript原型模式开发语言
    JavaScript的模块打包工具(modulebundler)。通过分析模块之间的依赖，最终将所有模块打包成一份或者多份代码包(bundler)，供HTML直接引用。实质上，Webpack仅仅提供了打包功能和一套文件处理机制，然后通过生态中的各种Loader和Plugin对代码进行预编译和打包。因此Webpack具有高度的可拓展性，能更好的发挥社区生态的力量。Entry:入口文件，Webpack
  • npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法 奔跑吧邓邓子 常见问题解答（FAQ）npm前端webpack
    提示：“奔跑吧邓邓子”的常见问题专栏聚焦于各类技术领域常见问题的解答。涵盖操作系统（如CentOS、Linux等）、开发工具（如AndroidStudio）、服务器软件（如Zabbix、JumpServer、RocketMQ等）以及远程桌面、代码克隆等多种场景。针对如远程桌面无法复制粘贴、Kubernetes报错、自启动报错、各类软件安装报错、内存占用问题、网络连接问题等提供了详细的问题描述与有效
  • vue3 + vite || Vue3 + Webpack创建项目 qq_41521625 webpack前端
    1.vue3+vite搭建项目方法（需要提前装node,js）1.使用官方create-vite工具（推荐）1.使用npm-----------------------------npmcreatevue@latest2.使用pnpm-----------------------------pnpmcreatevue@latest3.使用yarn--------------------------
  • webpack打包原理 小孟学长 webpack
    一、什么是webpackwebpack是一个模块打包机，将根据文件间的依赖关系对其进行静态分析。然后将这些模块按指定规则生成静态资源。当webpack处理程序时，他会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。主要承担如下功能打包：将多个文件打包成一个文件，减少服务器压力和下载贷款。转换：将与编译语言转换成浏览器识别的语言优化：性能优化
  • npm run build 前端生成生产环境代码的核心命令 一蓑烟雨6668 前端npmnode.js
    npmrunbuild是前端项目中用于生成生产环境代码的核心命令，它通过执行package.json中定义的构建脚本，将源代码转换为优化、压缩的静态文件。以下是详细使用指南：⚙️一、基本概念与配置方法命令解析npmrunbuild实际执行的是package.json文件中scripts对象下的build字段定义的命令。例如：{"scripts":{"build":"webpack--modepro
  • [webpack-cli] TypeError: compiler.getInfrastructureLogger is not a function【webpack与webpack-cli不兼容】 iku_ki bug前端vuewebpack
    首先将之前的安装的版本删除npmuninstallwebpackwebpack-cli-g//这是全局删除重新指定版本下载：[email protected]@3.3.11-g
  • Vue3 业务落地全景：脚手架、权限、国际化、微前端、跨端与低代码 50 条实战心法 代码老y 前端低代码
    写给架构师、TL、全栈工程师的“踩坑地图”（零）阅读指南•不贴源码，用伪代码+流程图+决策树。•50条心法分6大篇章，可跳跃阅读。（一）脚手架与工程化8条心法1：用create-vue而不是vue-cli开启新项目，Vite冷启动300msvsWebpack30s。心法2：eslint-config-prettier+@vue/eslint-config-typescript一键集成，团队争议减少
  • vue中实现验证码输入 结城 vue验证码vue输入框
    vue验证码input输入解决焦点切换有点晚了就不吐槽了，咱还是把代码上了，赶紧洗澡，养好精神明天努力上班！！！想学node,想学react,想精进webpack,想vue学的更好一点，了解底层代码，学算法，学计算机原理，想写自己的博客网站…这是一条学无止境的路，没办法要恰饭效果html部分js部分exportdefault{props:{inputNums:{type:Number,defaul
  • Vite：下一代前端构建工具的革命 布兰妮甜 vitejavascript前端构建工具
    Hi，我是布兰妮甜！在现代前端开发领域，构建工具的选择对开发体验和项目效率有着决定性影响。从早期的Grunt、Gulp到Webpack、Rollup，前端构建工具不断演进。而Vite的出现，则彻底改变了传统构建工具的工作模式，为开发者带来了前所未有的开发体验。本文将深入探讨Vite的设计哲学、核心特性、工作原理以及实际应用场景。文章目录一、什么是Vite？二、Vite的核心设计理念2.1利用浏览器
  • Python Preview 项目教程
    PythonPreview项目教程1.项目的目录结构及介绍python-preview/├──images/├──.eslintrc.json├──.gitignore├──.vscodeignore├──CHANGELOG.md├──README.md├──package.json├──tsconfig.json└──webpack.config.jsimages/:存放项目相关的图片文件。.e
  • Template execution failed: ReferenceError: name is not defined An_s 技术（javascript）配置（环境）reactjsvue.jswebpack
    问题我们使用了html-webpack-plugin（webpack）进行编译html，导致的错误。排查结果连接地址html-webpack-plugin版本低(2.30.1)，html模板里面不能有``符号，注释都不行``//varreg=newRegExp(`(^|&)${name}=([^&]*)(&|$),"i”)这样也不支持varreg=newRegExp(`(^|&)${name}=(
  • vue项目使用tsx
    1、vue2.7中使用webpack处理，配置如下{test:/\.(ts|tsx)$/,use:[{loader:'babel-loader',options:{presets:['@babel/preset-env','@vue/babel-preset-jsx']}},{loader:'ts-loader',options:{appendTsSuffixTo:[/\.vue$/]//vue文
  • 2025年面试官常用的前端开发笔试考题 豆豆（前端开发+ui设计） vue.jsjavascript前端面试职场和发展
    填空题(20道)ReactHooks中，用于模拟类组件生命周期componentDidMount的Hook是________。useEffect在Vue3中，使用________API可以替代Vue2中的data和methods。CompositionWebpack的________插件可以帮助将CSS提取到单独的文件中。MiniCssExtractPlugin在JavaScript中，Promi
  • Webpack构建流程详解 TEN01Y webpackwebpack前端node.js
    Webpack的构建流程从一个或多个入口文件开始，递归分析项目中所有的依赖，最后将这些依赖打包成一个或多个输出文件。这个过程包括很多步骤，每个步骤都有特定的任务，Loader和Plugin可以插入到这些步骤中以完成文件转换或扩展功能。以下我会详细说明Webpack的整个构建流程，包括从初始化配置到生成最终的打包结果。1.初始化（Initialization）Webpack的打包流程从初始化开始，它
  • Vite 项目构建优化详解 aiguangyuan Vite前端开发Vite
    1.相关面试题1.1.Vite相比Webpack有哪些优势？Vite相较于Webpack的主要优势包括：极速启动：Vite使用原生ES模块进行开发时的依赖加载，无需像Webpack一样对整个项目进行预打包。因此，Vite的冷启动速度非常快，尤其是在大型项目中尤为明显。即时热更新（HMR）：Vite的HMR速度更快更灵敏，因为它基于ES模块，仅更新受影响的模块，而不需要重新构建整个包。更少的配置：V
  • webpack将组件vue进行编译混淆，并能正常使用编译之后的文件 web前端神器 vue.js前端javascript
    介绍：我们在开发的过程中有很多组件都需要复用，特别是我们耗费了好几天时间写出来的组件，比如自己写的表格组件，流程图组件等。总之都是自己不断测试，不断编写耗费了大把的精力写的。直接用到自己的项目中倒是无所谓，如果是把自己写的组件给别人，这里就涉及到自己的劳动成功了，特别是项目尾款还没到账的情况下，代码都给别人了对自己是很不利的。所以这节课的内容很重要，教大家如何将自己的写的vue组件用webpack
  • webpack相关 Komorebi_9999 webpack前端node.js
    一、基础打包指令#基本打包（默认使用webpack.config.js配置）npxwebpack#指定模式（开发/生产）npxwebpack--modedevelopment#开发模式（未压缩，保留注释）npxwebpack--modeproduction#生产模式（自动压缩、优化）二、配置文件相关#指定自定义配置文件npxwebpack--config配置文件名.js#例如：webpack.co
  • 前端构建工具 Webpack 5 的优化策略与高级配置 码力无边-OEC 前端webpackweb
    前端构建工具Webpack5的优化策略与高级配置当你的项目启动需要一分钟，或者每次热更新都像在“编译整个宇宙”时，你可能已经意识到了一个问题：前端构建性能，正成为开发效率的瓶颈。Webpack作为现代前端开发的基石，其配置的优劣直接决定了项目的开发体验和最终产物的质量。奇怪的是，很多开发者满足于脚手架生成的默认配置，却忽略了Webpack5带来的巨大优化潜力。本文将深入Webpack5的核心，带你
  • 【Vue CLI】手把手教你撸插件 vivo互联网技术
    本文首发于vivo互联网技术微信公众号链接：https://mp.weixin.qq.com/s/Rl8XLUX7isjXNUmbw0-wow作者：ZhuPing现如今Vue作为主流的前端框架之一，其健全的配套工具，活跃的开源社区，让广发码农热衷追捧。VueCLI作为其官方的开发构建工具，目前已更新迭代到4.x版本，其内部集成了日常开发用到的打包压缩等功能，简化了常规自己动手配置webpack的烦
  • 2024 前端技术指南：从趋势到实战，构建你的知识地图 王旭晨 前端
    一、2024前端领域的“破局者”与“新势力”2024年的前端圈依然热闹非凡，技术迭代与行业焦虑并存。React19带来的useActionState与服务端渲染升级，Vite6的多线程编译挑战Webpack的地位，Bun和Deno对Node.js发起的性能冲击，都在重塑开发者的选择。而尤雨溪创立VoidZero融资460万美金，更是为开源商业化注入了一剂强心针。尽管“前端已死”的论调此起彼伏，但技
  • 2023-03-06至2023-03-12 独行者103
    这周要求重构代码，将vue2+webpack+antdv转换成vue3+vite+elementui，也算是带薪学习了。不过，看上去改了很多东西，真的很难办。就算是一个高德地图和动态路由，我都改的非常困难。这又是一个巨大的工程。看了古德里安写的《闪击英雄》，也看了隆美尔的《步兵突击》，不过《闪击英雄》要钱，我需要另找。现在在看隆美尔写的《步兵突击》。序言评价还算客观的，肯定了这些将领的军事才能的同
  • Vue3+Vite+TS+Axios整合详细教程 老马聊技术 VueViteTSvue.js
    1.Vite简介Vite是新一代的前端构建工具，在尤雨溪开发Vue3.0的时候诞生。类似于Webpack+Webpack-dev-server。其主要利用浏览器ESM特性导入组织代码，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。生产中利用Rollup作为打包工具，号称下一代的前端构建工具。vite是一种新型的前端构建工具，能够显著的提升前端开发者的体验。它主要有俩部分组成：一个
  • Webpack5 多页面实践
    特性维度单页面应用-SPA多页面统一目录-MPA多页面单独部署-MPA入口数量单个，只有一个HTML文件多个，多个HTML文件多个，多个HTML文件，分别打包输出资源输出结构所有资源输出到统一目录（如js/,css/）所有页面的资源共用js/,css/等目录每页资源放在各自目录（如index/js/,index/css/）公共资源复用高：依赖打入主包或懒加载chunk，资源完全共享中：可通过spl
  • go语言因为前端跨域导致无法访问到后端解决方案 雪花凌落的盛夏 Golang学习目录golang前端开发语言
    前端服务8080访问后端8081这端口显示跨域了ERRORNetworkErrorAxiosError:NetworkErroratXMLHttpRequest.handleError(webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:116:14)atAxios.request(webpack-internal:///./n
  • Web端版本更新提示--前端处理 扶我起来还能学_ 前端javascriptvue.js前端框架
    Web端版本更新提示–前端处理原理：webpack每次打包jshash值不同import{MessageBox}from'element-ui'letlastScripts=[]//最新一次js文件src名constDURATION=5*60*1000//设置5分钟检查更新一次//提取html中的script标签的src属性asyncfunctionextractNewScripts(htmlSt
  • 矩阵求逆（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其他