07 2017 档案

vue-cli 项目构建性能分析工具
摘要:修改package.json 启动 阅读全文

posted @ 2017-07-31 18:44 cag2050 阅读(724) 评论(0) 推荐(0) 编辑

vue-cli、webpack提取第三方库-----DllPlugin、DllReferencePlugin
摘要:需要安装的插件有 extract text webpack plugin assets webpack plugin clean webpack plugin 配置文件 在 build 文件夹中新建 buildDll.js 在 build 文件夹中新建 webpack.dll.conf 修改webp 阅读全文

posted @ 2017-07-31 18:32 cag2050 阅读(1024) 评论(0) 推荐(0) 编辑

package.json 文件中的版本号
摘要:版本号,格式:“主要版本,次要版本,补丁版本” 1. 指定版本:比如1.2.2,遵循“主版本,次要版本,补丁版本”的格式规定,安装时只安装指定版本。 2. 波浪号(tilde)+指定版本:比如~1.2.2,表示安装1.2.x的最新版本(不低于1.2.2),但是不安装1.3.x,也就是说安装时不改变主 阅读全文

posted @ 2017-07-31 16:13 cag2050 阅读(740) 评论(0) 推荐(0) 编辑

项目优化时间统计
摘要:Vue cli项目的Webpack2构建优化 针对vue cli(vue init webpack)构建的npm run build命令,优化方法 时间统计(在前一优化保留的情况下,计算的时间): 未优化前:131501ms,140447ms,126268ms,138763ms 开启webpack的 阅读全文

posted @ 2017-07-31 15:10 cag2050 阅读(402) 评论(0) 推荐(0) 编辑

http 301 和 302的区别
摘要:301 永久重定向 301 重定向是当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header)中的状态码的一种,表示本网页永久性转移到另一个地址。 301 重定向是永久的重定向,搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。 302 临时重定向 3 阅读全文

posted @ 2017-07-30 21:07 cag2050 阅读(317) 评论(0) 推荐(0) 编辑

node V8 的垃圾回收机制
摘要:将变量设置为null意味着切断变量与它此前引用的值之间的连接。当垃圾收集器下次运行时,就会删除这些值并回收它们占用的内存。 阅读全文

posted @ 2017-07-30 20:36 cag2050 阅读(164) 评论(0) 推荐(0) 编辑

Array、ArrayList 区别
摘要:ArrayList可以算是Array的加强版,(对array有所取舍的加强)。 存储内容比较(可包含元素的类型不同、数组要求存储同种类型): Array数组可以包含基本类型和对象类型, ArrayList却只能包含对象类型。 但是需要注意的是:Array数组在存放的时候一定是同种类型的元素。Arra 阅读全文

posted @ 2017-07-30 16:37 cag2050 阅读(214) 评论(0) 推荐(0) 编辑

二分查找算法,java实现
摘要:二分查找算法是在有序数组中用到的较为频繁的一种算法。 在未接触二分查找算法时,最通用的一种做法是,对数组进行遍历,跟每个元素进行比较,其时间复杂度为O(n),但二分查找算法则更优,因为其查找时间复杂度为O(log2 n)。 比如数组{0,1,2,3,4,5,6,7,8 9},查找元素6,用二分查找的 阅读全文

posted @ 2017-07-30 16:29 cag2050 阅读(186) 评论(0) 推荐(0) 编辑

Arrays、ArrayUtils 区别
摘要:Arrays java.util 包提供的静态类:java.util.Arrays 此静态类专门用来操作array ,提供搜索、排序、复制等静态方法。 ArrayUtils apache 提供的类:org.apache.commons.lang.ArrayUtils 阅读全文

posted @ 2017-07-30 15:38 cag2050 阅读(325) 评论(0) 推荐(0) 编辑

Collection与Collections,Array与Arrays的区别
摘要:Collection 和 Collections的区别 1. Collection 在Java.util下的一个接口,它是各种集合结构的父接口。继承与他的接口主要有Set 和List. 2. Collections java.util下的一个静态工具类,它包含有各种有关集合操作的静态方法。 提供一系 阅读全文

posted @ 2017-07-30 14:49 cag2050 阅读(360) 评论(0) 推荐(0) 编辑

(String)、toString、String.valueOf的区别
摘要:在Java项目的实际开发和应用中,常常需要用到将对象转为String这一基本功能。本文将对常用的转换方法进行一个总结。 常用的方法有 (String)[要转换的对象],[要转换的对象].toString(),String.valueOf([要转换的对象])等。 (String)[要转换的对象] 使用 阅读全文

