slmgr /ipk CB7KF-BWN84-R7R2Y-793K2-8XDDG
slmgr /skms kms.03k.org
slmgr /ato

1、阅读完成《BackboneJs 实战》---ok
2、swipe 和slickjs的对比异同、slickjs图片响应式是否会变形、准备云涛分享首页优化主题
3、css3渐变色 ---ok
4、sourceTree的使用
5、angularJs

在WEB-INF下的lib文件夹下，选中jar包右击-build path-add即可。在Referenced Libraries中会显示添加的jar包

   解决方案一： 为ie9时设置定时器，一定时间内执行自定义的方法以模拟监听变化。
    具体步骤如下：http://blog.csdn.net/cuixiping/article/details/7450542
解决方案二：为ie9时，使用js的监听，判断是否和和初始字符一致

具体步骤如下：http://www.tuicool.com/articles/3MjUNbU

//其他浏览器

$("#J_searchProduct").on("input propertychange",function(){

//执行自定义的方法，实现交互行为

});

//IE9兼容处理

var userAgent = window.navigator.userAgent; //取得浏览器的userAgent字符串

var isIE = /(msie\s|trident.*rv:)([\w.]+)/.exec(userAgent.toLowerCase());

if (isIE != null) {

var IEVersion = "IE" + parseInt(isIE[2]);

if(IEVersion && IEVersion==="IE9"){

var searchInput = document.getElementById("J_searchProduct");

var lastValue = searchInput.value;

var onInput = function() {

if (lastValue !== searchInput.value) {

//执行自定义的方法，实现交互行为

}

};

var onFocusChange = function(event) {

if (event.type === "focus") {

document.addEventListener("selectionchange",onInput,false);

} else {

document.removeEventListener("selectionchange",false);

}

};

searchInput.addEventListener("input",false);

searchInput.addEventListener("focus",onFocusChange,false);

searchInput.addEventListener("blur",false);

}

}

 比如：css3渐变样式的实现。ie9只能使用图片替代。
 HTML代码如下：
         
 css代码如下：
   //使用渐变的图片实现渐变样式
    .leftMenuBg{
        background: url(../../img/layout/icon_18.png);
    }
    //使用css3渐变实现渐变样式
    .leftMenu{
        width: 10px;
        background: -webkit-linear-gradient(rgba(255,255,0.82),#80D763,#fff);
        background: -moz-linear-gradient(rgba(255,#fff);
        background: -ms-linear-gradient(rgba(255,#fff);
        background: -o-linear-gradient(rgba(255,#fff);
        background: linear-gradient(rgba(255,#fff);
    }
  注意：这里要把css3实现的样式类放在后面。

4、浏览器调试器直接取色的方法：

 调试面板Element——点击任意一个有颜色的样式属性——点击颜色——点击toggle color picker的拾色器，就可以选择页面中任意位置的颜色值了，包括图片颜色的读取。

5、ps设置选取颜色设置透明度值：

 选中选区后——右击——通过剪切的图层——再设置该图层透明度的值
 ps选择中选区，改变颜色，不改变透明度。
 选择魔棒选区下的快速选区工具——点击图片——ctrl+delete设置为背景色，不会改变图片个别像素的的透明度值。

6、

（1）复制后，命令行终端，按下键盘上的insert，可黏贴复制的内容
（2）端口的作用：通过端口来区分出同一台电脑内不同应用或者进程，从而实现一条物理网线（通过分组交换技术——比如internet）同时链接多个程序
（3）npm安装依赖模块，没指定registry：默认从npm官方安装
指定registry是从淘宝的源安装的。
（4）window终端新建一个文件夹mkdir/ 新建一个文件touch /查看文件夹ls /查看文件 vi
（5）superagent是个http方面的库，可以发起get \  post请求；
          cheeiro用来从网页中以css selector取数。

7、跨行table，hover的处理方式：

 方案一：
 每一个整体的tr都用tbody来包裹，tbody:hover{ }
 http://jo2.org/html-rowspan-tr-hover/
 方案二：
 给每一个有跨行的tr都加一个类，tr:not(.noHover):hover{ }
 或者给整个table加一个类，table:not(.noHover) tr:hover{ }

8、

后台报错： ShiroUser cannot be resolved to a type
原因：可能是jsp没有加载相关的包
解决方案：jsp中顶部引入包，比如：
<%@ page language="java" import="org.apache.shiro.SecurityUtils"%>
<%@ page language="java" import="xxxxxxxxxxxxxxxxxxxxxxx.shiro.ShiroUser"%>

9、ctrl+shift+N 新建文件夹

体会：

1、有必要在每天固定的时间，一点一点的吸收东西，每天一点。比如看博文，看github上别人写的学习教程，跟着做，算是入个门。
2、对于页面的细节，应该静下心来，一点一点优化，很多觉得解决不了的，原来是自己太浮躁啦，还是可以解决的，多思考，静下心。这一个月也主要都在做一些页面的细节优化。
  关键是积累经验，快速解决小细节问题，记录每次新问题的处理方式。

2016-07-01 至 2016-07-31 前端工作知识点总结

//2016-07-01 至 2016-07-31 前端工作知识点总结

目标：

1、angularJs博文
2、nodeJS博文
3、首页大图变型处理
4、《Node 与 Express开发》

知识点：
1、sass 定义数组，循环遍历

$backgoundColor:#2BCCB1,#01A9F4,#F8A12F,#4BAF51;
@for $i from 1 through 4{
                                        .section#{$i}{
                                                                                background-color:nth($backgoundColor,$i);
                                        }
}

2、用图片作为整屏的背景图片的处理方式：

 （1）width: 100%; height: 100%; //设置img为absolute,并设置图片高宽随浏览器窗口
 （2）background-position:center;background-repeat: no-repeat; background-size: cover; //设置图片样式引入为背景图片，设置background-size为cover 不过图片会有被切的部分；
 （3）height: auto; //width由js控制

3、界面内容垂直高度位置调整方式：

 transform: translateY(40%);

4、编写动效比较多的推广宣传页的步骤：

 （1）整体框架布局，分成多个模块（盒子），接下来再一个一个模块写
 （2）编写某一个模块1920*960下的静态结构
 （3）使用媒体查询处理960高度，不同阶段宽度的适应
 （4）使用resize，处理垂直位置： transform: translateY(40%);
 （5）制作动效
 （6）然后再做其他小模块，同样的方式处理。
 （7）最后微调整体的效果

5、PS的使用：

1） PS图片大小保持像素不变：
 （1）选中图片
 （2）ctrl+T，拉升压缩，或者输入按比例的高宽
 （3）保存为web
 2）PS模糊图片：http://jingyan.baidu.com/article/7f41ececd37e66593d095ce2.html
 （1）打开图片，选择滤镜中的场景模糊
 （2）改变圆轮白灰比例
 （3）保存为web
 3）PS修改图像颜色模式为RGB模式：图像-模式-RGB颜色
 4）PS画gif动图的方法：窗口-时间轴/动画，调出帧，对不同图层进行处理，保存为gif图

6、Angular.js：

（1）angular.module('myApp',[]);//空数组，代表没有引入其他的依赖
（2）ng-app='myApp'
（3）ng-model='name' //model 指令
       基础指令：
           ng-model
           ng-maxlength
           ng-minlength
（4）{{name}}
 实现数据的双向绑定。
 例子：
      html:
 
    

        
        
{{name}},你好
    
    
   
        js:
                angular.module('myApp',[]);

7、同一项目组类似页面快速编写的步骤：

 （1）根据原型写相对规范的接口文档
 （2）复制页面布局、部分css、部分js
 （3）修改页面不同的名词或者类名、id名
 （4）修改js中不同的变量名称，方法名称，参数，以及接口，同时对接口文档进行规范和微调
 （5）接口请求本地预先设置的json文件
 （6）预览页面，微调css，查看js报错，进行js微调

体会：

1、把动画效果进行了拆分，看起来比较有层次感了，总结了一套写动画的步骤。布局的最基础和重要的，首先要有布局，才能够对盒子里面的细节进行拆分和优化分解。
2、sass函数的使用，减少了很多多余的代码。已经基本上不用css，全用sass写样式了。
3、一些库的源文件，只要找到入口方法，后面看起来再复杂的代码也能够进行分解，理清执行顺序。
4、接口的规范或者其他页面编写的规范，使得之前复杂的代码，做起来和流水线一样简单，增强了复用方式和形式的复用。
5、现在对本项目的页面编写都基本熟悉了，对自己来说都是简单的事情，接下来目标应该是，把简单的工作，以最快的速度和最好的质量来完成，也许这就是简单的事情重复做带来的好处。是否可以从中找到技巧最好。
6、这个月又是做自己熟悉东西，并没有什么其他新鲜的，新的技术灌入。通过对过去填的坑的填埋、以前实现不了的功能优化、以及重复做简单的东西，慢慢形成了一种工作步骤，做到的是，以后再做类似的东西会做到心里有数的了。总结出这些既定的方法和步骤，有助于快速的完成重复的工作。
7、整体目标就是：（1）重复事情，总结经验来做，做到高效高质量。（2）其他，平时多积累新东西，做到新任务来的时候不会慌乱。看来又要开始看视频来学习了。
8、整体任务基本上都在：写页面、优化页面、测试，这三个点上。

2016-08-01 至 2016-08-31 前端工作知识点总结

//2016-08-01 至 2016-08-31 前端工作知识点总结

目标：

1、angularJs的api以及视频学习，用angular写出日期选择的插件
2、nodeJS: www.runoob.com中相关内容的阅读练习
3、前端页面加载速度提升，性能提升研究。

知识点：
1、AngularJs
（1）基础指令：

 ng-if
 ng-disable
 ng-init
 ng-bind
 ng-repeat

（2）注意点：指令的值不能用大写，html标签也不能用大写，均为小写
（3）循环：

      ng-repeat="x in arr"   //x为数组的各个值
      ng-repeat="(key,value) in  arr track by key"   //value为值；key 为index指引值

2、
1）桌面任务栏消失解决方案：

 （1）打开任务管理器
 （2）文件-新建任务
 （3）输入explorer.exe，回车

2）cmd-path 可输出环境变量的配置情况

3、NodeJs

 1）两种模式：脚本模式、交互模式
 2）两种回调：阻塞式和非阻塞式
    （1）阻塞式：先读取文件再执行“程序执行结束！”的输出  
      var fs = require("fs");
      var data = fs.readFileSync('input.txt');                                                                                     
      console.log(data.toString());
      console.log("程序执行结束!");
    （2）非阻塞式：读取文件和输出同时进行，挺高了程序性能
      var fs = require("fs");
      fs.readFile('input.txt',function (err,data) {
      if (err) return console.error(err);
      console.log(data.toString());
      });
      console.log("程序执行结束!");
 3）EventEmitter类：事件触发与事件监听器功能的封装
                                                                                                                                                      1）访问方式：require(event)
                                                                                                                                                      2）属性：on(绑定)、emi(触发)
 4）stream的四种流类型：Readable(可读操作)、writable(可写操作)、Duplex(可读可写操作)、Transform(操作被写入数据，然后读出结果)

4、页面一加载就调用$(window).resize();的方法，应该写在resize方法的后面。

 比如：
 $(function(){
      $(window).bind("resize",function(){
          console.log("test"); 
      });
      $(window).resize();//写在后面才会执行，输出：test
 });

5、input 监听键盘enter键：

$(input).keyup(function(e) {
    var keycode = e.keyCode || event.keyCode;
    if (keycode === 13) { //执行方法 }
});

6、优化前端页面加载速度的方式：

 1）减小大小、减少请求数
      （1）图片压缩、雪碧图处理
      （2）js、css压缩、文件合并
 2）接口处理
      （1）异步请求
      （2）接口合并

7、transform的属性分开来写，后面的会覆盖前面的。必须要合并写才能够同时使用：

 比如：
 （1）分开写：只翻转，不偏移
      transform: translateX(200px);
      transform: scale(45deg);
  （2）合并写：翻转，偏移
       transform: translateX(200px) scale(45deg) ;

8、小图片合并为雪碧图，控制单个背景图片的大小的方式是使用css3的缩放功能：transform:scale(0.8)。

 不能用background-size，因为雪碧图为一张合并了小图的大图。

体会：

 1、通过一段时间对angularJs的了解，终于知道什么是angularJs的指令了。学习的顺序是，先看了一下w3c（菜鸟）网的基础知识，按顺序看完，然后具体看了一下的入门视频，然后看着例子写了几个简单的demo。然后使用知道的一些指令来开始写一个日期选择器的控件。显示去渲染出页面，然后才是用angularJs的指令来简化页面代码。
 2、有必要更多的研究下，前端的优化技巧，感觉看一些别人的总结总是不容易理解。还是应该自己动手去优化自己的项目。文字上的优化说明还是比不上动手改一下，然后看看优化后的效果，应该是更加流畅的。通过对本项目中推广页请求数和图片太多导致页面加载速度被拖慢的问题的改造。知道去看控制台哪些文件请求有问题，可以进行针对性的优化了。

2016-09-01 至 2016-09-30 前端工作知识点总结

//2016-09-01 至 2016-09-30 前端工作知识点总结

目标：

1、angularJs的api以及视频学习，用angular写出日期选择的插件
2、nodeJS和mongodb建站
3、前端页面加载速度提升，性能提升研究。
4、reactJs 和 vueJs研究

知识点：

1、前端和后端的通信，ajax请求，当参数有数组的时候，应该使用post的方式来传输

2、java中@RequestMapping()中的url不能一样，接口名称。

 即便是不同的类中，都不能是一样的。否则spring不知道调用哪一个。
developer-application.properties：修改连接的数据库信息
本地sql的配置：

（1）安装连接MysqL的客户端工具

（2）本地安装MysqL

（3）客户端工具，新建连接

（4）新建数据库

（5）复制入数据库表：http://www.111cn.net/database/MysqL/42190.htm

（6）eclipse配置连接本地数据库，访问

3、eclipse修改svn的帐号和密码的方法：

 （1）查看SVN Interface( windows > preference > Team > SVN);
 （2）JavaHL：删除 C:\Documents and Settings\用户名\Application Data\Subversion\auth\下的所有文件，更新svn，重新输入；
 （3）SVNKit：删除 Eclipse\configuration\org.eclipse.core.runtime\下的.keyring，更新svn，重新输入；

4、修改当前地址栏的url，不跳转：此方法只试用于支持html5的浏览器。

 window.history.pushState({},url); //url为修改后的
 另，判断是否支持html5的方法：window.applicationCache为true即表示支持。

5、页面性能优化研究：

 （1）懒加载和预加载：
          懒加载：
               1）设置img自定义属性为对应路径。
               2）当图片滚动到img所在的页面视口的时候，设置src为以上的属性值。
          预加载：
 （2）base64小图：以编码形式写在css中，会造成css臃肿

6、关于升级，是从测试服务器的备份文件中同步的。

7、

 （1）absolute定位的元素居中的方式： left: 50%;marge-left:width/2;元素宽度的一半。
 （2）设置图片为背景图：background-size: cover; background-position: center;。

8、mongodb:

 1、官网下载安装
 2、安装路径下新建db文件夹
 3、进入到bin目录下，cmd，输入mongod --dbpath=d:\\mongodb\\db，启动mongodb
 4、浏览器输入localhost:27017，启动成功
 6、在bin目录下启动mongo.exe文件，启动
 5、数据的增删查改：
      db.person.insert({"name":"jiangl","age":1"})
      db.person.find()
      db.person.update({"name","jiangl"},{"name": "haha","age":18})
      db.person.remove({"name":"jiangl"})
  6、删除db文件下的lock file才能再次启动mongodb

体会：

  1、ng还没看明白，又换vueJs和reactJs了。不过万变不离其宗，看了一下vueJs的相关介绍，无非所有的框架都是js的各种花式使用。都是建立在JavaScript之上，运用MVC分层设计的思想，构造出高内聚低耦合的强可扩展性的系统。看来js基础不是一般的重要的。然后框架是学习的思想，分层思想，更顺畅的写js的方式，所以是花式JS哈哈。不过之前看过ng，现在再看vueJs，至少指令的驱动是很快就能看懂的了。看来什么时候就学习什么是对的，不必太惊慌技术更新如此之快。重要的是能快速的融入和学习。
  2、不过研究的懒加载大体是明白了原理：就是初始化页面，只加载当前视口的图片，当滚动滚动条，看其他视口的时候，加载该视口的图片，就是将页面路径赋值给src。另外明白了一些小图可以用base64的图来替代，一般是不可作为雪碧图合并的又多处使用的小图，比如loading.gif图。还是优先使用雪碧图进行合并。对于懒加载，只知其名不知其意的时候，以为是什么好难的东西，之后看了后才发现是$img.attr("src",src);就可以搞定的东西，就是对src属性的复制，之前是监听视口内容的变化。都是js。万变不离其宗，看了把js基础化了，就是打好了基础。思想是一样的。对于首页图片很多的这种页面，经历了各种提升页面加载速度的优化：压缩图片，雪碧图，等等到现在的懒加载技术，真是各种能用的无所不用其极。都是由于自己经验太少，新技术的了解还是比较落后。加强学习！
  3、每一次对上一次的优化再进一步优化，就像小时候做数学应用解答题，每一个步骤都应该有清晰的认识和关联。

我们今天的关于Windows Service 2016 DatacenterStandEmbedded激活方法(2021)和windowsserver2016datacenter 激活的分享已经告一段落，感谢您的关注，如果您想了解更多关于2016-06-01 至 2016-06-30 前端工作知识点总结、2016-07-01 至 2016-07-31 前端工作知识点总结、2016-08-01 至 2016-08-31 前端工作知识点总结、2016-09-01 至 2016-09-30 前端工作知识点总结的相关信息，请在本站查询。