<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[SeekerTime]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/SeekerTime</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; SeekerTime]]></copyright><item><title><![CDATA[编写jQuery插件]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/74943072</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/74943072</guid><author>SeekerTime</author><pubDate>Tue, 11 Jul 2017 11:55:07 +0800</pubDate><description><![CDATA[一、插件的种类
       jQuery的插件主要分为三种类型：
       1、封装对象方法的插件
                        将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。
       2、封装全局函数的插件
                       可以将独立的函数加到jQuery命名空间之下。如jQuery.]]></description><category></category></item><item><title><![CDATA[简单的分页代码js实现]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/74936198</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/74936198</guid><author>SeekerTime</author><pubDate>Mon, 10 Jul 2017 20:18:51 +0800</pubDate><description><![CDATA[先看看效果图： 
简单的分页js代码: 
1、效果描述： 
不用分页即可显示的jQuery插件 
jQuery分页插件——jQuery.page.js用法很简单，效果很棒  2、调用方法：$(".tcdPageCode").createPage({ 
 pageCount:10, 
 current:1, 
 backFn:function(p){ 
  //单击回调方法，p是当前页码 
 } 
}]]></description><category></category></item><item><title><![CDATA[JS 之  预解释]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/71107052</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/71107052</guid><author>SeekerTime</author><pubDate>Wed, 03 May 2017 09:47:02 +0800</pubDate><description><![CDATA[1、JS中的内存空间分为两种：栈内存、堆内存
栈内存：提供JS代码执行的环境；
              存储基本数据类型的值；
              全局作用域或私有作用域都是栈内存。
堆内存：存储引用数据类型的值 ------  对象是把属性名和属性值存储进去；]]></description><category></category></item><item><title><![CDATA[ES6 之 let 和 const 命令]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/71081146</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/71081146</guid><author>SeekerTime</author><pubDate>Tue, 02 May 2017 14:43:49 +0800</pubDate><description><![CDATA[1、let命令 
基本用法： 
ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{
    let a = 10;
    var b = 1;
}
   a  // ReferenceError : a is not defined.
   b  // 1for 循环的计数器，就很适合使用let命令。for(let i=0; i<10]]></description><category></category></item><item><title><![CDATA[Compass简单入门]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70800395</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70800395</guid><author>SeekerTime</author><pubDate>Wed, 26 Apr 2017 14:44:10 +0800</pubDate><description><![CDATA[一、Compass是什么？简单说，Compass是Sass的工具库。 
Sass本身只是一个编译器，Compass在它的基础上，封装了一系列有用的模块和模板，补充Sass的功能。他们之间的关系，有点想JavaScript和jQuery的关系。二、安装Compass是用Ruby开发的，所以在安装它之前，必须安装Ruby。 
之后，在命令行模式下输入：#mac
sudo gem install comp]]></description><category></category></item><item><title><![CDATA[JavaScript 中的变量提升]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70738937</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70738937</guid><author>SeekerTime</author><pubDate>Tue, 25 Apr 2017 14:22:44 +0800</pubDate><description><![CDATA[一、案发现场先看一段简单的代码：var v = 'Hello World';
alert(v);这个没有疑问，弹出“Hello World”。OK，我们继续。 
我们再看一段Code：var v = "Hello World";
(function(){
    alert(v);
})()经过运行后，我们发现，还是和我们预期的一样，弹出了“Hello World”。好了，有意思的来了。接着看一段下]]></description><category></category></item><item><title><![CDATA[Gulpfile.js 详解]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70325162</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70325162</guid><author>SeekerTime</author><pubDate>Fri, 21 Apr 2017 15:55:16 +0800</pubDate><description><![CDATA[// generated on 2017-04-19 using generator-webapp 2.4.1
const gulp = require('gulp');
const gulpLoadPlugins = require('gulp-load-plugins');   //自动加载配置文件中的已安装插件
const browserSync = require('browser-sync]]></description><category></category></item><item><title><![CDATA[前端构建之gulp与常用插件]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70314278</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70314278</guid><author>SeekerTime</author><pubDate>Fri, 21 Apr 2017 14:14:11 +0800</pubDate><description><![CDATA[gulp是什么？http://gulpjs.com/ 相信你会明白的！ 
与著名的构建工具grunt相比，有什么优势呢？ 
1.  易于使用，代码优于配置 
2.  高效，不会产生过多的中间文件，减少I/O压力 
3.  易于学习，API非常少，你能在很短的事件内学会gulp那些常用的gulp插件No.1、run-sequenceLinks: https://www.npmjs.com/packag]]></description><category></category></item><item><title><![CDATA[Canvas 常用API总结]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70255861</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70255861</guid><author>SeekerTime</author><pubDate>Thu, 20 Apr 2017 10:41:47 +0800</pubDate><description><![CDATA[基础部分参见上篇，《Canvas常用语法详解》。 
本文的详细参数和例子，参见《玩转html5 画图》：http://www.cnblogs.com/tim-li/archive/2012/08/06/2580252.html1、绘制矩形 context.fillRect(x,y,width,height) 
                       context.strokeRect(x,y]]></description><category></category></item><item><title><![CDATA[Canvas常用语法详解]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70237184</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70237184</guid><author>SeekerTime</author><pubDate>Wed, 19 Apr 2017 10:01:34 +0800</pubDate><description><![CDATA[Canvas是HTML5的新增标签，通过创建画布，在画布上创建任何想要的形状。 
一、标签原型<canvas width="1000" height="1000" id="demo">
    您的浏览器版本太低，不支持HTML5新增的canvas标签！
</canvas>   使用js获取画布，并指定对象<script>
    var demo = document.getElementById]]></description><category></category></item><item><title><![CDATA[$.ajax( )、$.getJson( )及JSON格式转换]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/70145006</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/70145006</guid><author>SeekerTime</author><pubDate>Wed, 12 Apr 2017 16:57:31 +0800</pubDate><description><![CDATA[通过cdn或本地引入jQuery：<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>1、$.ajax( )$(function(){
    $('#send').click(function(){
         $.ajax({
             type: "GET",]]></description><category></category></item><item><title><![CDATA[Sass语法详解]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/69951442</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/69951442</guid><author>SeekerTime</author><pubDate>Mon, 10 Apr 2017 17:02:41 +0800</pubDate><description><![CDATA[一、文件后缀名 
二、导入 
三、注释 
四、变量 
五、嵌套（Nesting） 
六、@at-root 
七、混合（Mixin） 
八、继承 
九、函数 
十、运算 
十一、条件判断及循环]]></description><category></category></item><item><title><![CDATA[SASS入门]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/69944733</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/69944733</guid><author>SeekerTime</author><pubDate>Mon, 10 Apr 2017 11:30:55 +0800</pubDate><description><![CDATA[一、变量 
       sass可以定义变量，方便统一修改和维护。//scss  style
$fontStack: 'Microsoft Yahei';
$primaryColor: #333;body{
    font-family:$fontStack;
    color: $primaryColor;
}//解析为css
//css  style
body{
    font-fami]]></description><category></category></item><item><title><![CDATA[使用Gulp构建前端项目]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/69525100</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/69525100</guid><author>SeekerTime</author><pubDate>Fri, 07 Apr 2017 11:41:57 +0800</pubDate><description><![CDATA[一、什么是Gulp?
        Gulp是新一代前端项目构建工具，可以使用Gulp及其插件对你的项目代码（less,sass）等进行编译，还可以压缩你的js和css代码，甚至是压缩你的图片，Gulp仅有少量的API，所以非常容易学习。Gulp使用stream方式处理内容。
         Node催生了一批自动化工具，像Yeoman, Bower, Grunt等。]]></description><category></category></item><item><title><![CDATA[SASS与SCSS的区别]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/69523171</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/69523171</guid><author>SeekerTime</author><pubDate>Fri, 07 Apr 2017 10:26:00 +0800</pubDate><description><![CDATA[SASS是对CSS进行自动化的工具，有为CSS添加浏览器前缀，精灵图合图及样式优化等功能。SASS有.sass 和 .scss两种语法。
         1、.sass 
               是一种类Ruby的缩进式语法，对空格敏感，不使用花括号，并且每个属性之间通过换行来分割，如
                       h1 
                     ]]></description><category></category></item><item><title><![CDATA[使用Node的 express创建项目]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/69372161</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/69372161</guid><author>SeekerTime</author><pubDate>Thu, 06 Apr 2017 09:58:07 +0800</pubDate><description><![CDATA[使用Node的express创建项目的具体步骤：
           1、安装Node,现在Ｎode安装包进行安装即可；
            2、安装grunt-cli : 打开cmd，以管理员的身份运行，将grunt-cli安装到全局环境中去。
                                         grunt-cli是grunt的命令行，负责调用同一目录下]]></description><category></category></item><item><title><![CDATA[Node-SASS安装]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/68944482</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/68944482</guid><author>SeekerTime</author><pubDate>Sat, 01 Apr 2017 14:47:10 +0800</pubDate><description><![CDATA[鉴于国内的环境，node-sass实在是太难安装了，可以直接通过淘宝的npm镜像来安装。

1.安装cnpm（https://npm.taobao.org/）
npm install -g cnpm --registry=https://registry.npm.taobao.org

2.在项目文件夹下安装node-sass
cnpm install --save-dev node-]]></description><category></category></item><item><title><![CDATA[npm install 时总是报phantomjs-prebuilt@2.1.14安装失败]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/68942935</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/68942935</guid><author>SeekerTime</author><pubDate>Sat, 01 Apr 2017 11:55:42 +0800</pubDate><description><![CDATA[在npm install时总是报如下错误，

尝试单独安装：npm install phantomjs-prebuilt@2.1.14 还是报错

 

Please report this full log at https://github.com/Medium/phantomjs

npm ERR! Darwin 15.0.0

npm ERR! argv "/usr/l]]></description><category></category></item><item><title><![CDATA[如何将一张960*1280的图片修改为350*345的图片]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/68483798</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/68483798</guid><author>SeekerTime</author><pubDate>Thu, 30 Mar 2017 10:27:41 +0800</pubDate><description><![CDATA[本次操作是将一张图片调整大小并剪取自己所需的那一部分。


1、用PS打开图片，复制图层，原图设为不可见；
2、在工具栏选择  矩形工具 ，设置矩形工具的大小 为 350*345；
     改变矩形工具的背景颜色与透明度；
3、选中图片的图层，Ctrl + T 进行变换 ，其中 Shift + T 进行 等比例变换；
4、调整到与 矩形工具同等 宽度或高度时 ，选中图片图层，在工具]]></description><category></category></item><item><title><![CDATA[点击自定义按钮弹出百度商桥对话框]]></title><link>https://blog.youkuaiyun.com/SeekerTime/article/details/66973659</link><guid>https://blog.youkuaiyun.com/SeekerTime/article/details/66973659</guid><author>SeekerTime</author><pubDate>Mon, 27 Mar 2017 17:13:16 +0800</pubDate><description><![CDATA[在页面中已经成功安装了百度商桥的情况下，想通过点击自定义的按钮来弹出百度商桥的对话框，来达到及时沟通和不使页面跳转的目的。有以下解决方法：


1、首先需要把你的按钮添加一个class，例如 加一个 “shangqiao”
我要咨询

         2、然后在js中引入jquery，添加一个 
       
$(function(){
    //点击按钮时判断 百度商桥代码]]></description><category></category></item></channel></rss>