posted @ 2017-07-30 14:38 cag2050 阅读(225) 评论(0) 推荐(0) 编辑

Vuejs项目的Webpack2构建优化
摘要:最近在做的项目因为相对较大(打包有100多个chunk),在build构建的时候速度一直上不去,甚是烦恼。由于用的是vue cli的webpack2模板,一开始并没有想着要对其进行优化,一直觉得是webpack本身慢+硬件慢(在开发机上开发,内存和CPU都不是很强力)的原因。后来慢到实在受不了了,转 阅读全文

posted @ 2017-07-29 16:12 cag2050 阅读(403) 评论(0) 推荐(0) 编辑

webpack 的插件 DllPlugin 和 DllReferencePlugin
摘要:在项目中,引入了比较多的第三方库,导致项目大,而每次修改,都不会去修改到这些库,构建却都要再打包这些库,浪费了不少时间。所以,把这些不常变动的第三方库都提取出来,下次 build 的时候不再构建这些库,这样既可大大缩短构建时间。那么要怎么去实现呢? 可以利用 webpack 的插件 DllPlugi 阅读全文

posted @ 2017-07-28 16:20 cag2050 阅读(396) 评论(0) 推荐(0) 编辑

webpack externals
摘要:当我们想在项目中require一些其他的类库或者API,而又不想让这些类库的源码被构建到运行时文件中,这在实际开发中很有必要。此时我们就可以通过配置externals参数来解决这个问题: externals对象的key是给require时用的,比如require('react'),对象的value表 阅读全文

posted @ 2017-07-28 16:00 cag2050 阅读(239) 评论(0) 推荐(0) 编辑

java 的集合框架
摘要:java 中的集合分为 Collection 和 Map 两种接口,Collection是单列集合,Map是双列集合。 Collection单列集合:继承了Iterator接口所以具有了iterator()方法 ,该方法返回一个Iterator,这个接口具有 hasNext (),next(),re 阅读全文

posted @ 2017-07-27 18:54 cag2050 阅读(164) 评论(0) 推荐(0) 编辑

jsp 中变量作用域:pageScope、requestScope、sessionScope、applicationScope
摘要:jsp 中,变量的作用域,一共有4种: pageScope:表示变量只能在本页面使用。 requestScope:表示变量能在本次请求中使用。 sessionScope:表示变量能在本次会话中使用。 applicationScope:表示变量能在整个应用程序中使用。 jsp 中写成 ${messag 阅读全文

posted @ 2017-07-27 11:32 cag2050 阅读(664) 评论(0) 推荐(0) 编辑

Spring MVC 向页面传值-Map、Model、ModelMap、ModelAndView
摘要:Spring MVC 向页面传值,有4种方式: ModelAndView Map Model ModelMap 使用后面3种方式,都是在方法参数中,指定一个该类型的参数。 Model Model 是一个接口, 其实现类为ExtendedModelMap,继承了ModelMap类。 ModelMap 阅读全文

posted @ 2017-07-27 11:20 cag2050 阅读(2208) 评论(0) 推荐(0) 编辑

java中<load-on-startup>含义
摘要:java中 load on startup 含义 java中的 load on startup 用于表示该servlet是否在servlet容器启动的时候加载。 示例: 其中:如果xx是负数或者没有指定,表示该servlet在被选择时才加载; 如果xx为正数或者为0,表示在servlet容器启动的时 阅读全文

posted @ 2017-07-27 11:06 cag2050 阅读(356) 评论(0) 推荐(0) 编辑

tomcat 知识点
摘要:在许多webapps中,最重要的cookie是会话标识符,由容器自动设置为JSESSIONID cookie。 一种常用的不创建session的方法是在jsp页面头上加一句: <%@ page session=”false” 这样在请求这个页面的时候就不产生session了。 这个在tomcat内部 阅读全文

posted @ 2017-07-27 10:38 cag2050 阅读(167) 评论(0) 推荐(0) 编辑

jsp 知识点
摘要:在JSP中很多对象是不需要创建的,如out、session等。它们可以直接使用。 阅读全文

posted @ 2017-07-27 10:34 cag2050 阅读(105) 评论(0) 推荐(0) 编辑

Mac 笔记本电脑,使用
摘要:普通键盘操作mac电脑,快捷键: 快捷键 | 功能 | ctrl + a | 到行首 ctrl + e | 到行尾 ctrl + up | 打开任务控制(窗口平铺) window + tab | 选择任务 ctrl + left(right) | 切换桌面 window + w | 关闭 windo 阅读全文

posted @ 2017-07-26 18:18 cag2050 阅读(337) 评论(0) 推荐(0) 编辑

ES6之6种遍历对象属性的方法
摘要:ES6之6种遍历对象属性的方法 1. for ... in 循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 2. Obejct.keys(obj),返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性). 3. Object.getOwnPropertyNa 阅读全文

