<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[黑猫中校的燃烧战场]]></title><description><![CDATA[前端开发coder]]></description><link>https://blog.youkuaiyun.com/tang1392</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; tang1392]]></copyright><item><title><![CDATA[JavaScript之BOM（1）]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/79057064</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/79057064</guid><author>tang1392</author><pubDate>Sun, 14 Jan 2018 15:54:30 +0800</pubDate><description><![CDATA[ECMAscript是JavaScript的核心，如果在web中使用JavaScript，那么BOM（浏览器对象模型）无疑才是真正的核心。
window对象
1 全局作用域
window对象在ECMAscript扮演着global对象的角色，因此所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。
var name = "黑猫";
function say(){
	co]]></description><category></category></item><item><title><![CDATA[Bootstrap Table （1）]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/79040047</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/79040047</guid><author>tang1392</author><pubDate>Fri, 12 Jan 2018 08:32:06 +0800</pubDate><description><![CDATA[Bootstrap中文网：http://www.bootcss.com/
Bootstrap Github：https://github.com/twbs/bootstrap/tree/master
Bootstrap Table：http://bootstrap-table.wenzhixin.net.cn/zh-cn/
引入Bootstrap文件


	
		
		
		
		
   ]]></description><category></category></item><item><title><![CDATA[微信小程序开发-引入阿里巴巴矢量icon图标库]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78927107</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78927107</guid><author>tang1392</author><pubDate>Thu, 28 Dec 2017 22:27:04 +0800</pubDate><description><![CDATA[先在阿里巴巴图标库下载icon图标并保存到项目里，然后下载到本地。此步骤的压缩文件命名为压缩1文件。



解压下载文件，打开转换网址https://transfonter.org/，点击 Add fonts按钮将iconfont.ttf文件上传上去，按图操作就好。此步骤的压缩文件命名为压缩2文件。






解压下载后的文件，将文件内容复制，粘贴到压缩1文件里面的icon]]></description><category></category></item><item><title><![CDATA[React：组件API]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78924249</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78924249</guid><author>tang1392</author><pubDate>Thu, 28 Dec 2017 17:06:17 +0800</pubDate><description><![CDATA[React 组件实例在渲染的时候（实例化）创建，这些实例在接下来渲染中会被重复使用。要调用组件上的API，首先需要获取对组件的引用。在组件方法内部可以通过this访问，在组件外唯一访问组件方法就是通过React.render的返回值，在其它组件内访问组件，可以使用refs获得对组件的引用。
1、设置状态：setState
2、替换状态：replaceState
3、设置属性setProps]]></description><category></category></item><item><title><![CDATA[React：组件的状态和属性]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78922933</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78922933</guid><author>tang1392</author><pubDate>Thu, 28 Dec 2017 15:41:57 +0800</pubDate><description><![CDATA[ES6中react的属性和状态---https://babeljs.io/blog/2015/06/07/react-on-es6-plus
组件把状态与结果一一对应起来，组件中有state与prop（状态与属性）。
    1、 属性是由父组件传递给子组件的
    2、状态是子组件内部维护的数据，当状态发生变化的同时，组件也会进行更新。当状态发生转换时会触发不同的钩子函数，从而让开发者有]]></description><category></category></item><item><title><![CDATA[React：组件]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78922164</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78922164</guid><author>tang1392</author><pubDate>Thu, 28 Dec 2017 14:54:05 +0800</pubDate><description><![CDATA[组件
组件自身定义了一组props作为对外接口，展示一个组件时只需要指定props作为XML节点的属性。组件很少需要对外公开方法，唯一的交互途径就是props。这使得使用组件就像使用函数一样简单，给定一个输入，组件给定一个界面输出。当给予的参数一定时，那么输出也是一定的。而传统控件通常提供很多方法让你在外部改变控件的状态和行为，当控件的状态在不同场景不同逻辑中可以被随意控制时，开发和调试也会变得]]></description><category></category></item><item><title><![CDATA[React：JSX]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78920993</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78920993</guid><author>tang1392</author><pubDate>Thu, 28 Dec 2017 13:16:48 +0800</pubDate><description><![CDATA[新建的react demo项目结构如下：

node_modules： 这里面包含了react项目中会用到的一些组件，install的时候下载下来的，你可以进去看看，有一些如base64之类的我们可能会用到的组件；
public：里面包含了我们项目中的启动页面，react比较适合单页面项目应用开发，所以暂时只包含一个index.html，并且这也是react工程的入口页面，入口页面怎么理解，]]></description><category></category></item><item><title><![CDATA[React：安装]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78916560</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78916560</guid><author>tang1392</author><pubDate>Wed, 27 Dec 2017 21:18:10 +0800</pubDate><description><![CDATA[确定你的电脑里面有node，如果没有，下载地址：https://nodejs.org/en/download/
下面来安装react：
在国内用cnpm比npm速度更快，所以我们先安装cnpm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
$ npm config set registry https://r]]></description><category></category></item><item><title><![CDATA[前端SEO技巧]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78875182</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78875182</guid><author>tang1392</author><pubDate>Fri, 22 Dec 2017 17:08:37 +0800</pubDate><description><![CDATA[转自 ：https://www.cnblogs.com/EnSnail/p/5671345.html
一、搜索引擎工作原理
　　当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。
　　在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收]]></description><category></category></item><item><title><![CDATA[vue.js2.0实战:搭建开发环境及构建项目]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78875025</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78875025</guid><author>tang1392</author><pubDate>Fri, 22 Dec 2017 16:55:50 +0800</pubDate><description><![CDATA[首先搭建node环境，关于node环境搭建我就不详细叙述了，，不过推荐用淘宝镜像，优势在于快快快！

DOS命令运行：cnpm
 install -g vue-cli 


新建项目并进入到项目文件当中：]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78874105</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78874105</guid><author>tang1392</author><pubDate>Fri, 22 Dec 2017 15:53:05 +0800</pubDate><description><![CDATA[<!--
		display:指定HTML元素盒子类型/block/inline/inline-block/flex
		flex-direction:指定弹性容器中子元素排列方式
			row:横向，从左到右（默认）
			row-reverse:反转横向排列（右对齐，从后往前排），最后一项在最前面
			column:纵向排列
			column-reverse:反纵向排列，最后一项排在最上面]]></description><category></category></item><item><title><![CDATA[高德地图API之定位API]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78846400</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78846400</guid><author>tang1392</author><pubDate>Tue, 19 Dec 2017 19:45:05 +0800</pubDate><description><![CDATA[关于定位，分为GPS定位和网络定位2种。GPS定位，精度较高，可达到10米，但室内不可用，且超级费电。网络定位，分为wifi定位和基站定位，都是通过获取wifi或者基站信息，然后查询对应的wifi或者基站位置数据库，得到的定位地点。定位数据库可以不断完善不断补充，所以，越定位越准确。如果使用高德API来实现位置定位、城市定位的方法，包含了IP定位，浏览器定位，检索定位等多种网络定位方法。当然，如果]]></description><category></category></item><item><title><![CDATA[JSON的初步理解]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78826217</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78826217</guid><author>tang1392</author><pubDate>Sun, 17 Dec 2017 17:15:34 +0800</pubDate><description><![CDATA[JSON是一种数据格式，而不是一种变成语言。它并不从属于javascript，而且并不是只有js才使用JSON。很多语言都有针对JSON的解析器和序列化器。
语法
JSON语法可以表示以下三种类型的值：
1、简单值：使用与js相同的语法，可以再json中表示字符串、数值、布尔值、和null，但是不能表示undefined；
2、对象：对象作为一种复杂的数据类型，表示的是一组无序的键值对儿。]]></description><category></category></item><item><title><![CDATA[jQuery中的ajax]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78766383</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78766383</guid><author>tang1392</author><pubDate>Sun, 10 Dec 2017 19:52:21 +0800</pubDate><description><![CDATA[常用的jq-ajax方法通常有以下四种：
1、$.load();
2、$.post();
3、$.get();
4、$.ajax()；
那么，我们开始学习这四种方法。
首先引入jq文件：


1、load（）
$(selector).load(URL,data,callback);

从服务器加载数据，并把返回的数据放入被选元素中。
$("#divTip1").load(]]></description><category></category></item><item><title><![CDATA[浏览器兼容性处理]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78721694</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78721694</guid><author>tang1392</author><pubDate>Tue, 05 Dec 2017 16:21:46 +0800</pubDate><description><![CDATA[转载自：https://www.cnblogs.com/0351jiazhuang/p/4525354.html?utm_source=tuicool&utm_medium=referral
1、居中问题

div里的内容，IE默认为居中，而FF默认为左对齐，可以尝试增加代码margin: 0 auto;

2、高度问题

两上下排列或嵌套的div，上面的div设置高度(height]]></description><category></category></item><item><title><![CDATA[sessionStorage的理解和使用]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78715523</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78715523</guid><author>tang1392</author><pubDate>Tue, 05 Dec 2017 15:56:19 +0800</pubDate><description><![CDATA[Web Storage 包含如下两种机制：

sessionStorage 为每一个给定的源（given
 origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开状态，包括页面重新加载和恢复）。localStorage 同样的功能，但是在浏览器关闭，然后重新打开后数据仍然存在。

这两种机制是通过 Window.sessionStorage 和 Wind]]></description><category></category></item><item><title><![CDATA[微信小程序开发-五星评价]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78715015</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78715015</guid><author>tang1392</author><pubDate>Mon, 04 Dec 2017 23:08:06 +0800</pubDate><description><![CDATA[今天在做自己的小程序的时候做到一个对店铺的评价，文字什么的都很easy，遇到一个有趣的五星评价。先想到一个直接选择12345星的五星评价，以后有3星半的评价的效果再继续补充。
开始撸代码。。。。。
首先上个wxml代码：

   描述相符
   
        = 1 ? img.selected:img.normal}}' bindtap="changeColor1">
        ]]></description><category></category></item><item><title><![CDATA[微信小程序开发-高德地图api]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78605506</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78605506</guid><author>tang1392</author><pubDate>Wed, 22 Nov 2017 17:07:21 +0800</pubDate><description><![CDATA[第一步：
既然是高德地图的使用，那么我们首先进入高德地图开放平台：高德地图
注册之后在应用管理新建一个应用获取key




获取key之后我们去高德地图API看看高德对API的介绍，
相关下载那有sdk的下载链接，参考文档有相关的方法介绍。




第二步：
登录微信开发者平台，在设置里面获取appid，另外在服务器域名设置里面将https://restapi.ama]]></description><category></category></item><item><title><![CDATA[Vue学习日志：事件处理器（8）]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78562043</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78562043</guid><author>tang1392</author><pubDate>Fri, 17 Nov 2017 15:36:31 +0800</pubDate><description><![CDATA[监听事件
可以用v-on指令监听DOM事件来触发一些javascript代码。
例如：


	增加 1  
	这个按钮被点击了 {{ counter }} 次。


	var app = new Vue({  
		el: '#app',  
		data: {    
			counter: 0  
		}
	})

方法事件处理器

许多事件处理的逻辑都很复杂，所以直接把 Jav]]></description><category></category></item><item><title><![CDATA[Vue学习日志：列表渲染（7）]]></title><link>https://blog.youkuaiyun.com/tang1392/article/details/78561025</link><guid>https://blog.youkuaiyun.com/tang1392/article/details/78561025</guid><author>tang1392</author><pubDate>Fri, 17 Nov 2017 14:34:39 +0800</pubDate><description><![CDATA[v-for
我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。
1、基本用法

  
	{{ item.message }}

var example1 = new Vue({  
	el: '#example-1',  
	data: {]]></description><category></category></item></channel></rss>