a36267862
a36267862

WEBPACK 创建基本项目步骤

https://blog.csdn.net/hangmine/article/details/78569368

开始之前：

1.保证node.js是最新LTS版本

2.用管理员身份打开cmd

3.尽量用npm安装，如果报错再尝试用cnpm


初始化项目文件夹，创建package.json文件:

[plain]  view plain  copy
  1. npm init  

项目目录安装webpack:

[plain]  view plain  copy
  1. npm install --save-dev webpack  

创建两个文件夹和二个文件:

index.html --放在dist文件夹中;(并引入bundle.js和style.css)

[html]  view plain  copy
  1. >  
  2. <html lang="en">  
  3. <head>  
  4.   <meta charset="UTF-8">  
  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">  
  6.   <meta http-equiv="X-UA-Compatible" content="ie=edge">  
  7.   <link rel="stylesheet" href="style.css">  
  8.   <title>Documenttitle>  
  9. head>  
  10. <body>  
  11.   
  12. body>  
  13.   <script src="bundle.js">  
  14.   
  15.   script>  
  16. html>  


main.js-- 放在src文件夹中;

在package.json文件配置wepack和webpack-dev-server的命令:

[plain]  view plain  copy
  1. "scripts": {  
  2.     "test": "echo \"Error: no test specified\" && exit 1",  
  3.     "start": "webpack",  
  4.     "server": "webpack-dev-server --open"  
  5.   }  

安装相关组件:

本地服务器:

[plain]  view plain  copy
  1. cnpm install --save-dev webpack-dev-server  


babel相关依赖包:

[plain]  view plain  copy
  1. cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react  


CSS相关依赖包:

[plain]  view plain  copy
  1. cnpm install --save-dev style-loader css-loader postcss-loader autoprefixer sass-loader file-loader url-loader node-sass extract-text-webpack-plugin  


第三方插件相关依赖包:

[plain]  view plain  copy
  1. cnpm install --save-dev jquery bootstrap expose-loader  

创建webpack.config.js文件并配置:

[javascript]  view plain  copy
  1. const webpack = require('webpack');  
  2. const ExtractTextPlugin = require('extract-text-webpack-plugin');  
  3. module.exports = {  
  4.   devtool: 'eval-source-map',  
  5.   entry: __dirname + "/src/main.js",  
  6.   output: {  
  7.     path: __dirname + "/dist",  
  8.     filename: "bundle.js"  
  9.   },  
  10.   devServer: {  
  11.     contentBase: "./dist", //本地服务器所加载的页面所在的目录  
  12.     historyApiFallback: true, //不跳转  
  13.     inline: true //实时刷新  
  14.   },  
  15.   module: {  
  16.     rules: [{  
  17.         test: require.resolve('jquery'),  
  18.         loader: 'expose-loader?jQuery!expose-loader?$'  
  19.       },  
  20.       {  
  21.         test: /(\.jsx|\.js)$/,  
  22.         use: {  
  23.           loader: "babel-loader",  
  24.           options: {  
  25.             presets: [  
  26.               "react", "es2015"  
  27.             ]  
  28.           }  
  29.         },  
  30.         exclude: /node_modules/  
  31.       },  
  32.       {  
  33.         test: /\.css/,  
  34.         use: ExtractTextPlugin.extract({  
  35.           fallback: 'style-loader',  
  36.           use: [{  
  37.               loader: 'css-loader?modules: true'  
  38.             },  
  39.             {  
  40.               loader: 'postcss-loader',  
  41.               options: {  
  42.                 sourceMap: true,  
  43.                 config: {  
  44.                   path: 'postcss.config.js' // 这个得在项目根目录创建此文件  
  45.                 }  
  46.               }  
  47.             }  
  48.           ]  
  49.   
  50.         })  
  51.       },  
  52.       {  
  53.         test: /\.(scss|sass)$/,  
  54.         loader: ExtractTextPlugin.extract({  
  55.           fallback: 'style-loader',  
  56.           use: ['css-loader', 'postcss-loader', 'sass-loader']  
  57.         })  
  58.       },  
  59.       {  
  60.         test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,  
  61.         loader: 'url-loader?name=[path][name].[ext]'  
  62.       }  
  63.     ]  
  64.   },  
  65.   plugins: [  
  66.     new webpack.LoaderOptionsPlugin({  
  67.       options: {  
  68.         postcss: [  
  69.           require('autoprefixer')()  
  70.         ]  
  71.       }  
  72.     }),  
  73.     new ExtractTextPlugin("style.css")  
  74.   ]  
  75. };  

