<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yyf0409的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yyf0409</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yyf0409]]></copyright><item><title><![CDATA[前端框架分类]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/78436240</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/78436240</guid><author>yyf0409</author><pubDate>Fri, 03 Nov 2017 15:36:07 +0800</pubDate><description><![CDATA[前端框架比较繁多，分了以下类主要有基于js的类库框架（主要分为纯类库和包含设计模式的类库）、UI框架、可视化组件等。




想补充一点的楼主暂时知道WPF、AngularJS和VUE.JS是用的MVVM，感觉MVVM很牛逼，其实一般，简单可以理解为ASP.MVC里面的强类型数据绑定（欢迎大神斧正）。

想单独提出来的是有人会有这样的疑问：asp.mvc和apring.mvc我可以理]]></description><category></category></item><item><title><![CDATA[浏览器兼容问题2]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/78325138</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/78325138</guid><author>yyf0409</author><pubDate>Tue, 24 Oct 2017 01:08:32 +0800</pubDate><description><![CDATA[27. 页面的最小宽度

如上一个问题，IE不识别min，要实现最小宽度，可用下面的方法：



?





1

2

3

4




class="hljs
 css">#container{

    min-width:
 600px;

    width:expression(document.body.clientWidt]]></description><category></category></item><item><title><![CDATA[浏览器兼容问题1]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/78325127</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/78325127</guid><author>yyf0409</author><pubDate>Tue, 24 Oct 2017 01:03:25 +0800</pubDate><description><![CDATA[1.   HTML对象获取问题

FireFox：document.getElementById("idName");
ie:document.idname或者document.getElementById("idName").
解决办法：统一使用document.getElementById("idName");

2.   
 const问题

说明:Firefox下,可以使]]></description><category></category></item><item><title><![CDATA[Angular表单验证]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77866731</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77866731</guid><author>yyf0409</author><pubDate>Wed, 06 Sep 2017 15:23:19 +0800</pubDate><description><![CDATA[Angular表单验证

1.如何数据绑定
2.验证表单
3.显示出错信息
4.整个Form验证
5.避免提交没有验证通过的表单
6.防止多次提交]]></description><category></category></item><item><title><![CDATA[Sass预处理语言]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77866627</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77866627</guid><author>yyf0409</author><pubDate>Wed, 06 Sep 2017 15:07:56 +0800</pubDate><description><![CDATA[一种CSS的预处理器。
Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。

Sass 生成良好格式化的 CSS 代码，易于组织和维护。
sass的变量定义格式
$变量名:属性值;
默认变量
sass的默认变量仅需要在值后面加上!default即可。
特殊变量
如果变量作为属性则必须要以#{$variables}形式使用。
全局变量
在变量值后面加上!]]></description><category></category></item><item><title><![CDATA[jQuery知识点回顾  动画]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77717239</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77717239</guid><author>yyf0409</author><pubDate>Wed, 30 Aug 2017 15:50:45 +0800</pubDate><description><![CDATA[1基本动画效果
show([speed,[easing],[fn]])：显示选择的元素
hide([speed,[easing],[fn]])：隐藏选择的元素

toggle([speed,[easing],[fn]])：切换选择的元素
（speed表示速度；  esaing 表示动画效果两个默认值 linear：线性的 swing旋转   ；fn 表示回调函数）


2滑动效果]]></description><category></category></item><item><title><![CDATA[jQuery基本知识回顾]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77717169</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77717169</guid><author>yyf0409</author><pubDate>Wed, 30 Aug 2017 15:35:41 +0800</pubDate><description><![CDATA[1页面引入jQuery库的方式

cript type="text/JavaScript"
 src="jquery-3.2.1.min.js">

2 入口函数

第一种：$(function(){});
第二种：$(document).ready(function(){});
第三种：jQuery(function(){});

jquery入口函数和js入口函数区别
]]></description><category></category></item><item><title><![CDATA[js  抢购倒计时]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77530954</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77530954</guid><author>yyf0409</author><pubDate>Thu, 24 Aug 2017 15:52:53 +0800</pubDate><description><![CDATA[倒计时


抢购
||

    function calc(){
        //定义目标时间，保存到变量endDate中;
        var endDate=new Date("2017/8/25 20:10");
        //获取当前时间；
        var now=new Date();
        //获取时间差：s：parseInt（(endDate-now]]></description><category></category></item><item><title><![CDATA[导航栏翻转效果]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77530871</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77530871</guid><author>yyf0409</author><pubDate>Thu, 24 Aug 2017 15:48:12 +0800</pubDate><description><![CDATA[* {
            margin: 0;
            padding: 0;
        }

        ul {
            margin: 30px 40px;
        }

        li {
            width: 190px;
            height: 50px;
            list-s]]></description><category></category></item><item><title><![CDATA[前端面试题（部分）]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77470964</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77470964</guid><author>yyf0409</author><pubDate>Tue, 22 Aug 2017 09:43:08 +0800</pubDate><description><![CDATA[web前端阶段测试试题（html js css）
非原创，本文纯属copy
一、单选题（共30题，每题1分）
1. 新窗口打开网页，用到以下哪个值（     ）
A.  _self B.  _blank C.  _top D.  _parent




参考答案：B
详解：a标签的target属性




_self


在页面本身的框架中打开新网页（默认值）]]></description><category></category></item><item><title><![CDATA[javascript 复习]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77229095</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77229095</guid><author>yyf0409</author><pubDate>Wed, 16 Aug 2017 10:38:14 +0800</pubDate><description><![CDATA[1.instanceof:用于判断对象是否属于某个类
返回类型为boolean类型

只能判断对象和函数，不能判断数组和字符串


2.javascript中以下6种情况的逻辑值为false
0、-0、“”、null、undefined、NaN


3.转换函数
parseInt(“AF”,16); 16进制转换
parseFloat(“22.5”); 转换为浮点数

]]></description><category></category></item><item><title><![CDATA[Html Css 未掌握的地方回顾复习]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/77224285</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/77224285</guid><author>yyf0409</author><pubDate>Wed, 16 Aug 2017 10:22:17 +0800</pubDate><description><![CDATA[keyword标签   关键字声明
description   网页描述
caption     表格标题




HTML   超文本标记语言    结构（内容）
CSS  层叠样式表        样式
JS  JavaScript脚本语言   行为
 



padding和margin
都一样。
① 四个值都设置： 上  右  下  左
② 三个值设置了：]]></description><category></category></item><item><title><![CDATA[Css3变换和过渡]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76989797</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76989797</guid><author>yyf0409</author><pubDate>Wed, 09 Aug 2017 15:10:44 +0800</pubDate><description><![CDATA[一.变换
变换属性
transform: none
transform-functions;
可添加多个变换方法进行变换，用空格隔开

变换中心点
transform-origin: x y z;
将变换的基准点切换到该坐标点

变换形式
transform-style: flat(2d转换)
transform-style:preserve-3d;(3d转换)


]]></description><category></category></item><item><title><![CDATA[Css3响应布局 弹性盒子]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76916603</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76916603</guid><author>yyf0409</author><pubDate>Tue, 08 Aug 2017 16:46:11 +0800</pubDate><description><![CDATA[弹性盒子（flexbox）

组成：弹性容器（Flex container）和弹性子元素（Flex  item）
弹性容器（Flex container）：
display:flex|inline-flex;
内部包含一个或多个弹性子元素
注意：设置为弹性容器后，子元素的float/clear/vertical-align属性将失效


属性 
1.flex-direction]]></description><category></category></item><item><title><![CDATA[Css3响应式布局]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76914309</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76914309</guid><author>yyf0409</author><pubDate>Tue, 08 Aug 2017 16:27:54 +0800</pubDate><description><![CDATA[Css3响应式布局
1.响应式布局的含义
在不同的情况下对页面进行合理的布局
（视窗口的宽度与高度  不同电脑的分辨率 不同设备平板电脑与手机等。。）


2多媒体查询
语法： @media not|only mediatype and (expressions) {
    CSS 代码...;}



CSS3 多媒体类型
all 用于所有多媒体类型设备
print]]></description><category></category></item><item><title><![CDATA[Css3新增属性]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76850649</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76850649</guid><author>yyf0409</author><pubDate>Mon, 07 Aug 2017 16:31:03 +0800</pubDate><description><![CDATA[1.新增边框属性
box—shadow【实现边框阴影】
  属性值有  ：模糊度   X轴偏移  Y轴偏移 color 阴影颜色
border—radius【  实现圆角边框】
 属性值越大角度越大
border—image【实现图片边框】
border-image: source slice width outset repeat;



2.新的多列布局

column]]></description><category></category></item><item><title><![CDATA[Html5 canvas标签实现简易画图板]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76339216</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76339216</guid><author>yyf0409</author><pubDate>Sat, 29 Jul 2017 16:43:35 +0800</pubDate><description><![CDATA[* {
            margin: 0;
            padding: 0;
        }
        .zt {
            width: 600px;
            height: 600px;
            border: solid 4px rgba(0, 0, 0, 0.67);
            margin-le]]></description><category></category></item><item><title><![CDATA[JS 控制图片在浏览器上幻灯片式自动播放]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76178013</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76178013</guid><author>yyf0409</author><pubDate>Thu, 27 Jul 2017 11:33:37 +0800</pubDate><description><![CDATA[浏览图片
    
    
        *{
            margin:0px;
            padding: 0px;
        }
        .ct{
            margin: 0 auto;
            width: 500px;
        }
        .pic{
            height: 500]]></description><category></category></item><item><title><![CDATA[Html5多媒体标签与拖拽]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76147684</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76147684</guid><author>yyf0409</author><pubDate>Wed, 26 Jul 2017 15:53:30 +0800</pubDate><description><![CDATA[1.多媒体标签
1.音频：（如果浏览器不支持就显示）不支持时显示
controls属性：属性值与属性名同。可以省略。控制显浏览器默认控制条。

常用方法：play()播放视频音频方法 
      pause() 暂停播放 
      load() 重新加载文件

      anPlayType(type)
 判断是否可播放该类型的音频、视频。返回值：probably：支持播]]></description><category></category></item><item><title><![CDATA[Html5新增常见标签]]></title><link>https://blog.youkuaiyun.com/yyf0409/article/details/76021983</link><guid>https://blog.youkuaiyun.com/yyf0409/article/details/76021983</guid><author>yyf0409</author><pubDate>Mon, 24 Jul 2017 16:12:11 +0800</pubDate><description><![CDATA[HTML5所有标签汇总及标签意义解释 
 

这篇文章主要介绍了HTML5所有标签汇总及标签意义解释,本文总结了结构标签、多媒体交互标签、Web应用标签、注释标签、其他标签等内容,
可以参考下 
结构标签：(块状元素) 有意义的div     标记定义一篇文章 

     标记定义一个页面或一个区域的头部 
        标记定义导航链接     标记定义一个区域 
    ]]></description><category></category></item></channel></rss>