玄晓乌屋
玄晓乌屋

vue-cli3 cdn方式引入Vue模块

文章目录

  • 选择Vue的cdn
  • 从那儿引入？
  • 是否需要删除 import Vue 语句？
  • 打包测试

选择Vue的cdn

引入的 vue 文件必须是游览器版本，最少需要包含 vue 的运行时源码，也就是 vue.runtime.min.js 这个文件，可以到各大cdn网站上获取。

运行时源码和完整版有什么不同？
运行时源码少了编译器，而完整版有，因为 vue-loader 编译后已经编译了 template ，所以不需要再次编译。这意味着运行时源码还要小一点，详见vue官方文档。

我使用的是 bootcdn 的运行时压缩模块，体积会更小。

从那儿引入？

使用 vue-cli3 构建的项目，可以在 项目/public/index.html 的 head 元素中引入相关的 cdn 。
我的代码如下：

  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>vue-apptitle>
    <script
      src="https://cdn.bootcss.com/vue/2.6.10/vue.runtime.min.js"
      crossorigin="anonymous"
    >script>
    <script
      src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.min.js"
      crossorigin="anonymous"
    >script>
  head>

我在 script 元素中设置了 crossorigin 属性，避免跨域的警告，详见 CORS settings attributes 。
在这个项目中 vue 和 vue-router 都使用 cdn 来引入了，减少了很多体积。

是否需要删除 import Vue 语句？

不用删除，但是要配置不打包 cdn 引入的模块，需要在 webpack 中设置不打包 vue 等使用 cdn 引入的模块。
当然也可以删除，但是不建议。如果你安装项目的时候使用了 eslint 这样的语法编辑器，就会直接报错，类似 Vue undefined 这样，可以用 window.Vue 来调用，不建议，因为这会丢失语法提醒。若是安装了 typescript 那么还要写额外的全局类型等，所以不建议删除。

如何在打包时忽略已经用 cdn 引入的模块？
在 vue.config.js 文件中添加如下设置：

module.exports = {
  configureWebpack: {
    externals: {
      vue: 'Vue',
      'vue-router': 'VueRouter'
    }
  }
}

属性名是引入的模块名，值是需要替换的变量，这个值必须和 cdn 中提供的一样，其作用是不打包使用外部引入的扩展，也就是 build 的时候不打包这也模块。详见 webpack 外部扩展。

注意：源代码只是改了 “项目/public/index.html” 文件和配置了 vue.config.js，没有修改其他代码。

打包测试

不使用 cdn 的情况打包的 dist 文件夹（注释掉 vue.config.js 添加的代码就可测试）：

$ vue-cli-service build

  dist\js\chunk-vendors.c79ff8b4.js       114.63 KiB        40.43 KiB
  dist\js\app.dfdf8bae.js                 4.71 KiB          2.07 KiB
  dist\js\chunk-7a70a114.6f60ed21.js      0.55 KiB          0.37 KiB
  dist\css\app.7fe16c18.css               0.49 KiB          0.25 KiB
  dist\css\chunk-7a70a114.98f4dffc.css    0.28 KiB          0.17 KiB

其中 venders 有114KB，包含了 webpack + vue + vur-router。

使用 cdn 的情况打包的 dist 文件夹：

yarn run v1.17.3
 DONE  Compiled successfully in 6367ms
  File                                    Size              Gzipped

  dist\js\chunk-vendors.7876bfa1.js       24.21 KiB         8.86 KiB
  dist\js\app.7fb99721.js                 4.78 KiB          2.10 KiB
  dist\js\chunk-7a70a114.759e91f3.js      0.55 KiB          0.38 KiB
  dist\css\app.7fe16c18.css               0.49 KiB          0.25 KiB
  dist\css\chunk-7a70a114.98f4dffc.css    0.28 KiB          0.17 KiB

此时 venders 只有24KB，只有 webpack 的相关代码了。

总结：
114-24=90，对于小型网站来说，还是不错的小优化。用此方法还可以引入其他模块，比如 moment.js 、 vuex 、 iView 、 element-ui 等等。

另外，如果想继续优化打包，建议了解异步路由，异步加载等，谨慎使用 require.context。