创建postcss.config.js文件并添加autoprofixer插件:

[javascript]  view plain  copy
  1. // postcss.config.js  
  2. module.exports = {  
  3.     plugins: [  
  4.         require('autoprefixer')  
  5.     ]  
  6. };  


然后在main.js里import:(注意：ES6语法，相对路径引用当前文件夹必须加./！！)

[javascript]  view plain  copy
  1. import $ from 'expose-loader?$!jquery';  
[javascript]  view plain  copy
  1. import 'bootstrap';  
  2. import 'bootstrap/dist/css/bootstrap.min.css';              

你可能感兴趣的:(WEBPACK 创建基本项目步骤)

  • A*算法详解
    A*算法详解一、A*算法基础概念1.1算法定位1.2核心评估函数1.3关键数据结构二、A*算法的核心步骤三、启发函数设计3.1网格地图中的启发函数3.2启发函数的选择原则三、Java代码实现四、启发函数的设计与优化4.1启发函数的可采纳性4.2启发函数的效率影响4.3常见启发函数对比五、A*算法的应用场景与拓展5.1典型应用5.2算法拓展六、A*算法的优缺点优点缺点从游戏中的角色寻路到机器人导航，
  • 分层图最短路径算法详解 GG不是gg 数据结构与算法分析#算法分析与设计图搜索算法
    分层图最短路径算法详解一、分层图算法的核心思想1.1问题引入：带约束的最短路径1.2分层图的核心思路二、分层图的构建方法2.1分层图的结构定义2.2构建步骤（以“最多k次边权改为0”为例）三、分层图最短路径的求解3.1算法步骤3.2Java代码实现（以Dijkstra为例）四、分层图算法的关键细节4.1状态表示与空间优化4.2边的处理4.3复杂度分析五、典型应用场景5.1带次数约束的路径优化5.2
  • 零基础英语学习之旅-语法篇（一） 万能的小黑学长
    入坑，从今天开始持续更新英语学习方法，剥丝抽茧，去除繁琐的语法概念，让大家，快速入门。花最少的时间，学最重要的东西。欢迎大家批评指正、多提意见。话不多说，直接进入正题。。。英语句子的基本五大结构主语：谓语动词之前的成分。Toseeistobelieve.Theflowersmellsgreat.谓语：谓语就是动词动词主要类型：1.实义动词2.系动词be动词等同于be动词3.助动词帮助动词实现时态和
  • 【剽悍一只猫的剽悍行动营】22天，和孩子一起成长 财务自由的社群运营人苏宝
    文/Janice2018年春节后，是我人生最黑暗的时候。大娃数学老师投诉她没有完成家庭作业、不交作业，接着是英语老师、语文老师的电话投诉。而我需要花大部分时间在新项目上，没有时间管娃，又与新来的领导在项目管理上有较大分歧，导致关系紧张，心情极度低落。工作上不如意，娃又不消停。每天下班累得半死，还得盯着她学习；好好学习的道理讲了几箩筐，孩子就是说不听，那时的我就像一个炸药桶，只要给我一点火花就能燃爆
  • Python 字典(dict)和集合(set)新手指南
    一、字典(dict)基础什么是字典？字典就像现实中的字典一样，通过"键(key)"快速查找对应的"值(value)"。#创建字典student_scores={"小明":90,"小红":85,"小刚":92}#查找成绩print(student_scores["小明"])#输出:90为什么字典查找快？字典使用哈希表实现，查找速度是O(1)级别，不会随着数据量增加而变慢。二、字典常用操作1.添加/修
  • Microsoft Word 中 .doc 和 .docx 的区别 干净的坏蛋 microsoftword
    MicrosoftWord中.doc和.docx的区别解释MicrosoftWord中.doc和.docx文件格式的区别。这些格式都是Word处理文档的标准，但它们在结构、兼容性和功能上存在显著差异。下面我将详细说明。1.基本定义.doc：这是MicrosoftWord的旧格式（也称为Word97-2003格式），从Word的早期版本（如MS-DOS时代）一直使用到Word2003。它是一种二进制
  • nextjs+react项目如何代理本地请求解决跨域 啃火龙果的兔子 开发DEMOreact.js前端前端框架
    在Next.js+React项目中解决本地开发跨域问题，可以通过以下几种方式实现代理请求：方案1：使用Next.js内置的Rewrites功能（推荐）1.修改next.config.js/**@type{import('next').NextConfig}*/constnextConfig={asyncrewrites(){return[{source:'/api/:path*',//匹配所有/a
  • Agent架构解析及分布式Agent协作方案
    来源：AI大模型应用实践AIAgent（智能体）系统发展迅猛，且关注点已经不再局限在Agent的规划推理等基本能力，智能体系统在扩展性、互操作、安全性等工程化方面的挑战也越来越引起重视，比如最近的MCP和A2A。上一篇我们介绍了A2A，今天接着再聊聊分布式Agent系统的话题。Agent模式架构解析Agent有效减少人类工作总量，人与AI协作才是最终形态。人类与AI交互可大致分为三种模式。Embe
  • 科研项目管理工具，如何创建控制日志 cc6b6903e5d1
    项目管理者使用工作计划来管理拟完成的任务,但项目期间出现的计划外任务和障碍也必须得到管理,控制日志就是用于跟踪它们的工具。工作计划和控制日志的结合使用，可以确保跟踪100%的项目工作，并且也应该是用于跟踪项目的唯一工具。在工作计划完成并且被当成项目的管理基准之后，项目团队就可以着手确定完成项目所必需的“额外任务”。要注意,这些任务并没有超出项目的工作范围，它们是工作计划中遗漏的任务，并且需要在启动
  • 重学Java并发编程(LockSupport的使用) 豌豆日记 Java多线程JAVA多线程并发编程
    前言:本文中的代码基于JDK1.8LockSupport是什么?LockSupport定义了一组公共的静态方法，这些方法提供了最基本的线程阻塞和唤醒功能，LockSupport是成为构建同步工具的基础工具。LockSupport定义了一组以park开头的方法来阻塞当前线程，以及unpark(Threadthread)方法来唤醒一个被阻塞的线程。Park有停车的意思，假设线程为车辆，那么park方法
  • 六爻基础-腾蛇的基本知识 天机六爻
    螣蛇临不同六亲组合而成的信息之象：1.螣蛇临官爻占官司灾凶，若发动克世爻用神，主有牢狱之灾；占梦主有恶梦、怪梦，令人惊恐、怪异之梦；占宅，主有怪异之事发生，有妖、仙、鬼、神怍祟，有异常声音、动静；占病，为虚病、怪痫，医院盘不出之病症，神经之类症症；女占婚，官爻临螣蛇，为命中注定之丈夫，很难离婚。2.螣蛇临父爻克世主受文书，契约所束缚，受合同所牵制；测父母，主父母有怪病怪事或神经不正常，有虚病，思虑
  • 动画电影喜好论——《逆袭的夏亚友之会》会川升寄稿 加刘景长
    包括我自己的作品在内，我喜欢的电影其实是有共通点的。而这个共通点就是：那部电影的主题或故事，有没有与导演/剧本家自身所纠结的问题联系在一起，让他忍不住要在作品里书写（描绘）。作家一边关注着自己作品的娱乐性（这点很重要），一边将自己的内心妥协地放进作品里。我所喜欢的就是这样的作品。看到我这么讲，你可能会问：“那么你在看电影的时候真的能察觉到创作者本人的心思吗？”，对此我想说：“可以”。基本上，当创作
  • Python函数参数`*args`和`**kwargs`详解：区别与使用指南 北辰alk pythonpython服务器数据库
    文章目录一、基本概念与区别概述1.1`*args`（非关键字参数收集）1.2`**kwargs`（关键字参数收集）1.3主要区别对比表二、深入理解`*args`2.1基本用法2.2工作原理2.3与其他参数配合使用2.4解包序列作为参数三、深入理解`**kwargs`3.1基本用法3.2工作原理3.3与其他参数配合使用3.4解包字典作为参数四、组合使用`*args`和`**kwargs`4.1完整参
  • vLLM快速入门：开启高效推理与部署之旅
    在如今这个人工智能飞速发展的时代，语言模型的应用已经深入到我们生活的方方面面，从智能聊天机器人到文本生成工具，都离不开强大的语言模型技术支持。而vLLM作为一个专注于高效推理和部署的开源项目，正在为研究人员和开发人员提供一种全新的解决方案，让语言模型的使用变得更加便捷、高效。初识vLLM：背景与意义vLLM（VeryLargeLanguageModelInference）是一个专注于大型语言模型推
  • 单调栈和单调队列(还有栈的定义)(未完结版) 凌辰揽月 算法数据结构c语言c++
    一、栈的基本概念1、栈的定义栈（Stack）：是只允许在一端进行插入或删除的线性表。首先栈是一种线性表，但限定这种线性表只能在某一端进行插入和删除操作。栈顶（Top）：线性表允许进行插入删除的那一端。栈底（Bottom）：固定的，不允许进行插入和删除的另一端。空栈：不含任何元素的空表。栈又称为后进先出（LastInFirstOut）的线性表，简称LIFO结构模板stl大法(下面还有一个普通的模拟过
  • Spring Ioc Bean 到底是什么
    Bean到底是什么？简单来说，SpringBean就是一个由SpringIoC容器负责创建、管理和装配的Java对象。它不是一种新的技术，它本质上还是一个普普通通的Java对象（POJO-PlainOldJavaObject），但它的“户口”被注册到了Spring容器中，从此它就不再是一个“野生”的对象，而是一个受容器管理的“公民”。最核心的区别：Beanvs.普通的Java对象为了彻底理解Bea
  • 网络请求的基本概念、原理及生活化解析 程序小武 python爬虫入门网络
    一、引言：你每天用的网络请求，原来这么复杂！每天清晨，你打开手机点个外卖，点了杯咖啡。这个简单的动作，背后其实有一连串复杂的网络请求发生。就像你和咖啡师说“来一杯美式加奶”，在数字世界里，手机和咖啡店系统之间也在“对话”。这些对话遵循一套规则，今天就用一些生活中的比喻来跟你解说这些规则是怎么运作的。二、核心概念：生活化理解网络请求1.客户端与服务器：数字世界的“顾客”与“商家”客户端：就是你手中的
  • 数据结构——树 越来越无动于衷 数据结构
    1定义：树是由n（n≥0）个节点组成的有限集合。当n=0时，称为空树；在任意一棵非空树中，有且仅有一个特定的称为根（Root）的节点，当n>1时，其余节点可分为m（m>0）个互不相交的有限集T1、T2、……、Tm，其中每个集合本身又是一棵树，并且称为根的子树。2基本术语节点的度：一个节点拥有的子树个数。树的度：树中节点的最大度数。叶子节点：度为0的节点，也称为终端节点。非叶子节点：度不为0的节点，
  • 通过 Docker 和 Kubernetes 部署前后端代码到服务器
    目录通过Docker和Kubernetes部署前后端代码到服务器一、准备工作二、创建Docker镜像三、部署到Kubernetes四、访问应用程序五、总结在现代软件开发中，Docker和Kubernetes已成为部署应用程序的强大工具。它们提供了一种可靠、可扩展和高效的方式来将前后端代码部署到服务器上。本文将介绍如何使用Docker和Kubernetes来部署前后端代码。一、准备工作安装Docke
  • 新手怎么做自媒体运营？新手做自媒体运营的4个重要方法 优惠券高省
    作为一个优秀的自媒体运营者，需要具备很多能力，现在的自媒体运营者越来越多。一个自媒体运营者需要具备哪些能力？下面给大家分享一下自媒体运营者必备的四大基本能力。大家好，我是高省APP联合创始人蓓蓓导师，高省APP是2021年推出的电商导购平台，0投资，0风险、高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个可省钱佣金高，能赚钱有收益的平台，百度有几百万篇报道，也期待你的加入。高省邀请码1
  • 汇编 Call 指令运行原理详解：从跳转机制到堆栈操作 杰_happy 汇编汇编单片机stm32
    函数参数传递参数传递一般有三种方式：通过内存（一般是堆栈）传递整形参数可以通过寄存器传递浮点数参数可以通过浮点寄存器传递堆栈传递所谓通过堆栈传递参数，就是调用函数的一方，将参数逐个压入堆栈中，然后由函数从堆栈中取出使用。使用堆栈的好处是不用污染寄存器，而且可以传递的参数个数基本不限。但缺点是需要读写内存。众所周知，读写内存比读写寄存器要慢的多，这就使人想到用寄存器进行传递参数会大大提高效率。在wi
  • 夸克网盘1TB存储空间,获取全攻略! 遇见火星 面试职场和发展
    近年来，夸克网盘凭借大容量和免费增值模式迅速崛起。作为老用户，如何永久锁定1TB存储空间成为核心问题？最新方法是转存这个文件实现免费扩容到1T：未用手机号注册过夸克账号、仅安装APP但未注册、曾用QQ、微信等非手机号注册的老用户以及24小时内新注册的账号皆可参与。已有账号用户需更换未注册过的手机号和新设备参与。1TB空间领取步骤：打开手机浏览器，私信获取活动专属链接，电脑端无法参与。1TB容量领取
  • 斗鱼大数据面试题及参考答案 大模型大数据攻城狮 大数据大数据面试hadoop面试spark面试flink面试手撕SQL手撕代码
    GC（垃圾回收）相关知识一、常见的GC收集器SerialGCSerialGC是最基本的垃圾收集器，它是单线程的。在进行垃圾收集时，会暂停所有的用户线程，直到垃圾收集完成。它的工作过程比较简单，首先标记出所有的垃圾对象，然后将它们清除。例如，在一个小型的、对响应时间要求不高的Java应用程序中，如简单的命令行工具，SerialGC可以满足垃圾收集的需求。因为这种应用程序通常没有很高的并发要求，暂停用
  • ComfyUI 完全入门：图生视频
    随着科技的不断发展，用户界面（UI）设计变得越来越重要。一个优秀的UI不仅能提升用户体验，还能增加应用的吸引力和使用率。ComfyUI作为一个开源的用户界面框架，以其简便易用、高度自定义和丰富的组件，成为了许多开发者的首选。本文将以“图生视频”为例，详细介绍如何使用ComfyUI，从基础入门到高级应用，帮助你轻松创建出色的用户界面。一、什么是ComfyUI？ComfyUI是一个开源的用户界面框架，
  • 探索数据的桥梁：Apache Olingo——您的OData之旅的最佳伙伴
    探索数据的桥梁：ApacheOlingo——您的OData之旅的最佳伙伴olingo-odata4MirrorofApacheOlingo项目地址:https://gitcode.com/gh_mirrors/ol/olingo-odata4项目介绍ApacheOlingo，一个为数据而生的Java库，它围绕着强大的OData规范构建，旨在简化数据访问与共享的过程。作为一个由Apache软件基金会
  • 【免费下载】 IDE Eval Resetter 插件安装及使用指南 宗廷国Kenyon
    IDEEvalResetter插件安装及使用指南1.项目介绍IDEEvalResetter是一款适用于JetBrains系列集成开发环境（如IntelliJIDEA、PyCharm等）的开源插件，旨在帮助用户重置IDE的试用期限，从而获得更多的免费试用时间。这款插件支持自动或手动重置，让用户可以在不购买正式版的情况下，依然可以正常使用IDE进行开发工作。2.项目快速启动2.1安装插件方法一：通过I
  • Apache Olingo OData4 教程 凌崧铖
    ApacheOlingoOData4教程1.项目介绍ApacheOlingo是一个由Apache软件基金会支持的开源库，用于实现OData（OpenDataProtocol）协议的客户端和服务器端。OData4版本是针对OData规范第4版的实现，提供了一组Java库，帮助开发者轻松创建ODataV4兼容的服务和应用程序。2.项目快速启动Maven配置在你的pom.xml文件中添加ApacheOl
  • 高通平台camera构架sensor驱动详解 a55662551 androidcamera驱动v4l2
    1.Sensor驱动的基本概念与流程Sensor驱动的作用：Sensor驱动是Camera硬件与CamX框架之间的桥梁，负责控制Sensor的启动、数据采集、寄存器配置以及与图像处理单元（如IFE、BPS）的交互。通俗理解：就像工厂的“原料采集工”，负责从摄像头传感器（如CMOS）获取原始图像数据，并将数据传递到流水线（Pipeline）中进行加工。数据流关键步骤：Sensor初始化：配置电源、时
  • 游戏中的儿童1 羲有时光
    在幼儿园小班游戏活动中，以拼图为例。提供怎样的拼图材料？如何基于观察给予幼儿支持？如何实现在教师支持下的自由自主自然地生长呢？首先，教师应对小班儿童拼图的年龄特点应有充分了解，这是实现幼儿自由自主自然生长的基本前提。儿童喜欢贴近生活的图片抑或较为熟悉和喜欢的图片、班级儿童在拼图能力上的发展具有一定的差异性。基于此，教师所提供的拼图图片应该是生活化的、儿童较为关注的，此外，所提供的拼图的难度应该有差
  • docker重新搭建redis集群 Kom19 Redisdockerredis
    今天遇到个问题，redis全挂了导致我的项目一直在滚动日志连不上redis，所以我重新搭建redis集群来解决这个问题首先把配置文件搞好redis配置文件redis-master的配置文件bind0.0.0.0protected-modenoport6379#requirepassredis##哨兵模式主从切换时使用#masterauthredisredis-slave1的配置文件bind0.0.
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他