posted @ 2017-07-26 17:58 cag2050 阅读(177) 评论(0) 推荐(0) 编辑

js 各种循环遍历
摘要:js 各种循环遍历(表格比较) 遍历方法 | 能否遍历数组 | 能否遍历对象 | 备注 | | | for | 能 | 不能 | for in | 能(有诸多缺点) | 能 | 为遍历对象而设计的,不适用于遍历数组 forEach | 能 | 不能 | break、return都不能中途跳出;调用数 阅读全文

posted @ 2017-07-26 17:16 cag2050 阅读(432) 评论(0) 推荐(0) 编辑

commons-logging log4j logback 知识点
摘要:log4j 2,需要导入2个jar包: log4j core xx.jar log4j api xx.jar log4j 2 的 properties 配置文件名字为: log4j2.properties 都加了2. static Logger logger = LogManager.getLogg 阅读全文

posted @ 2017-07-26 00:49 cag2050 阅读(157) 评论(0) 推荐(0) 编辑

IntelliJ IDEA 使用
摘要:IntelliJ IDEA 快捷键: 说明 | 快捷键 | 备注 | | 导入包 | option + Enter | 搜索 | commnad + shift + F | 格式化代码 | commnad + option + L | 弹出Maintenance对话框(包括Registry...等子 阅读全文

posted @ 2017-07-25 18:43 cag2050 阅读(2405) 评论(0) 推荐(0) 编辑

vue-cli 下的 webpack 优化
摘要:app bundle 可以通过组件懒加载优化 vender 优化方法: 1. 使用 cdn,然后在 webpack 配置中指定 externals。 2. 利用 webpack 的插件 DllPlugin 和 DllReferencePlugin,把这些不常变动的第三方库都提取出来。 问:vende 阅读全文

posted @ 2017-07-20 10:01 cag2050 阅读(629) 评论(0) 推荐(0) 编辑

淘宝 code 使用
摘要:淘宝 code上 svn 使用,基本流程: 1. 新建项目 1. mkdir 创建 branches 文件夹(新建项目的时候,只有 trunk) 1. copy 来创建新分支 1. checkout 主干和(或)分支到本地 淘宝 code 使用,官方地址:http://code.taobao.org 阅读全文

posted @ 2017-07-19 11:53 cag2050 阅读(428) 评论(0) 推荐(0) 编辑

v-if 与 v-show 区别
摘要:使用 v if 时,如果在初始化渲染的时候条件为false, 那么不会做任何事情。 v if 首次局部编译不会发生,直到条件变为true。 v if 切换显示内容的消耗更高,而 v show 在初始化渲染的消耗更高。 如果经常要切换显示内容使用 v show, 而在运行时显示条件不可能经常变化的使用 阅读全文

posted @ 2017-07-18 16:18 cag2050 阅读(211) 评论(0) 推荐(0) 编辑

memcache 和 memcached 区别
摘要:区别用一句话表达:Memcached (字母d可以理解为daemon)是一个服务(运行在服务器上的程序,监听某个端口),Memcache 是 一套访问Memcached的api。 memcache客户端(php) PHP有两个memcache客户端:php memcache和php memcache 阅读全文

posted @ 2017-07-09 10:39 cag2050 阅读(158) 评论(0) 推荐(0) 编辑

ElementUI 知识点
摘要:类型是number的el input 去掉滚轮事件: @mousewheel.native.prevent 键盘回车事件导致页面刷新的问题: el form 添加@submit.native.prevent 树形组件:http://element cn.eleme.io/2.4/ /zh CN/co 阅读全文

posted @ 2017-07-08 15:02 cag2050 阅读(1807) 评论(0) 推荐(1) 编辑

MySQL中drop,truncate 和delete的区别
摘要:注意:这里说的delete是指不带where子句的delete语句 相同点: truncate和不带where子句的delete, 以及drop都会删除表内的数据 不同点: 1. truncate和 delete只删除数据不删除表的结构(定义) drop语句将删除表的结构、被依赖的约束(constr 阅读全文

posted @ 2017-07-06 15:40 cag2050 阅读(264) 评论(0) 推荐(0) 编辑

java 设计模式:单例模式
摘要:Java中单例模式是一种常见的设计模式,单例模式的写法有好几种,这里主要介绍三种:懒汉式单例、饿汉式单例、登记式单例。 单例模式有以下特点: 1、单例类只能有一个实例。 2、单例类必须自己创建自己的唯一实例。 3、单例类必须给所有其他对象提供这一实例。 一、懒汉式单例 Singleton通过将构造方 阅读全文

posted @ 2017-07-05 11:11 cag2050 阅读(152) 评论(0) 推荐(0) 编辑

框架与库的区别
摘要:库(lib)具有以下三个特点: 1、是针对特定问题的解答,具有专业性; 2、不控制应用的流程 3、被动的被调用 框架(frameword)具有以下三个特点: 1、具有控制反转(inverse of control)的功能 2、决定应用程序的生命周期 3、一般来说,集成了大量的库 阅读全文

posted @ 2017-07-05 10:55 cag2050 阅读(203) 评论(0) 推荐(0) 编辑

Spring本质-AOP
摘要:一、我们在做系统设计的时候,一个非常重要的工作就是把一个大系统做分解, 按业务功能分解成一个个低耦合、高内聚的模块,就像这样: 但是分解以后就会发现有些很有趣的东西, 这些东西是通用的,或者是跨越多个模块的: 日志: 对特定的操作输出日志来记录 安全:在执行操作之前进行操作检查 性能:要统计每个方法 阅读全文

posted @ 2017-07-05 10:15 cag2050 阅读(365) 评论(0) 推荐(0) 编辑

mysql 常用命令
摘要:命令 含义 help 帮助信息 help [command] 查看命令的含义 1). PATH="$PATH":/usr/local/mysql/bin 2). mysql -u root -p 设置path,并输入密码登陆 show databases; 所有数据库 show create dat 阅读全文

