Agneei
Agneei

（一）前端工程化与Webpack

Vue2.0之前端工程化与Webpack

1. 前端工程化

1.1 小白眼中的前端开发
  • 会写HTML+ CSS +JavaScript就会前端开发
  • 需要美化页面样式，就拽一个bootstrap过来
  • 需要操作DOM或发起Ajax请求，再拽一个jQuery过来
  • 要快速实现网页布局效果，就拽一个Layui过来
1.2 实际的前端开发
  • 模块化（js 的模块化、css的模块化、资源的模块化）
  • 组件化（复用现有的UI结构、样式、行为）
  • 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）
  • 自动化（自动化构建、自动部署、自动化测试）

2. 什么是前端工程化

  • 前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。
  • 企业中的Vue 项目和React项目，都是基于工程化的方式进行开发的。
  • 好处：前端开发自成体系，有一套标准的开发方案和流程。

3. 前端工程化的解决方案

3.1 早期的前端工程化解决方案
  • grunt（https:// www.gruntjs.net/ ）
  • gulp（https://www.gulpjs.com.cn/ ）
3.2 目前主流的前端工程化解决方案
  • webpack（https://www.webpackjs.com/）
  • parcel（https://lzh.parceljs.org/）

4. Webpack的基本使用

4.1 什么是webpack
  • 概念：webpack是前端项目工程化的具体解决方案。
  • 主要功能：它提供了友好的前端模块化开发支持，以及代码压缩混淆、处理浏览器端JavaScript 的兼容性、性能优化等强大的功能。
  • 好处：让程序员把工作的重心放到具体功能的实现上，提高了前端开发效率和项目的可维护性。
4.2 创建列表隔行变色项目

① 新建项目空白目录，并运行npm init -y命令，初始化包管理配置文件package.json
② 新建src源代码目录
③ 新建src -> index.html首页和src -> index.js脚本文件初始化首页基本的结构
⑤ 运行npm install jquery -s命令，安装jQuery
⑥ 通过ES6模块化的方式导入jQuery，实现列表隔行变色效果

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Document</title>
  <!-- <script src="./index.js"></script> -->
  <!-- <script src="/dist/main.js"></script> -->
  <!-- 访问内存中的js文件 -->
  <script src="/main.js"></script>
</head>
<body>
  <!-- ul>(li{
   这是第$个li})*6 -->
  <ul>
    <li>这是第1个li</li>
    <li>这是第2个li</li>
    <li>这是第3个li</li>
    <li>这是第4个li</li>
    <li>这是第5个li</li>
    <li>这是第6个li</li>
  </ul>
</body>
</html>

