<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Tan_D的博客]]></title><description><![CDATA[做一只有梦想的咸鱼]]></description><link>https://blog.youkuaiyun.com/Tan_D</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Tan_D]]></copyright><item><title><![CDATA[win10 下配置JAVA环境变量]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/79173487</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/79173487</guid><author>Tan_D</author><pubDate>Fri, 26 Jan 2018 15:58:43 +0800</pubDate><description><![CDATA[JAVA配置环境变量做java开发的第一步，网上也有很多相关的配置教程。配置原理大致一样，但个别系统可能会存在一些差异，下面就以 window 10 企业版为例给出我的配置过程。（假设你已经安装好JDK和JRE）




  配置 JAVA_HOME


首先打开环境变量的配置界面，新建一个系统环境变量：


变量名：JAVA_HOME
变量值：C:\Program Files\Java\jdk1]]></description><category></category></item><item><title><![CDATA[css3 常见兼容性样式]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78983444</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78983444</guid><author>Tan_D</author><pubDate>Fri, 05 Jan 2018 17:17:45 +0800</pubDate><description><![CDATA[引言


由于各浏览器制造商遵寻各自不同的规则，使得浏览器渲染的差异性，并且个浏览器对CSS3的支持度不同，引发出页面渲染的兼容性问题。如何能够使前端页面在不同浏览器渲染出相同的效果，成为前端工程师不得不考虑的问题。下面就CSS3样式给出一些解决兼容性问题的方法：




  当下主流的浏览器及其内核





  浏览器
  内核



  google
  Webkit->Chromium(V]]></description><category></category></item><item><title><![CDATA[axios  一个基于promise的HTTP库]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78980767</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78980767</guid><author>Tan_D</author><pubDate>Fri, 05 Jan 2018 14:12:18 +0800</pubDate><description><![CDATA[特征



从浏览器中创建XMLGHTttpRequests对象
从nodejs中创建http请求
支持PromiseAPI
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换JSON数据
客户端支持防御XSRF



  XSS(跨站脚本)和CSRF(跨站请求伪造)


用户输入总是不可信任的  
不攻击服务器端而攻击正常访问网站的用户



XSS: 往Web页面里插入恶意Script]]></description><category></category></item><item><title><![CDATA[JSON  数据交换格式]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78979743</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78979743</guid><author>Tan_D</author><pubDate>Fri, 05 Jan 2018 12:02:32 +0800</pubDate><description><![CDATA[json是一种轻量级的数据交换格式，由道格拉斯·克罗克福特发明（创建）。它使得人们方便阅读和编写。




  json 基于两种数据结构



名称/值（key / value） 对的集合。不同的编程语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （a]]></description><category></category></item><item><title><![CDATA[w3c 标准]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78970772</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78970772</guid><author>Tan_D</author><pubDate>Thu, 04 Jan 2018 14:40:07 +0800</pubDate><description><![CDATA[w3c万维网联盟（world wide web consortium）,对web进行标准化和发展web规范（recommendations）。
w3c标准目录：
文档类型（doctype）
名字空间（namespace）
定义语言编码
javascript定义
css定义
不要在注释代码中使用“–”
所有的标签元素和属性名都必须小写
所有的属性值都必须用“”括起来
所有的>和&等特殊符号，需要用其实]]></description><category></category></item><item><title><![CDATA[常用的元素居中的方法（css3）]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78956891</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78956891</guid><author>Tan_D</author><pubDate>Tue, 02 Jan 2018 23:18:33 +0800</pubDate><description><![CDATA[水平居中
块级元素： margin： 0 auto； 
行内元素： text-align: center; 
通用：flex布局 
    justify-content: center;
  垂直居中
行内元素： 
父级设置与父级高度相同的行高（line-height）
vertical-align: middle; 
块级元素： 
通用： flex布局 
 align-items: center]]></description><category></category></item><item><title><![CDATA[web开发之Tab页的常见实现方法]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78863606</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78863606</guid><author>Tan_D</author><pubDate>Thu, 21 Dec 2017 14:38:27 +0800</pubDate><description><![CDATA[tab和内容分离布局: 用一个大的container div容器包裹住tab-control和tab-content两个div块给每一个tab-control的项(a标签的href属性)设置锚点
给每一个tab-content的项,设置id属性 id属性名需与上述锚点一一对应
    <div class="container"> 
        <div class="tab-control">]]></description><category></category></item><item><title><![CDATA[操作系统五大分类和五大管理功能]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78831072</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78831072</guid><author>Tan_D</author><pubDate>Mon, 18 Dec 2017 11:12:35 +0800</pubDate><description><![CDATA[一般来说，操作系统可以分为五大管理功能部分：
1）  设备管理：主要是负责内核与外围设备的数据交互，实质是对硬件设备的管理，包括对输入输出设备的分配，初始化，维护与回收等。例如管理音频输入输出。
2）  作业管理：这部分功能主要是负责人机交互，图形界面或者系统任务的管理。
3）  文件管理：这部分功能涉及文件的逻辑组织和物理组织，目录结构和管理等。从操作系统的角度来看，文件系统是系统对文件存储器的存]]></description><category></category></item><item><title><![CDATA[BEM 命名规范]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78411351</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78411351</guid><author>Tan_D</author><pubDate>Wed, 01 Nov 2017 10:32:04 +0800</pubDate><description><![CDATA[BEM命名规范选择CSS架构注意考虑的问题
编辑一个class是否安全，会不会干扰其他CSS。
能准确定位CSS
class是否精简
明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件
BEM
B: block(块)
E: element(元素)
M: modifier(修饰符)
命名约定模式.block{}            //更高级别的抽象或组件
.block]]></description><category></category></item><item><title><![CDATA[BEM 命名规范]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78411346</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78411346</guid><author>Tan_D</author><pubDate>Wed, 01 Nov 2017 10:31:41 +0800</pubDate><description><![CDATA[BEM命名规范选择CSS架构注意考虑的问题
编辑一个class是否安全，会不会干扰其他CSS。
能准确定位CSS
class是否精简
明确组件是否是否使用的javascript,更改了class是都否意外的破坏组件
BEM
B: block(块)
E: element(元素)
M: modifier(修饰符)
命名约定模式.block{}            //更高级别的抽象或组件
.block]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/78393846</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/78393846</guid><author>Tan_D</author><pubDate>Mon, 30 Oct 2017 15:48:47 +0800</pubDate><description><![CDATA[容器属性
flex-direction 
主轴的方向 
flex-direction: row | row-reverse | column | column-reverse;
flex-wrap 
项目排列时候的换行行为 
flex-wrap: nowrap | wrap | wrap-reverse(换行，第一行在下方);
flex-flow 
flex-direction flex-wrap]]></description><category></category></item><item><title><![CDATA[MySQL事件（Event）]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/77616001</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/77616001</guid><author>Tan_D</author><pubDate>Sun, 27 Aug 2017 01:58:35 +0800</pubDate><description><![CDATA[1 事件简介
    事件（event）是MySQL在相应的时刻调用的过程式数据库对象。一个事件可调用一次，也可周期性的启动，它由一个特定的线程来管理的，也就是所谓的“事件调度器”。
    事件和触发器类似，都是在某些事情发生的时候启动。当数据库上启动一条语句的时候，触发器就启动了，而事件是根据调度事件来启动的。由于他们彼此相似，所以事件也称为临时性触发器。
    事件取代了原先只能由操作系统的]]></description><category></category></item><item><title><![CDATA[mysql 常用约束]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/77160186</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/77160186</guid><author>Tan_D</author><pubDate>Mon, 14 Aug 2017 12:10:17 +0800</pubDate><description><![CDATA[主键约束
默认约束
非空约束
外键约束]]></description><category></category></item><item><title><![CDATA[mysql 5.19 windows安装后无法启动服务]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/76996630</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/76996630</guid><author>Tan_D</author><pubDate>Wed, 09 Aug 2017 15:26:00 +0800</pubDate><description><![CDATA[MySQL 服务无法启动问题描述：从mysql官网下载mysql压缩包，解压后进入mysql的bin文件夹，采用命令mysql --install 安装号服务后，使用命令 net start mysql 无法开启服务，错误提示如下图： 
解决办法：使用命令  mysqld --initialize-insecure --user=mysql  自动创建一个data文件夹，并且建好默认数据库，登录的用]]></description><category></category></item><item><title><![CDATA[jQuery实现拖动]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/76546215</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/76546215</guid><author>Tan_D</author><pubDate>Tue, 01 Aug 2017 16:51:58 +0800</pubDate><description><![CDATA[jQuery实现拖动思路：
定位：给要拖动的对象设置一个定位（position：aboselute);
坐标：使用event.clientX、event.clientY获取鼠标位置，使用obj.offset().left、obj.offset().top获取对象离浏览器左上角的坐标；
事件：mousedown,mouseup,mousemove三大鼠标事件；
事件绑定与移除：bind()和unbin]]></description><category></category></item><item><title><![CDATA[前端常见IE与FF脚本的兼容性问题]]></title><link>https://blog.youkuaiyun.com/Tan_D/article/details/73657259</link><guid>https://blog.youkuaiyun.com/Tan_D/article/details/73657259</guid><author>Tan_D</author><pubDate>Sat, 24 Jun 2017 01:27:34 +0800</pubDate><description><![CDATA[IE 与 FF 脚本的兼容性问题
获取事件对象IE：使用window.event 
 FF：通过事件处理函数传递事件对象 
 例如：e=window.event ||e;
获取事件源IE：使用srcElement 
 FF：使用target属性 
 例如：var target = e.target || e.srcElement;
添加和移除事件IE：使用 attachEvent() 和 deatt]]></description><category></category></item></channel></rss>