posted @ 2017-07-04 17:58 cag2050 阅读(139) 评论(0) 推荐(0) 编辑

mysql 存储过程知识点
摘要:一.创建存储过程 create procedure sp_name() begin ......... end 二.调用存储过程 1.基本语法:call sp_name(); 注意:存储过程名称后面必须加括号,哪怕该存储过程没有参数传递 三.删除存储过程 1.基本语法: drop procedure 阅读全文

posted @ 2017-07-04 17:43 cag2050 阅读(221) 评论(0) 推荐(0) 编辑

position 属性值:relative 与 absolute 区别
摘要:absolute 能让元素 inline block 化: 例如一个div标签默认宽度是100%显示的,但是一旦被absolute属性缠上,则100%默认宽度就会变成自适应内部元素的宽度。 float 可以 inline block 化元素 float 的破坏性:使高度塌陷 absolute 的破坏 阅读全文

posted @ 2017-07-04 10:57 cag2050 阅读(260) 评论(0) 推荐(0) 编辑

spring 注解列表
摘要:table th:first of type { width: 15%; } table th:nth of type(2) { } 注解 | 作用 | 例子 | | | @SuppressWarnings | 忽略警告 | 类上添加此注解:@SuppressWarnings("serial"),能 阅读全文

posted @ 2017-07-03 17:55 cag2050 阅读(236) 评论(0) 推荐(0) 编辑

spring aop 术语
摘要:1. 通知(Advice) 就是你想要的功能,也就是上面说的 安全,事物,日志等。你先定义好,然后在想用的地方用一下。 2. 连接点(JoinPoint) 这个更好解释了,就是spring允许你使用通知的地方,那可真就多了,基本每个方法的前,后(两者都有也行),或抛出异常时都可以是连接点,sprin 阅读全文

posted @ 2017-07-03 16:27 cag2050 阅读(191) 评论(0) 推荐(0) 编辑

socket、WebSocket
摘要:WebSocket 协议本质上是一个基于TCP的协议,它由通信协议和编程API组成,WebSocket能够在浏览器和服务器之间建立双向连接,以基于事件的方式,赋予浏览器实时通信能力。 socket本质是编程接口(API),对TCP/IP的封装,TCP/IP也要提供可供程序员做网络开发所用的接口,这就 阅读全文

posted @ 2017-07-01 16:34 cag2050 阅读(139) 评论(0) 推荐(0) 编辑

spring mvc 基础
摘要:spring mvc 部署在 tomcat 的2种方式(原理一样): 1. 右键单击项目,使用 Export WAR File 选项,将 war 文件保存在 Tomcat 的 webapps 文件夹中,启动tomcat(终端命令:sudo sh startup.sh)。 2. 在 eclipse e 阅读全文

posted @ 2017-07-01 14:00 cag2050 阅读(155) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示