你可能感兴趣的:(vue,随记)

  • 从零搭建 Vue3 + VIte + Ts 项目 —— 并集成eslint 、prettier 2301_82244509 ubuntulinux运维
    plugins:[‘vue’,‘@typescript-eslint’],//新增root:true,//对某些文件进行单独配置（这里针对TypeScript文件）overrides:[{files:[‘.ts’,'.tsx’,‘*.vue’],rules:{‘no-undef’:‘off’,//在TypeScript中没有必要使用no-undef规则},},],//自定义规则rules:{//h
  • Vue 3 + Vite 项目中配置代理解决开发环境中跨域请求问题 匹马夕阳 VUE技术集锦vue.js前端javascript
    在Vue3+Vite项目中，配置代理是解决开发环境中跨域请求问题的常见方法。通过在Vite的配置文件中设置代理，可以将前端请求转发到后端服务器，从而避免浏览器的同源策略限制。1.创建Vue3+Vite项目首先，确保你已经安装了Node.js。然后，使用以下命令创建一个新的Vue3+Vite项目：npmcreatevite@latestmy-vue-app--templatevue进入项目目录并安装
  • 计算机毕业设计（附源码）python学习互助平台网站 杰记计算机程序源码 python学习django
    项目运行环境配置：Pychram社区版+python3.7.7+Mysql5.7+HBuilderX+listpip+Navicat11+Django+nodejs。项目技术：django+python+Vue等等组成，B/S模式+pychram管理等等。环境需要1.运行环境：最好是python3.7.7，我们在这个版本上开发的。其他版本理论上也可以。2.pycharm环境：pycharm都可以。
  • vue3+vite 配置使用 @ 引入文件 LayneTu vue.js前端javascript
    如何在vue3中使用@来引入文件我这里用到的是vue:^3.2.45和vite:^4.1.0版本，所以在配置之前需要先安装一个可以使用resolve的插件，有了此插件就可以通过import来引入path：npmi-D@types/node接下来是配置vite.config.ts：import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-v
  • 快速入门——Vue组件化开发 ONEPEICE-ing vue.js前端javascript
    学习自哔哩哔哩上的“刘老师教编程”，具体学习的网站为：9.Vue组件化开发_哔哩哔哩_bilibili，以下是看课后做的笔记，仅供参考。第一节NPM使用NPM是一个NodeJS包管理和分发工具第二节VueCLI使用第三节组件化开发
  • 第十七：嵌套路由 小画家~ 前端前端javascript
    4.7.【嵌套路由】编写News的子路由：Detail.vue配置路由规则，使用children配置项：constrouter=createRouter({ history:createWebHistory(),routes:[{name:'zhuye',path:'/home',component:Home},{name:'xinwen',path:'/news',component:News,
  • vue3 + el-image-viewer 图片组件查看 琳一123456 html5htmlcss
    vue2+element-ui中注意是on-closevue3+element-plus中就是closeurl-list：图片数组getFullImageURL为图片地址处理函数                          
  • 勇敢尝鲜之Springboot3大坑-集成Mybatisplus报错：ddlApplicationRunner 青花锁 项目实战Java微服务ddlAppRunnerSpringbootmybatisplus
    作者主页：青花锁简介：Java领域优质创作者、Java微服务架构公号作者简历模板、学习资料、面试题库、技术互助文末获取联系方式往期热门专栏回顾专栏描述Java项目实战介绍Java组件安装、使用；手写框架等Aws服务器实战AwsLinux服务器上操作nginx、git、JDK、VueJava微服务实战
  • 【Viewer.js】vue3封装图片查看器 视觉CG JSVue3javascriptvue.js开发语言
    效果图需求点击图片放大可关闭放大的图片下载cnpminviewerjs状态管理+方法stores/imgSeeStore.jsimport{defineStore}from'pinia'exportconstimgSeeStore=defineStore('imgSeeStore',{state:()=>({showImgSee:false,ImgUrl:'',}),getters:{},acti
  • vue3 图片预览 v-viewer 情话丫 vue
    vue3图片预览v-viewer百度没找到方法，自己看了源码发现的//添加依赖npminstallv-viewer//在main.js中注册import'viewerjs/dist/viewer.css';//引入样式importViewerfrom'v-viewer';//引入v-viewer组件constapp=createApp(App);Viewer.install(app)//在页面中使
  • 基于Java（SpringBoot）+MySQL+Vue实现博客系统+社区 神仙别闹 课程设计javaspringbootmysql
    本来是想着写一博客系统的，后来写着写着就变成了一个“四不像”——介于博客和社区之间的一个东西。start数据库名称为graduation结构：graduation_admin后台管理页面(vue)graduation_web前台页面(vue)graduation_server后台api(Java)1.graduation_admin基于vue-admin-template编写#进入项目目录cdgr
  • vue3 ts admin动态tab Tirzano vue.jsjavascript前端
    Footer.admin{margin:0;padding:0;}.auto-height{height:calc(100vh-15px);}.el-menu--horizontal>.el-menu-item:nth-child(1){margin-right:auto;}.el-menu--horizontal.el-menu{border-bottom:none;}.el-main{marg
  • 2024年Web前端最新vue动态路由缓存【前进刷新、后退缓存】，2024历年华为跳动前端面试真题解析 2401_84418948 程序员前端面试学习
    总结大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最
  • 基于Vue的简单成绩管理系统 啊sen丶 vue.js前端javascript
    1、整体框架编号科目成绩操作{{index+1}}{{item.subject}}{{item.score}}删除暂无数据总分：{{sumscore}}平均分：{{avgscore}}科目：分数：添加2、标签部分constapp=newVue({el:'#app',data:{list:[{id:1,subject:'语文',score:20},{id:2,subject:'数学',score:9
  • 前端工程化：基于Vue.js 3.0的设计与实践 码农阿豪@新空间 好“物”分享前端vue.jsjavascript
    个人名片作者简介：java领域优质创作者个人主页：码农阿豪工作室：新空间代码工作室（提供各种软件服务）个人邮箱：[[email protected]]个人微信：15279484656个人导航网站：www.forff.top座右铭：总有人要赢。为什么不能是我呢？专栏导航：码农阿豪系列专栏导航面试专栏：收集了java相关高频面试题，面试实战总结️Spring5系列专栏：整理了Spring5重要知识点与
  • 使用NodeJs(Express)搞定用户注册、登录、授权(一) Amnesia� mongodbnodejs
    最近在学些NodeJs和Express框架开发后台接口，Express是一个保持最小规模的灵活的Node.jsWeb应用程序开发框架，为Web和移动应用程序提供一组强大的功能。看到B站上全栈之巅-Node.js+Vue.js全栈开发深度爱好者和实践者，感觉Johnny博主的系列视频讲解得不错，其中看到一个视频是1小时搞定NodeJs(Express)的用户注册、登录和授权，介绍了在Express中
  • node.js+mongodb 猫咪大大 mongodbexpressjquerynode.jsui
    安装：Node.js：0.10.32Express：4.10.2MongoDB：2.6.1sublime3过程中要用到的东西amazeui前端框架，放在public文件夹下与其他并列vue和jquery：vue.js，jquery-2.1.4.min.js，JSXTranformer.js放在javascripts里安装的包有："async":"^1.5.0","bluebird":"^3.3.5
  • 基于SpringBoot的校园消费点评管理系统 计算机学姐 Java精选实战项目源码SpringBoot源码Vue源码springboot后端javavue.jsspringjava-eemysql
    作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：Java精选实战项目源码、Python精选实战项目源码、大数据精选实战项目源码系统展示【2025最新】基于Java+SpringBoot+Vu
  • Vue 2与Vue3 初始化内容有啥 捂風鋔笶_小欣同學 vue.jsjavascript前端
    Vue2：创建vue实例设置挂载点数据对象计算属性方法生命周期钩子Vue:创建vue实例加载响应式数据加载计算属性加载方法
  • vue2和vue3中路由的区别和写法？ 尔嵘 Vue3.0javascriptvue.js前端vue-router
    前言：Vue2和Vue3中路由的主要区别在于使用的路由库不同。在Vue2中，通常使用VueRouter作为路由库；而在Vue3中，VueRouter仍然是官方推荐的路由库，但也可以选择使用新的路由库-VueRouterNext。下面分别介绍在Vue2和Vue3中使用VueRouter的路由写法：Vue2中使用VueRouter安装VueRouter：在终端中执行以下命令进行安装：npminstal
  • Vue.js 组件开发：从基础到高级的实践与创新 全栈探索者chen vuevue.js前端javascript开发语言前端框架组件SFC
    Vue.js组件开发：从基础到高级的实践与创新前言在现代前端开发中，Vue.js因其易用性、灵活性和高效性而备受青睐，而组件化开发正是Vue框架的核心理念。无论你是初学者还是资深开发者，掌握组件开发技术都能大幅提升代码的复用性、可维护性和扩展性。本文将从Vue.js组件的基础概念、常见设计模式，到高级实践与创新思路，带你深入了解如何构建灵活、高质量的组件系统，并提供大量代码示例，助你打造出既美观又
  • 使用Vue-Flow创建一个流程图可视化节点坐标查询器 充气大锤 前端组件vue.js前端javascript笔记
    在开发中遇到这样一个需求，需要后端返回数据前端网页生成流程图，由于流程图使用了Vue-Flow，所以需要坐标来辅助后端生成数据。首先引入方法并定义添加节点数据const{updateEdge,addEdges,addNodes}=useVueFlow()constadd_nodes=()=>{constid=nodes.length+1constnewNode={id:`${id}`,label:
  • 深入 Vue：封装 WebSocket 实现高效通信 码上前端 vue.jsvue.jswebsocket前端框架javascript前端
    前言：家人们，大家好！今天分享一篇文章给大家！要是文章对你有帮助，激发了你的灵感，求个收藏+关注啦～后续还有超多惊喜，别错过！目录一、为什么要封装WebSocket二、创建WebSocket封装文件三、在组件中使用封装的WebSocket四、实际应用场景与优化建议结语在现代Web应用开发中，实时性交互已成为众多应用不可或缺的特性。无论是社交平台的即时消息、在线游戏的实时对战，还是金融交易平台的行情
  • DeepSeek 助力 Vue 开发：打造丝滑的滚动动画（Scroll Animations） 宝码香车 #DeepSeekvue.js前端javascriptecmascript前端框架DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue开发：打造丝滑的滚动动画（ScrollAnimations）前言页面效果指令输入属性定义1.动画控制属性2.状态控制属性3.元素选择属性事件定义1.动画开始事件2.动画结束事件其他1.样式封装2.性能优化3.兼容性处
  • 安装vue浏览器插件 翻滚吧键盘 vuevue.js前端javascript
    谷歌浏览器插件下载地址https://chromewebstore.google.com/detail/nhdogjmejiglipccpnnnanhbledajbpd?utm_source=item-share-cp需要关闭重新打开一下无法使用魔法就使用极简插件https://chrome.zzzmh.cn/
  • vue3监听watch
    watch可以直接监听ref类型的数据，如果监听reactive会黄字警告你需要将reactive解构出来监听conststate=reactive({tagsList:[],currentTags:""})//监听当前Tags项let{currentTags}=toRefs(state)watch(currentTags,(newV,oldV)=>{console.log("数据变了",newV
  • 《VUE+Django：电商独立站打造详解》1.1 为什么需要前后端分离的架构 尘烟生活家 电商独立站打造教程架构前端uidjangovue.js
    《VUE+Django：电商独立站打造详解》引子《VUE+Django：电商独立站打造详解》专栏大纲前后端分离的开发模式是伴随着互联网软件开发的发展而形成的。早期的互联网应用页面简单、处理逻辑简单、数据处理流程简单，整体侧重于服务端（后端）功能的实现，而前端主要是按照UI设计完成HTML静态页面模板，辅助少量的CSS和JS脚本。以当时后端流行的开发语言PHP为例，通过模板引擎直接把代码嵌入到HTM
  • Vue 2 vs. Vue 3：全面解析新一代框架的升级之处 HelloZheQ vue.js前端javascript
    Vue.js自发布以来，凭借其易用性、灵活性和高效性，迅速成为前端开发领域的热门选择。从Vue2到Vue3，不仅仅是版本号的简单递增，而是一次彻底的重构和升级。本文将深入探讨Vue3相对于Vue2的主要区别，帮助你更好地理解和选择适合自己的框架版本。1.性能优化：更快、更小、更强Vue3在性能方面进行了显著的优化，主要体现在以下几个方面：更快的渲染速度：Vue3使用了Proxy作为响应式系统的基础
  • 第9章 组件系统设计原理 道不尽世间的沧桑 javascriptvue.js开发语言前端算法ecmascript
    9.1组件注册机制9.1.1全局组件注册流程//全局组件注册源码核心Vue.options.components=Object.create(null)Vue.component=function(id,definition){//标准化组件选项if(isObject(definition)){definition=Vue.extend(definition)}//存储到全局组件库this.opt
  • vue中使用router动态加载路由找不到文件 道不尽世间的沧桑 杂篇vue.js前端javascript
    新开项目在写动态路由加载时，出现路径完全正确但import就是找不到文件把相同的路径当作字符串直接卸载import()中，路由就可以正常加载最终确认问题是component:()=>import(`@${publicPath}/${path.FUNC_PATH}.vue`),这段代码中，@后没有/无法解析，将这段代码publicPath进行修改if(publicPath[0]=='/'){publ
  • jsonp 常用util方法 hw1287789687 jsonpjsonp常用方法jsonp callback
    jsonp 常用java方法 (1)以jsonp的形式返回:函数名(json字符串) /*** * 用于jsonp调用 * @param map : 用于构造json数据 * @param callback : 回调的javascript方法名 * @param filters : <code>SimpleBeanPropertyFilter theFilt
  • 多线程场景 alafqq 多线程
    0 能不能简单描述一下你在java web开发中需要用到多线程编程的场景？0 对多线程有些了解，但是不太清楚具体的应用场景，能简单说一下你遇到的多线程编程的场景吗？ Java多线程 2012年11月23日 15:41 Young9007 Young9007 4 0 0 4 Comment添加评论关注(2) 3个答案 按时间排序 按投票排序 0 0 最典型的如： 1、
  • Maven学习——修改Maven的本地仓库路径 Kai_Ge maven
          安装Maven后我们会在用户目录下发现.m2 文件夹。默认情况下，该文件夹下放置了Maven本地仓库.m2/repository。所有的Maven构件(artifact)都被存储到该仓库中，以方便重用。但是windows用户的操作系统都安装在C盘，把Maven仓库放到C盘是很危险的，为此我们需要修改Maven的本地仓库路径。    
  • placeholder的浏览器兼容 120153216 placeholder
    【前言】 自从html5引入placeholder后，问题就来了， 不支持html5的浏览器也先有这样的效果， 各种兼容，之前考虑，今天测试人员逮住不放， 想了个解决办法，看样子还行，记录一下。   【原理】 不使用placeholder，而是模拟placeholder的效果， 大概就是用focus和focusout效果。   【代码】 <scrip
  • debian_用iso文件创建本地apt源 2002wmj Debian
    1.将N个debian-506-amd64-DVD-N.iso存放于本地或其他媒介内，本例是放在本机/iso/目录下 2.创建N个挂载点目录 如下： debian:~#mkdir –r /media/dvd1 debian:~#mkdir –r /media/dvd2 debian:~#mkdir –r /media/dvd3 …. debian:~#mkdir –r /media
  • SQLSERVER耗时最长的SQL 357029540 SQL Server
    对于DBA来说，经常要知道存储过程的某些信息： 1.   执行了多少次 2.   执行的执行计划如何 3.   执行的平均读写如何 4.   执行平均需要多少时间 列名          &
  • com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 7454103 eclipse
    今天eclipse突然报了com/genuitec/eclipse/j2eedt/core/J2EEProjectUtil 错误，并且工程文件打不开了，在网上找了一下资料，然后按照方法操作了一遍，好了，解决方法如下： 错误提示信息： An error has occurred.See error log for more details. Reason: com/genuitec/
  • 用正则删除文本中的html标签 adminjun javahtml正则表达式去掉html标签
    使用文本编辑器录入文章存入数据中的文本是HTML标签格式，由于业务需要对HTML标签进行去除只保留纯净的文本内容，于是乎Java实现自动过滤。 如下： public static String Html2Text(String inputString) { String htmlStr = inputString; // 含html标签的字符串 String textSt
  • 嵌入式系统设计中常用总线和接口 aijuans linux 基础
                   嵌入式系统设计中常用总线和接口         任何一个微处理器都要与一定数量的部件和外围设备连接，但如果将各部件和每一种外围设备都分别用一组线路与CPU直接连接，那么连线
  • Java函数调用方式——按值传递 ayaoxinchao java按值传递对象基础数据类型
    Java使用按值传递的函数调用方式，这往往使我感到迷惑。因为在基础数据类型和对象的传递上，我就会纠结于到底是按值传递，还是按引用传递。其实经过学习，Java在任何地方，都一直发挥着按值传递的本色。   首先，让我们看一看基础数据类型是如何按值传递的。   public static void main(String[] args) { int a = 2;
  • ios音量线性下降 bewithme ios音量
    直接上代码吧   //second 几秒内下降为0 - (void)reduceVolume:(int)second { KGVoicePlayer *player = [KGVoicePlayer defaultPlayer]; if (!_flag) { _tempVolume = player.volume;
  • 与其怨它不如爱它 bijian1013 选择理想职业规划
            抱怨工作是年轻人的常态，但爱工作才是积极的心态，与其怨它不如爱它。         一般来说，在公司干了一两年后，不少年轻人容易产生怨言，除了具体的埋怨公司“扭门”，埋怨上司无能以外，也有许多人是因为根本不爱自已的那份工作，工作完全成了谋生的手段，跟自已的性格、专业、爱好都相差甚远。  
  • 一边时间不够用一边浪费时间 bingyingao 工作时间浪费
    一方面感觉时间严重不够用，另一方面又在不停的浪费时间。 每一个周末，晚上熬夜看电影到凌晨一点，早上起不来一直睡到10点钟，10点钟起床，吃饭后玩手机到下午一点。 精神还是很差，下午像一直野鬼在城市里晃荡。 为何不尝试晚上10点钟就睡，早上7点就起，时间完全是一样的，把看电影的时间换到早上，精神好，气色好，一天好状态。 控制让自己周末早睡早起，你就成功了一半。 有多少个工作
  • 【Scala八】Scala核心二：隐式转换 bit1129 scala
    Implicits work like this: if you call a method on a Scala object, and the Scala compiler does not see a definition for that method in the class definition for that object, the compiler will try to con
  • sudoku slover in Haskell (2) bookjovi haskellsudoku
    继续精简haskell版的sudoku程序，稍微改了一下，这次用了8行，同时性能也提高了很多，对每个空格的所有解不是通过尝试算出来的，而是直接得出。   board = [0,3,4,1,7,0,5,0,0, 0,6,0,0,0,8,3,0,1, 7,0,0,3,0,0,0,0,6, 5,0,0,6,4,0,8,0,7,
  • Java-Collections Framework学习与总结-HashSet和LinkedHashSet BrokenDreams linkedhashset
            本篇总结一下两个常用的集合类HashSet和LinkedHashSet。         它们都实现了相同接口java.util.Set。Set表示一种元素无序且不可重复的集合；之前总结过的java.util.List表示一种元素可重复且有序
  • 读《研磨设计模式》-代码笔记-备忘录模式-Memento bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; /* * 备忘录模式的功能是，在不破坏封装性的前提下，捕获一个对象的内部状态，并在对象之外保存这个状态，为以后的状态恢复作“备忘”
  • 《RAW格式照片处理专业技法》笔记 cherishLC PS
    注意，这不是教程！仅记录楼主之前不太了解的 一、色彩（空间）管理 作者建议采用ProRGB（色域最广），但camera raw中设为ProRGB，而PS中则在ProRGB的基础上，将gamma值设为了1.8（更符合人眼） 注意：bridge、camera raw怎么设置显示、输出的颜色都是正确的（会读取文件内的颜色配置文件），但用PS输出jpg文件时，必须先用Edit->conv
  • 使用 Git 下载 Spring 源码 编译 for Eclipse crabdave eclipse
    使用 Git 下载 Spring 源码 编译 for Eclipse   1、安装gradle，下载 http://www.gradle.org/downloads 配置环境变量GRADLE_HOME，配置PATH  %GRADLE_HOME%/bin，cmd，gradle -v   2、spring4 用jdk8 下载 https://jdk8.java.
  • mysql连接拒绝问题 daizj mysql登录权限
    mysql中在其它机器连接mysql服务器时报错问题汇总 一、[running][email protected]:~$mysql -uroot -h 192.168.9.108 -p   //带-p参数，在下一步进行密码输入 Enter password:    //无字符串输入 ERROR 1045 (28000): Access
  • Google Chrome 为何打压 H.264 dsjt applehtml5chromeGoogle
    Google 今天在 Chromium 官方博客宣布由于 H.264 编解码器并非开放标准，Chrome 将在几个月后正式停止对 H.264 视频解码的支持，全面采用开放的 WebM 和 Theora 格式。 Google 在博客上表示，自从 WebM 视频编解码器推出以后，在性能、厂商支持以及独立性方面已经取得了很大的进步，为了与 Chromium 现有支持的編解码器保持一致，Chrome
  • yii 获取控制器名 和方法名 dcj3sjt126com yiiframework
    1. 获取控制器名 在控制器中获取控制器名:  $name = $this->getId(); 在视图中获取控制器名:    $name = Yii::app()->controller->id;    2. 获取动作名  在控制器beforeAction()回调函数中获取动作名:  $name =
  • Android知识总结（二） come_for_dream android
    明天要考试了，速速总结如下   1、Activity的启动模式        standard：每次调用Activity的时候都创建一个（可以有多个相同的实例，也允许多个相同Activity叠加。）        singleTop：可以有多个实例，但是不允许多个相同Activity叠加。即，如果Ac
  • 高洛峰收徒第二期：寻找未来的“技术大牛” ——折腾一年，奖励20万元 gcq511120594 工作项目管理
    高洛峰，兄弟连IT教育合伙人、猿代码创始人、PHP培训第一人、《细说PHP》作者、软件开发工程师、《IT峰播》主创人、PHP讲师的鼻祖！ 首期现在的进程刚刚过半，徒弟们真的很棒，人品都没的说，团结互助，学习刻苦，工作认真积极，灵活上进。我几乎会把他们全部留下来，现在已有一多半安排了实际的工作，并取得了很好的成绩。等他们出徒之日，凭他们的能力一定能够拿到高薪，而且我还承诺过一个徒弟，当他拿到大学毕
  • linux expect heipark expect
    1. 创建、编辑文件go.sh   #!/usr/bin/expect spawn sudo su admin expect "*password*" { send "13456\r\n" } interact    2. 设置权限   chmod u+x go.sh  3.
  • Spring4.1新特性——静态资源处理增强 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
  • idea ubuntuxia 乱码 liyonghui160com
      1.首先需要在windows字体目录下或者其它地方找到simsun.ttf 这个 字体文件。 2.在ubuntu 下可以执行下面操作安装该字体： sudo mkdir /usr/share/fonts/truetype/simsun sudo cp simsun.ttf /usr/share/fonts/truetype/simsun fc-cache -f -v
  • 改良程序的11技巧 pda158 技巧
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。   让我们看一些基本的编程技巧：   尽量保持方法简短 永远永远不要把同一个变量用于多个不同的
  • 300个涵盖IT各方面的免费资源（下）——工作与学习篇 shoothao 创业免费资源学习课程远程工作
    工作与生产效率:   A. 背景声音 Noisli:背景噪音与颜色生成器。 Noizio:环境声均衡器。 Defonic:世界上任何的声响都可混合成美丽的旋律。 Designers.mx:设计者为设计者所准备的播放列表。 Coffitivity:这里的声音就像咖啡馆里放的一样。 B. 避免注意力分散 Self Co
  • 深入浅出RPC uule rpc
    深入浅出RPC-浅出篇 深入浅出RPC-深入篇   RPC Remote Procedure Call Protocol 远程过程调用协议   它是一种通过网络从远程计算机程序上请求服务，而不需要了解底层网络技术的协议。RPC协议假定某些传输协议的存在，如TCP或UDP，为通信程序之间携带信息数据。在OSI网络通信模型中，RPC跨越了传输层和应用层。RPC使得开发
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他