// 使用ES6导入语法
import $ from 'jquery'
// 定义jQuery的人口函数
$(function

你可能感兴趣的:(Vue2.0,vue,webpack,前端)

  • vue3 - 最新详细实现上传视频后智能截取多张封面图功能教程，视频上传截取多帧画面并生成jpg/png图片展示和供用户选取，vue如何截取获取视频画面任意一帧、第一帧、几帧（当做视频封面，详细代码 街尾杂货店& 前端组件与功能(开箱即用)vue3.jsvide视频截取第一帧作为封面获取视频长度并分段截取某几帧vue获取整个视频的某几个画面把视频画面截取生成图片教程视频上传后截取指定某帧并导出nuxt3.js截取视频
    效果图在vue3、nuxt3项目开发中，详解实现从上传的视频中“智能分段截取”多帧图片，并且生成图片展示由用户选择其中一张作为封面的需求，获取用户上传视频的部分画面，video视频组件如何截取里面的图片画面，vue3捕获视频中的截图用于视频封面的详细教程，支持截取视频的某一帧、多帧、固定秒数的帧画面、自动应用封面等，多维度根据视频长度智能分段截取，类似各大短视频平台用户上传视频后自动截取几帧画面，
  • 【uniapp】子组件和父组件双向绑定，vue3已废除sync写法，v-model代替 黛色正浓 uniappuni-appvue.jsjavascript
    vue3已废除sync写法，v-model代替实现state的值可以从子组件传递给父组件，也可以从父组件传递给子组件文件地址pages/about/about.vue开启{{mystate}}exportdefault{data(){return{mystate:false};},methods:{clickBtn(){this.mystate=true},}}文件地址components/myp
  • UniApp 24点数学游戏开发实践 xiyueta uni-appvue
    UniApp24点数学游戏开发实践一、项目简介24点数学游戏是一个经典的数学益智游戏，旨在培养用户的数学思维和计算能力。本项目基于UniApp+Vue3开发，实现了一个跨平台的24点游戏应用。在线演示演示地址:http://demo.xiyueta.com/case/web20250222/#/pagesA/tool/sxyzsw测试账号:demo测试密码:123456使用效果数学益智思维1.1功
  • H5 ios软键盘弹起遮挡输入框 陈陈小白 ios前端html5
    在使用Vue3和TypeScript开发H5页面时，输入框固定在底部，遇到iOS软键盘弹起遮挡输入框的问题。以下为几种解决方案：1.使用viewport元素调整页面视图iOS在弹出软键盘时，可能会导致页面内容被遮挡。通过调整meta标签中的viewport来确保页面可以适应不同的屏幕尺寸和键盘显示。maximum-scale=1.0可以防止页面缩放。user-scalable=no禁用缩放功能。结
  • vue videojs使用canvas截取视频画面 叫我OldFe vue.js音视频前端js
    前言刚开始做的时候太多坑，导致一直报错：Uncaught(inpromise)TypeError:Failedtoexecute‘drawImage’on‘CanvasRenderingContext2D’:Theprovidedvalueisnotoftype‘(CSSImageValueorHTMLCanvasElementorHTMLImageElementorHTMLVideoElemen
  • Vue 组件的三大组成部分 今天你慧了码码码码码码码码码码 Vuevue.js前端javascript
    Vue组件通常由三大组成部分构成：模板（Template）、脚本（Script）、样式（Style）模板部分是组件的HTML结构，它定义了组件的外观和布局。Vue使用基于HTML的模板语法来声明组件的模板，可以插入动态数据、绑定事件等。脚本部分包含了组件的JavaScript代码，用于定义组件的行为逻辑。在脚本中，可以定义组件的数据（data）、计算属性（computed）、方法（methods）
  • 前端调试实战：快速定位和解决问题的技巧 Eleven 前端chromechromedevtools
    前端开发中，调试是不可避免的环节。无论是页面样式错乱、功能逻辑异常，还是性能瓶颈，都需要我们快速定位问题并找到解决方案一、调试工具篇1.ChromeDevTools：前端开发的瑞士军刀ChromeDevTools是前端开发者最强大的调试工具，它提供了丰富的功能来帮助我们分析页面、调试代码和排查问题。Elements面板:查看和修改DOM结构、CSS样式，实时预览页面效果。Console面板:执行J
  • Svelte 高效开发必备插件与工具推荐（附详细配置指南） i建模 前端开发前端框架svelte
    #Svelte必备插件与工具推荐（附详细配置指南）---##摘要Svelte作为近年来备受关注的前端框架，凭借其**编译时优化**和**极简语法**迅速赢得开发者青睐。但想要充分发挥其潜力，离不开强大的工具链支持。本文精选**10+实用插件与工具**，覆盖开发、调试、预处理、UI库等全场景，助你打造高效Svelte工作流！---##一、开发与构建工具###1.**@sveltejs/vite-pl
  • .NET周刊【2月第3期 2025-02-16】 INCerry .net
    国内文章我们是如何解决abp身上的几个痛点https://www.cnblogs.com/jackyfei/p/18709265张飞洪分享了abp框架在.net社区的使用经验，认为其在模块化、DDD和微服务上表现优良，但也存在不足。文章指出前端不支持VUE、社区版界面较差、售后服务慢及功能不易用等痛点。针对这些问题，他提出通过VUE3重做了部分功能，从而实现功能和细节的增强。例如，引入了文件管理、
  • vue+ts在线文档编辑(腾讯文档)多人在线编辑-实现假分页（二） GoFly开发者 前端开发vue3前端开发vue.js前端less
    实现思路：整个分页分成三层第一层是分页布局，第二层是书写编辑器层第三层是水印层1.分页展示层：为分页效果展示，在书写层上方，包含页眉页脚，占位不动2.书写层：用于用户输入，它是一个整体，无论写多少页，其实都是一个元素3.水印层：生成水印渲染在看前您可先看demo效果是否是您要找的，再决定是否继续往下看，以免浪费您的时间。http://demo.doc.goflys.cn/，需要源码在这里免费下载技
  • Vue 与 React：前端框架的区别与联系 一休哥助手 前端前端框架vue.jsreact.js
    一、引言随着前端技术的发展，Vue和React作为目前最流行的前端框架之一，被广泛应用于各种Web开发项目中。尽管它们都能实现组件化开发，提高代码的复用性和可维护性，但在设计理念、使用方式以及性能优化等方面存在诸多不同。本文将详细探讨Vue和React之间的区别与联系，帮助开发者更好地理解并选择合适的技术栈。二、Vue和React的基本介绍1.Vue.js简介Vue.js（简称Vue）是由尤雨溪（
  • Tauri+React跨平台开发全场景问题解析 i建模 前端开发跨平台开发前端框架taurireact跨平台开发
    Tauri+React跨平台开发全场景问题解析一、核心优势与技术定位1.1技术架构创新Tauri2.3.1采用Rust核心层+系统WebView+React前端的混合架构，相较于传统跨平台方案具有三大突破：轻量化：安装包体积缩小至Electron的3%（{invoke('load_data').then(setData);},[]);return{data};}特点：ReactHooks与Taur
  • 如何在 React 中集成第三方库和插件 JJCTO袁龙 reactreact.js前端前端框架
    如何在React中集成第三方库和插件在现代前端开发中，React以其声明式、组件化的特性成为开发者的首选框架之一。然而，单一的框架往往无法满足所有需求，集成第三方库和插件变得尤为重要。本文将详细介绍如何在React中高效集成第三方库和插件，并提供一些最佳实践建议。一、选择合适的第三方库或插件在集成第三方库或插件之前，选择合适的工具是关键。以下是一些选择时需要考虑的因素：功能匹配：确保库或插件的功能
  • 统一封装api接口返回值（一） 异世老者 java后端javaspringrestful
    前后端分离开发模式中，后端接口基本上都是通过json格式传回前端，通过统一的返回格式封装，可以大大提高开发效率，如：{"code":0,"msg":"成功","data":{"uid":"hjgfyg"}}直接上代码，两个文件即可实现设置一个枚举值，统一封装返回状态码publicenumErrorCode{/*成功状态码*/SUCCESS(0,"成功"),ERROR(1,"操作失败"),/*web
  • vue项目开发，涉及到的js代码 雪碧聊技术 毕业设计javascriptvue.js前端
    本篇文章，主要用来收集vue项目开发的过程中，涉及到的js代码。1、删除数组中，除了首个元素以外的其他所有元素。letarr=[1,2,3,4,5];arr.splice(1);//从索引1开始删除所有元素console.log(arr);//输出:[1]
  • mybatis后端有返回值前端拿不到 湙泽 mybatis前端java
    前端情况后端情况一开始没注意才发现是自己少了一个注解解决方法：1.@RestController在Spring中@RestController的作用等同于@Controller+@ResponseBody。2.@ResponseBody@ResponseBody的作用其实是将java对象转为json格式的数据。
  • 前端调用后端接口返回数据不显示 qq_45231791 vue
    前端调用后端接口返回数据不显示返回的数据是对象，要改为数组[res.data.data]。如果后端返回数据为List数组则不用添加中括号。
  • 响应式布局：构建适应多设备的现代网页 lina_mua css3前端csshtml
    1.引言1.1响应式布局的重要性随着移动设备的普及，用户访问网页的方式变得多样化。响应式布局（ResponsiveDesign）能够确保网站在不同设备（如桌面、平板、手机）上都能提供良好的用户体验。它不仅是现代前端开发的标配，也是提升用户满意度和SEO排名的重要手段。1.2本文的目标本文旨在深入探讨响应式布局的核心概念、实现技术、实用技巧以及最佳实践，帮助开发者构建适应多设备的现代网页。2.响应式
  • Vue 中引入 ECharts 的详细步骤与示例 黄尚圈圈 vue.jsecharts前端
    在Vue项目中引入ECharts，可以让我们轻松地在前端页面中展示各种图表。ECharts是一个基于JavaScript的开源可视化图表库，它提供了丰富的图表类型和强大的配置选项，使得在Vue项目中集成和使用变得非常方便。一、准备工作创建Vue项目：如果你还没有Vue项目，可以使用VueCLI快速创建一个新的Vue项目。安装ECharts：在你的Vue项目中，通过npm或yarn安装ECharts
  • 024：vue+threeJS 创建多面几何体（PolyhedronGeometry） 还是大剑师兰特 #ThreeJS代码示例200+大剑师threejs教程threejs示例threejs基础
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第024个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共98行）五、相关文章参考一、
  • WebGL开发：ThreeJS从入门到精通 莲华君 前端权威教程合集WebGL系统化学习前端WebGLThreeJSBabylonJS
    前言：ThreeJS——开启3DWeb世界的钥匙欢迎来到ThreeJS的奇妙世界！无论你是前端开发者、图形学爱好者，还是希望将3D技术融入Web应用的工程师，这本书都将带你从零开始，逐步掌握ThreeJS的核心概念，并最终实现大型数字孪生项目。让我们一起踏上这段充满挑战与乐趣的旅程吧！目录：第一部分：ThreeJS基础入门第一章：ThreeJS概述与基础概念1.1ThreeJS是什么？介绍Thre
  • uni-app实现用接口编写新闻 2021级计算机应用技术1班-童秀萍 uni-app前端
    一、uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。二、uni-app官网上（官网）有各种可以学习组件包括内置组件、常用的有：视图容器组件里的，view,scroll-view,swiper等，还有表单组件，如button、f
  • UNIAPP前端配合thinkphp5后端通过高德API获取当前城市天气预报 知码客 Uniappuni-app前端小程序知码客vue.js
    如何通过UniApp前端项目与ThinkPHP5后端结合高德天气API获取天气预报信息。我们将分为前端和后端两部分进行实现。以下是一个完整的代码.一、项目结构project/├──frontend/(UniApp项目)│├──pages/││└──weather/││├──index.vue├──backend/(ThinkPHP5项目)│├──application/││├──controlle
  • 软件测试常问面试题【三】 小0同学睡得好 软件测试IT测试tcp/ip网络协议网络
    软件测试面试常问问题【三】1、APP无响应是有哪些问题引起的（闪退、崩溃的原因有哪些）版本不兼容，版本没有及时更新分辨率不兼容运行内存不足依赖包没有安装接口的返回值错误导致前端处理不了崩溃响应超时（尤其是启动、退出APP时没有响应会导致超时）网络方面（网络切换，或者网络不佳导致无法做出响应崩溃）2、当客户端（手机）发送一个请求后，出现无影响ANR（空白）可能是网络访问超时。弱网情况、网络差、信号不
  • vue 获取代理地址封装 qhd吴飞 vue.js
    以前我们设置vue代理地址的时候是在vue.config.js文件中增加devServe属性，然后在proxy属性里面配置代理地址，目前网上都是配置一个代理地址的方法，但在实际开发中需要配置多个代理地址，我的这个方法只需要在.env.development文件里配置代理地址即可，打包时自动替换地址。下面是方法1.在src目录新建一个config文件夹，里面新建一个index.js文件constob
  • 【六袆 - 前端】JavaScript学习；JavaScript面试题；坐地铁，坐公交，打DD的时候刷一刷 鞠崽23333 前端框架相关技术javascript
    JavaScriptJavaScript写一个mySetInterVal(fn,a,b),每次间隔a,a+b,a+2b,...,a+nb的时间，然后写一个myClear，停止上面的mySetInterVal介绍防抖节流原理、区别以及应用，并用JavaScript进行实现对闭包的看法，为什么要用闭包？说一下闭包原理以及应用场景实现lodash的_.get实现add(1)(2)(3)实现链式调用类数组
  • vue a-table 实现指定字段相同数据合并行 跳跳的小古风 Vuevue.jsjavascriptecmascript
    vuea-table实现相同数据合并行实现效果代码实现cloums数据格式数据源格式合并代码实现效果代码实现cloums数据格式constgetColumns=function(){return[{title:"分类",dataIndex:"checked",width:"150px",customRender:(text,row,index)=>{return{children:"文字",//合
  • vue2 中 computed 计算属性 和 watch 监听属性的区别 Hopebearer_ Vue2前端vue.js前端框架js
    文章目录vue2中computed计算属性和watch监听属性的区别1.定义和语法2.使用场景3.性能4.响应式触发方式5.数据流向6.依赖追踪7.代码复杂度和可维护性vue2中computed计算属性和watch监听属性的区别1.定义和语法computed计算属性:是一个对象，其中的每个属性都是一个函数，通过返回值来定义一个新的属性。它可以像普通数据属性一样在模板中使用。{{fullName}}
  • 系统设计：扫码登录流程，5个流程图告诉你！ 试着奔跑的菜鸟 系统设计系统设计
    背景说明扫码登陆是我们在各种应用系统中最常见的逻辑之一，即使是公司后端系统也非常常见，例如我们的系统与企业微信进行绑定，需要用户扫描后自动登陆自己的工号进入系统。操作流程系统执行流程为了更加便于说明和理解，我们将扫码登陆的流程分为两大部分进行阐述前端处理流程请求二维码流程判断二维码的状态跳转登录后端处理流程生成二维码流程确认登陆流程流程图说明前端处理流程：扫码的前提是手机端已经登陆了账号前端（PC
  • 【环境部署】 qq_23128255 环境搭建运维
    项目环境部署混合启动前端项目打包（引入多模块代码）各子模块下的图片资源链接到项目固定地址环境部署系统开发过程中部署问题，使用mklink可以创建目录或文件的符号链接或硬链接，其中目录联接（使用mklink/J命令）只能应用于文件夹，不可用于文件。此外，mklink命令的使用需要一定的权限，创建目录链接可能需要系统管理员权限。‌。混合启动1、后台混合启动，创建软链接命令（系统项目下将子项目模块的cl
  • apache ftpserver-CentOS config gengzg apache
    <server xmlns="http://mina.apache.org/ftpserver/spring/v1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation=" http://mina.apache.o
  • 优化MySQL数据库性能的八种方法 AILIKES sqlmysql
    1、选取最适用的字段属性 　　MySQL可以很好的支持大数据量的存取，但是一般说来，数据库中的表越小，在它上面执行的查询也就会越快。因此，在创建表的时候，为了获得更好的 性能，我们可以将表中字段的宽度设得尽可能小。例如，在定义邮政编码这个字段时，如果将其设置为CHAR(255),显然给数据库增加了不必要的空间，甚至使用VARCHAR这种类型也是多余的，因为CHAR(6)就可以很
  • JeeSite 企业信息化快速开发平台 Kai_Ge JeeSite
    JeeSite 企业信息化快速开发平台 平台简介 JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。 JeeSite本身是以Spring Framework为核心容器，Spring MVC为模型视图控制器，MyBatis为数据访问层， Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流
  • 通过Spring Mail Api发送邮件 120153216 邮件main
    原文地址：http://www.open-open.com/lib/view/open1346857871615.html 使用Java Mail API来发送邮件也很容易实现，但是最近公司一个同事封装的邮件API实在让我无法接受，于是便打算改用Spring Mail API来发送邮件，顺便记录下这篇文章。 【Spring Mail API】 Spring Mail API都在org.spri
  • Pysvn 程序员使用指南 2002wmj SVN
    源文件:http://ju.outofmemory.cn/entry/35762 这是一篇关于pysvn模块的指南. 完整和详细的API请参考 http://pysvn.tigris.org/docs/pysvn_prog_ref.html. pysvn是操作Subversion版本控制的Python接口模块. 这个API接口可以管理一个工作副本, 查询档案库, 和同步两个. 该
  • 在SQLSERVER中查找被阻塞和正在被阻塞的SQL 357029540 SQL Server
    SELECT  R.session_id AS BlockedSessionID ,          S.session_id AS BlockingSessionID ,          Q1.text AS Block
  • Intent 常用的用法备忘 7454103 .netandroidGoogleBlogF#
    Intent     应该算是Android中特有的东西。你可以在Intent中指定程序 要执行的动作（比如：view,edit,dial），以及程序执行到该动作时所需要的资料 。都指定好后，只要调用startActivity()，Android系统 会自动寻找最符合你指定要求的应用 程序，并执行该程序。 下面列出几种Intent 的用法 显示网页:
  • Spring定时器时间配置 adminjun spring时间配置定时器
    红圈中的值由6个数字组成，中间用空格分隔。第一个数字表示定时任务执行时间的秒，第二个数字表示分钟，第三个数字表示小时，后面三个数字表示日，月，年，< xmlnamespace prefix ="o" ns ="urn:schemas-microsoft-com:office:office" /> 测试的时候，由于是每天定时执行，所以后面三个数
  • POJ 2421 Constructing Roads 最小生成树 aijuans 最小生成树
    来源：http://poj.org/problem?id=2421 题意：还是给你n个点，然后求最小生成树。特殊之处在于有一些点之间已经连上了边。 思路：对于已经有边的点，特殊标记一下，加边的时候把这些边的权值赋值为0即可。这样就可以既保证这些边一定存在，又保证了所求的结果正确。 代码： #include <iostream> #include <cstdio>
  • 重构笔记——提取方法（Extract Method） ayaoxinchao java重构提炼函数局部变量提取方法
    提取方法（Extract Method）是最常用的重构手法之一。当看到一个方法过长或者方法很难让人理解其意图的时候，这时候就可以用提取方法这种重构手法。   下面是我学习这个重构手法的笔记：   提取方法看起来好像仅仅是将被提取方法中的一段代码，放到目标方法中。其实，当方法足够复杂的时候，提取方法也会变得复杂。当然，如果提取方法这种重构手法无法进行时，就可能需要选择其他
  • 为UILabel添加点击事件 bewithme UILabel
        默认情况下UILabel是不支持点击事件的，网上查了查居然没有一个是完整的答案，现在我提供一个完整的代码。   UILabel *l = [[UILabel alloc] initWithFrame:CGRectMake(60, 0, listV.frame.size.width - 60, listV.frame.size.height)]
  • NoSQL数据库之Redis数据库管理(PHP-REDIS实例) bijian1013 redis数据库NoSQL
    一.redis.php <?php //实例化 $redis = new Redis(); //连接服务器 $redis->connect("localhost"); //授权 $redis->auth("lamplijie"); //相关操
  • SecureCRT使用备注 bingyingao secureCRT每页行数
    SecureCRT日志和卷屏行数设置 一、使用securecrt时，设置自动日志记录功能。 1、在C:\Program Files\SecureCRT\下新建一个文件夹(也就是你的CRT可执行文件的路径），命名为Logs； 2、点击Options -> Global Options -> Default Session -> Edite Default Sett
  • 【Scala九】Scala核心三：泛型 bit1129 scala
    泛型类 package spark.examples.scala.generics class GenericClass[K, V](val k: K, val v: V) { def print() { println(k + "," + v) } } object GenericClass { def main(args: Arr
  • 素数与音乐 bookjovi 素数数学haskell
        由于一直在看haskell，不可避免的接触到了很多数学知识，其中数论最多，如素数，斐波那契数列等，很多在学生时代无法理解的数学现在似乎也能领悟到那么一点。     闲暇之余，从图书馆找了<<The music of primes>>和<<世界数学通史>>读了几遍。其中素数的音乐这本书与软件界熟知的&l
  • Java-Collections Framework学习与总结-IdentityHashMap BrokenDreams Collections
            这篇总结一下java.util.IdentityHashMap。从类名上可以猜到，这个类本质应该还是一个散列表，只是前面有Identity修饰，是一种特殊的HashMap。         简单的说，IdentityHashMap和HashM
  • 读《研磨设计模式》-代码笔记-享元模式-Flyweight bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.Collection; import java.util.HashMap; import java.util.List; import java
  • PS人像润饰&调色教程集锦 cherishLC PS
      1、仿制图章沿轮廓润饰——柔化图像，凸显轮廓 http://www.howzhi.com/course/retouching/   新建一个透明图层，使用仿制图章不断Alt+鼠标左键选点，设置透明度为21%，大小为修饰区域的1/3左右（比如胳膊宽度的1/3），再沿纹理方向（比如胳膊方向）进行修饰。   所有修饰完成后，对该润饰图层添加噪声，噪声大小应该和
  • 更新多个字段的UPDATE语句 crabdave update
    更新多个字段的UPDATE语句                    update tableA a set (a.v1, a.v2, a.v3, a.v4) = --使用括号确定更新的字段范围
  • hive实例讲解实现in和not in子句 daizj hivenot inin
    本文转自：http://www.cnblogs.com/ggjucheng/archive/2013/01/03/2842855.html 当前hive不支持 in或not in 中包含查询子句的语法，所以只能通过left join实现。 假设有一个登陆表login(当天登陆记录,只有一个uid),和一个用户注册表regusers(当天注册用户，字段只有一个uid)，这两个表都包含
  • 一道24点的10+种非人类解法（2,3,10,10） dsjt 算法
    这是人类算24点的方法？！！！ 事件缘由：今天晚上突然看到一条24点状态，当时惊为天人，这NM叫人啊？以下是那条状态 朱明西 : 24点，算2 3 10 10，我LX炮狗等面对四张牌痛不欲生，结果跑跑同学扫了一眼说，算出来了，2的10次方减10的3次方。。我草这是人类的算24点啊。。 然后么。。。我就在深夜很得瑟的问室友求室友算 刚出完题，文哥的暴走之旅开始了 5秒后
  • 关于YII的菜单插件 CMenu和面包末breadcrumbs路径管理插件的一些使用问题 dcj3sjt126com yiiframework
    在使用 YIi的路径管理工具时，发现了一个问题。                    <?php         
  • 对象与关系之间的矛盾：“阻抗失配”效应[转] come_for_dream 对象
    概述   “阻抗失配”这一词组通常用来描述面向对象应用向传统的关系数据库（RDBMS）存放数据时所遇到的数据表述不一致问题。C++程序员已经被这个问题困扰了好多年，而现在的Java程序员和其它面向对象开发人员也对这个问题深感头痛。   “阻抗失配”产生的原因是因为对象模型与关系模型之间缺乏固有的亲合力。“阻抗失配”所带来的问题包括：类的层次关系必须绑定为关系模式（将对象
  • 学习编程那点事 gcq511120594 编程互联网
    一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！ 接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
  • Reverse Linked List II hcx2013 list
    Reverse a linked list from position m to n. Do it in-place and in one-pass. For example:Given 1->2->3->4->5->NULL, m = 2 and n = 4, return 
  • Spring4.1新特性——页面自动化测试框架Spring MVC Test HtmlUnit简介 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • Hadoop集群工具distcp liyonghui160com
        1. 环境描述 两个集群：rock 和 stone rock无kerberos权限认证，stone有要求认证。 1. 从rock复制到stone，采用hdfs Hadoop distcp -i hdfs://rock-nn:8020/user/cxz/input hdfs://stone-nn:8020/user/cxz/运行在rock端，即源端问题：报版本
  • 一个备份MySQL数据库的简单Shell脚本 pda158 mysql脚本
    　　主脚本（用于备份mysql数据库）： 　　该Shell脚本可以自动备份 数据库。只要复制粘贴本脚本到文本编辑器中，输入数据库用户名、密码以及数据库名即可。我备份数据库使用的是mysqlump 命令。后面会对每行脚本命令进行说明。 　　 1. 分别建立目录“backup”和“oldbackup” 　　#mkdir /backup 　　#mkdir /oldbackup 　
  • 300个涵盖IT各方面的免费资源（中）——设计与编码篇 shoothao IT资源图标库图片库色彩板字体
    A. 免费的设计资源 Freebbble:来自于Dribbble的免费的高质量作品。 Dribbble:Dribbble上“免费”的搜索结果——这是巨大的宝藏。 Graphic Burger:每个像素点都做得很细的绝佳的设计资源。 Pixel Buddha:免费和优质资源的专业社区。 Premium Pixels:为那些有创意的人提供免费的素材。
  • thrift总结 - 跨语言服务开发 uule thrift
    官网 官网JAVA例子 thrift入门介绍 IBM-Apache Thrift - 可伸缩的跨语言服务开发框架 Thrift入门及Java实例演示 thrift的使用介绍   RPC    POM： <dependency> <groupId>org.apache.thrift</groupId>
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他