Ashley的猫-优快云博客

原创推荐一个vue, angular的组件分享网站--轮子工厂

造轮子还是找轮子，似乎一直是开发过程中总会碰到的问题。以学习为目的的造轮子还是好的，不仅是一个不错的学习过程，而且也可以和已有的组件比较一下，对技术理解也会提高。但是在实际的项目，还是建议尽量寻找优秀的轮子，这样不仅可以提高开发效率，而且优秀的轮子也可以降低出现bug的风险。可是好轮子去哪里找呢，尤其是对于新出现的前端框架，比如vue, angular这些流行的前端框架，如果要去github上翻找大

2017-07-08 21:17:18 7743 2

转载解读浮动闭合最佳方案：clearfix

之前给大家介绍两种浮动闭合的办法CSS清除浮动万能float闭合，得知很多同学都在使用下面的骨灰级解决办法：.clear{clear:both;height:0;overflow:hidden;}上诉办法是在需要清除浮动的地方加个div.clear或者br.clear，我们知道这样能解决基本清浮动问题。但是这种方法的最大缺陷就是改变了html结构，虽然只是加个div。最优浮动闭合方案（这是我们推荐

2016-09-22 20:02:45 459

转载 ECMAScript6 新特性总结

let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 varvar a = 2;{ let a = 3; console.log(a); // 3}console.log(a); // 2同样在块级作用域有效的另一个变量声明方式是 const，它可以声明一个常量。ES6 中，const 声明的常量类似于指针，它指向某个引用，也就是说这个「常量」并非一成不变的，

2016-09-21 20:43:29 655

原创 javascript--作用域，声明提前和this关键字总结

*##作用域 * 作用域 — 每一个函数就会有一个独立的scope，这样函数内的变量，内部函数，参数都可以在这个作用域中找到。 * 执行上下文(exec context)与作用域(scope)是对等的概念。在函数执行的时候，浏览器会生成一个exec context。JS 是单线程的，意味着同时只能有一个线程运行。当 JS解释器开始执行代码时，默认先进入到 global context。这时起每次

2016-09-20 22:39:44 529

原创 javascript--函数总结

basicfunction的实质是对象，函数名只是指向函数对象函数定义：function fName(param1, param2, …) { //function body}函数可以赋值给一个变量，叫作函数表达式var fun1 = function() {} // 匿名函数var showDiv = fun1;另一种定义方式：e.g. var washCar = new

2016-09-19 21:45:43 508

原创 Web响应式设计(二)

前面我们说了媒体布局在响应式设计中的应用，但是同时它也有一定的局限性。那些仅使用媒体查询来适应不同视口的固定宽度设计，只会从一组CSS 媒体查询规则突变到另一组，两者之间没有任何平滑渐变。伊桑· 马科特在A List Apart 上发表的有关响应式网页设计的文章（http://www.alistapart.com/articles/responsive-web-design/ ）。其实

2016-09-12 19:15:45 759

原创 Web响应式设计(一)

上周在看Ben Frain的"Responsive Web Design with HTML5 & CSS3",哈哈，Ben真是一个很幽默的家伙，一本书看下来感觉像是在看小说，或者是听段子。书里讲了一下响应式设计的原理，介绍了很多实用的工具网站，还要一下HTML5和CSS3的知识，也是很好的复习。所以打算周末写这个blog算是对自己看这本书的总结。1. 为什么响应式很重要随着智能手机的

2016-09-11 11:09:12 881

原创 Dom事件总结

1. Dom事件流DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素结点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。Dom事件流分为3个过程：capture phase--从window对象开始，直到找到触发节点的父元素target phase--事件触发过程bubble phase--从当

2016-09-05 21:51:45 652

原创 Javascript总结--String对象&正则表达式

String对象，创建String是非常简单的。我们可以这样var a = '123';或者这样var a = new String();那么，常用的处理String的方法都有哪些呢1. charAt"123".charAt(0) //1某个索引值的字符2. indexOf返回指定子字符串（或元素）在字符串（或数组）中首次出现

2016-08-26 20:52:41 786

原创 Javascript总结--Array对象

Array 对象用于在单个的变量中存储多个值。1. 创建数组var array = new Array();var array = [];数组中的元素类型是可以不同的arr.length数组的长度2. 获取数组元素 arr[0];3. 数组常用方法1. arr.indexOf(searchElement,fromIndex=0)indexOf(searchValu

2016-08-24 18:51:03 392

原创色彩模型--ps课程笔记

三月，苗苗又开始等待春暖花开了。虽然最近发生了不少伤心事。但是苗苗依然努力的活着。中午订了几盆花。很喜欢花店的名字，努力生长。希望苗苗今年可以做到--努力生长。三月，苗苗又开始要学习前端了。于是苗苗又捡起了多年都没有心情学完的ps课程开始了。从做一张图片开始。去年开始苗苗觉得自己开始老了，然后发现老了的一个好处就是做事更靠谱了，目标更实际，更容易坚持下来了。希望这次可以坚持下来吧。会一直用这个

2016-03-06 14:45:48 534

原创 Spring整合JCaptcha和对于验证的ip白名单

1.首先是先要在pom.xml里面加上Jcaptcha的依赖，或者导入jar包（commons-collections-3.2.1.jar和jcaptcha-1.0-all.jar） com.octo.captcha jcaptcha-all 1.0-RC6 quartz quartz commons-dbcp

2016-03-02 16:07:05 2986

转载 Tomcat的加载器（standard web application loader）

Tomcat加载一个servlet容器需要一个特定的容器，而不是使用系统的加载器。这个是为什么呢？1.安全考虑：使用系统的加载器的话，servlet就可以进入java虚拟机的classpath环境下面的任何类和类库，这样会带来安全隐患。而servlet只可以访问WEB-INF/目录下的类和部署在WEB-INF/lib下的类库。2. 加载器实现了org.apache.catalina.l

2016-02-18 14:54:58 519

原创 Tomcat的生命周期管理

今天总结Tomcat的LifeCycle机制。首先先说容器们都实现了的Lifecycle接口。这个接口来控制容器的生命周期。首先，它定义了六个生命周期的状态，BEFORE_START_EVENT，AFTER_START_EVENT，START_EVENT，STOP_EVENT，BEFORE_STOP_EVENT，AFTER_STOP_EVENT来管理容器的生命周期。而且它里面定义了两个很重要的方法

2016-02-17 16:15:54 605

原创关于Tomcat的Pipeline机制

看了Tomcat的pipeline和valve的机制。试着写了一个简单的结构，记录一下。pipeline--包含了改容器要唤醒的所有任务。每一个valve表示了一个特定的任务。容器的pipeline还有一个basic valve。valve可以自由添加一个或者多个。类似于servlet过滤器，一个pipeline就像一个过滤链，每一个valve像一个过滤器。跟过滤器一样，一个valve可以

2016-02-16 15:16:09 556

转载 Sitemesh 3 的使用及配置

1. Sitemech3简介Sitemesh 是一个网页布局和修饰的框架，基于 Servlet 中的 Filter，类似于 ASP.NET 中的‘母版页’技术。参考：百度百科，相关类似技术：Apache Tiles。官网：http://wiki.sitemesh.org/wiki/display/sitemesh/Home 。2 . Sitemesh 3 下

2016-02-14 21:27:25 422

原创 Tomcat分析--Connector

Connector是使用了socket来进行连接，它接收请求并将他们封装成request和response对象来处理。Request和Response封装之后交给Container处理，Container就是servlet容器，处理之后再返回给Connector，最后Connector在使用socket将处理结果返回给客户端，这样请求就完成了。Connector在创建时创建ProtocolHa

2016-02-13 17:25:21 640

原创 Tomcat分析--结构设计

喵喵喵。。。。之前一段时间在调试tomcat，分析结构，还找出来原来看不懂的how tomcat works。。。跟着写了一阵子。。。感觉还是学到了写东西的。。。那记录一下吧先说说tomcat的系统架构。。。tomcat中最顶层的容器是server,代表整个服务器，server里有一个或多个service,表示具体服务。service主要包含两部分：connector和container.

2016-02-12 20:19:51 739

原创 mysql数据备份--课程笔记

备份内容数据--数据文件或文本格式数据操作日志--数据库变更日志冷备份与热备份冷备份--关闭服务器服务，完整拷贝数据文件热备份--在不影响数据库读写服务的情况下备份数据库物理备份与逻辑备份物理备份--以数据页的形式拷贝数据文件逻辑备份--导出为裸数据或sql(insert)语句本地备份与远程备份

2016-02-12 10:58:49 459

原创 4.1mysql日志系统--课程笔记

日志的分类：服务器日志记录进程启动运行过程中的特殊事件，帮助分析MySQL服务遇到的问题根据需求抓取特定的sql语句，跟踪性能可能存在的问题的业务sql --服务错误日志 --慢查询日志 --综合查询日志事务日志记录应用程序对数据的所有更改可用于数据恢复可用于实例间数据同步 --存

2016-02-02 22:05:48 399

原创 3.3mysql数据库设计--课程笔记

基于性能的表设计根据查询需要设计好索引根据核心查询需求，适当调整表结构基于一些特殊业务需求，调整实现方式1. 索引并发和数据量大的系统，更新尽可能使用主键或唯一索引主键尽可能使用自增ID字段2. 反范式，冗余必要字段针对核心sql保留查询结果所必须的冗余字段，避免频繁join3. 拆分大字段拆分大字段到单独表中，避免范围扫描代价大

2016-01-31 14:06:21 666

原创 3.2mysql性能测试--课程笔记

1. 为什么需要性能测试对线上产品缺乏心理预估重现线上异常规划未来的业务增长测试不同硬件软件配置2. 性能测试的分类设备层的测试（服务器、磁盘性能，磁盘坏块率，服务器寿命）业务层的测试数据库层的测试（测试不同的mysql分支版本，参数搭配）mysql测试分类CPU BoundIO Bound写入测试，更新测试，纯读测试，混合模式

2016-01-26 19:50:23 591

原创 ehcache+spring配置

1. 在pom.xml里配置相关的依赖 net.sf.ehcache，slf4j-api，slf4j-log4j12， spring-common-support.2. 配置ehcache <defaultCache maxElementsInMemory="10000" memoryStoreEvictionPolicy="LRU" eternal="false"

2016-01-26 19:24:56 521

转载 3.1mysql索引和查询优化---课程笔记

什么是索引：索引用于快速定位要查找的数据数据库索引查找：全表扫描vs索引查找原理1. 索引根据字母进行排序innodb是通过主键ID定位。2. 如何根据首字母找到所在行InnoDB表聚簇索引我们把根据主键排序的InnoDB表成为聚簇索引把根据**排序的索引成为二级索引索引相同根据ID的顺序进行排序索引先根据name

2016-01-20 22:34:48 546

转载 mysql数据对象--课程笔记

mysql常见的数据对象database/schematableindexview/trigger/function/procedure多database用途业务的隔离资源的隔离：一个database中有很多表，开表会很慢索引--数据库中数据的目录索引和数据是两个对象索引主要是用来提高数据库的查询效率数据库中数据变更同样需要同步索引数据的

2016-01-17 21:32:01 470

转载 Mysql 数据类型--课程笔记

number类型：整形intsmallintmediuintbigintint（11）vs int(21)存储空间和存储范围是一样一样的。int(11)浮点型

2016-01-17 10:47:20 877

Ashley的猫