<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[zzyhhh的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/zzyhhh</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; zzyhhh]]></copyright><item><title><![CDATA[CSS3新属性及兼容代码一览]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/102418521</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/102418521</guid><author>zzyhhh</author><pubDate>Tue, 08 Oct 2019 23:02:06 +0800</pubDate><description><![CDATA[选择器
CSS3中新添加了很多选择器，解决了很多之前需要用javascript才能解决的布局问题。
element1~element2: 选择前面有element1元素的每个element2元素。
[attribute^=value]: 选择某元素attribute属性是以value开头的。
[attribute$=value]: 选择某元素attribute属性是以value结尾的。
[attr...]]></description><category></category></item><item><title><![CDATA[less使用]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/102343812</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/102343812</guid><author>zzyhhh</author><pubDate>Tue, 08 Oct 2019 01:39:19 +0800</pubDate><description><![CDATA[Less
2019.03.26 18:57:11
字数 1808
阅读 533
一、 css预编译
常见的css预编译器有三种：less 、 sass 、 stylus。
Bootstrop使用的是less。
在线编译
http://tools.jb51.net/code/less2css
二、 Less
Less是一门css预处理语言，他扩展了css语言，增加了变量、Mixin、函数等特性，使c...]]></description><category></category></item><item><title><![CDATA[vue中使用MUI组件]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/101717422</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/101717422</guid><author>zzyhhh</author><pubDate>Sun, 29 Sep 2019 21:13:51 +0800</pubDate><description><![CDATA[到github上下载MUI文件 https://dcloud.io/hellomui/
拷贝下载文件的dist目录中的三个文件 到你自己创建的目录（如static中创建文件夹mui,存放拷贝的文件）
3.在webpack.config.js指定的entry文件（02-mian.js）中导入mui的css文件  import ‘…/statics/mui/css/mui.css’
4.使用哪种样式...]]></description><category></category></item><item><title><![CDATA[HTML5和CSS3新特性一览]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/101178276</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/101178276</guid><author>zzyhhh</author><pubDate>Sun, 22 Sep 2019 23:49:05 +0800</pubDate><description><![CDATA[1.HTML5 新元素
HTML5提供了新的元素来创建更好的页面结构：
标签
描述

定义页面独立的内容区域。

定义页面的侧边栏内容。

允许您设置一段文本，使其脱离其父元素的文本方向设置。

定义命令按钮，比如单选按钮、复选框或按钮

用于描述文档或文档某个部分的细节

定义对话框，比如提示框

标签包含 details 元素的标题

规定独立的流内容（图像、图表、照片、代码等等）。

定义 ...]]></description><category></category></item><item><title><![CDATA[一些常用的Bootstrap模板资源站]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/101004436</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/101004436</guid><author>zzyhhh</author><pubDate>Thu, 19 Sep 2019 01:08:21 +0800</pubDate><description><![CDATA[超级Bootstrap模板库：
http://www.wrapbootstrap.com/
http://www.templategarden.com/
https://shapebootstrap.net
http://thebootstrapthemes.com/
免费的HTML5 响应式网页模板：
http://html5up.net/
WP &amp; Bootstrap：
http://...]]></description><category></category></item><item><title><![CDATA[Bootstrap学习小结]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100945033</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100945033</guid><author>zzyhhh</author><pubDate>Wed, 18 Sep 2019 00:14:04 +0800</pubDate><description><![CDATA[栅格参数：
bootstrap 其实 是把 网页等 分为 了 12分，bootstrap把 根据屏 幕 大小 把屏 幕分 为了 4个层 级，小于 768 像 素的 为超小屏 幕，大于 等于 768 像素的 为小屏 幕，大于 等于992像素的为中等屏幕，大于等于1200像素的则为大屏幕，相应的类前缀见图或查看官方文档。
栅格：
超小屏幕 手机 (&lt;768px) .col-xs-
小屏幕 平板 ...]]></description><category></category></item><item><title><![CDATA[响应式布局思维导图小结]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100907351</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100907351</guid><author>zzyhhh</author><pubDate>Tue, 17 Sep 2019 00:35:34 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[原生JS笔记总结]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100868872</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100868872</guid><author>zzyhhh</author><pubDate>Mon, 16 Sep 2019 00:12:31 +0800</pubDate><description><![CDATA[1.如何区分私有变量和全局变量？
    1)在全局作用域下声明（预解释的时候上）的变量是全局变量
    2)在“私有作用域中声明的变量”和“函数的形参”都是私有变量
    在私有作用域中，我们代码执行的时候遇到了一个变量，首先我们需要确定它是否为私有的变量，如果是私有的变量，那么和外面的没有任何的关系；如果不是私有的，则往当前作用域的上级作用域进行查找，如果上级作用域也没有则继续查找，一直找...]]></description><category></category></item><item><title><![CDATA[众妙之门：移动Web设计精髓]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100753271</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100753271</guid><author>zzyhhh</author><pubDate>Wed, 11 Sep 2019 23:50:08 +0800</pubDate><description><![CDATA[第一章 移动Web设计趋势
1.简化选项、页面留白、少量的图片、子域将取代.mobi域名和单独域名、内容优先
2.移动Web设计的挑战:屏幕尺寸多样化、缺乏理解、快速的变化、测试繁琐、做减法
3.对移动Web设计的思考：简明的语义标记、CSS下内容与显示的分离、Alt 标签、表单域的分类、标题的作用、禁用漂浮链接、减少页边距和填充、做好页面导航、注意页面颜色对比
4.Sitepoint(设计团队)...]]></description><category></category></item><item><title><![CDATA[12款很赞的web前端移动开发框架]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100716751</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100716751</guid><author>zzyhhh</author><pubDate>Tue, 10 Sep 2019 23:30:55 +0800</pubDate><description><![CDATA[原生移动应用程序运行更快、更顺畅，有更好的用户体验。而同时，前端开发人员总是寻找新的 Web 技术来获得这种性能。利用现有的高质量移动框架来构建移动 Web 应用程序已成为非常容易，但是如何选择合适的框架是比较纠结的。因此在本文中，我们整理了12个很赞的移动框架。
1.Redbeard
Redbeard让它来创建本地应用程序没有一个样板更快和更容易。它与吨的组成部分的一个完整的框架，有一系列的准备...]]></description><category></category></item><item><title><![CDATA[元素JavaScript知识点梳理与经典百例]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100681604</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100681604</guid><author>zzyhhh</author><pubDate>Tue, 10 Sep 2019 01:08:06 +0800</pubDate><description><![CDATA[JavaScript语法：

image.png
DOM操作：

image.png
数据类型
面向对象
继承
闭包
插件
作用域
跨域
原型链
模块化
自定义事件
内存泄漏
事件机制
异步装载回调
模板引擎
JSON
ajax
image.png
JavaScript事件触发：
onkeypress 在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。[响应一个键...]]></description><category></category></item><item><title><![CDATA[CSS伸缩布局]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100642521</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100642521</guid><author>zzyhhh</author><pubDate>Sun, 08 Sep 2019 23:26:59 +0800</pubDate><description><![CDATA[伸缩布局(弹性布局)
display:flex
给谁添加了display:flex,谁就是伸缩容器
伸缩容器中的盒子,就被称为伸缩项
主轴方向
1.只要将一个元素变为了伸缩的容器, 那么里面的伸缩项自动就会水平排版
2.默认会按照主轴从左向右的方向排版
flex-direction:属性就是专门用于设置主轴的方向的,
默认取值是row(从左至右)
row-reverse(从右至左)
flex-di...]]></description><category></category></item><item><title><![CDATA[Canvas笔记]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100588054</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100588054</guid><author>zzyhhh</author><pubDate>Fri, 06 Sep 2019 23:09:29 +0800</pubDate><description><![CDATA[什么是Canvas？
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域，您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
创建Canvas元素
向 HTML5 页面添加 canvas 元素。
规定元素的 id、宽度和高度：
    &lt;canvas id="myCanvas" width="200"...]]></description><category></category></item><item><title><![CDATA[一些html5和css3的一些常见面试题]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100550065</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100550065</guid><author>zzyhhh</author><pubDate>Thu, 05 Sep 2019 00:36:49 +0800</pubDate><description><![CDATA[一、HTML5 CSS3
CSS3有哪些新特性？


CSS3实现圆角（border-radius），阴影（box-shadow），


对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform）


3.transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg)...]]></description><category></category></item><item><title><![CDATA[H5多媒体标签]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100530509</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100530509</guid><author>zzyhhh</author><pubDate>Tue, 03 Sep 2019 23:58:31 +0800</pubDate><description><![CDATA[Title














    
    
    




]]></description><category></category></item><item><title><![CDATA[h5常用标签]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100410247</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100410247</guid><author>zzyhhh</author><pubDate>Mon, 02 Sep 2019 22:21:30 +0800</pubDate><description><![CDATA[h5常用标签
2019.04.11 10:49:51
字数1075
阅读64
一，新特性：


取消了过时的显示效果标记   和  …


新表单元素引入


新语义标签的引入


canvas标签（图形设计）


本地数据库（本地存储）


一些API


二， 新语义标签
  
  
  
  
  
  
三，多媒体标签及属性介绍
 视频
  属性：controls 显示控制栏

  属性：...]]></description><category></category></item><item><title><![CDATA[面试问题之H5C3有哪些新特性？]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100190030</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100190030</guid><author>zzyhhh</author><pubDate>Mon, 02 Sep 2019 00:19:10 +0800</pubDate><description><![CDATA[H5 C3 新增
h5
1.语义化标签
header、footer、aside、section、article、nav
2.表单输入类型
email、url、number、range、Date Pickers、search、color
3.表单属性
autocomplete、placeholder、form
4.视频音频
video、audio
5.画布
canvas
6.伸缩矢量图
svg
7....]]></description><category></category></item><item><title><![CDATA[CSS总结]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100149255</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100149255</guid><author>zzyhhh</author><pubDate>Fri, 30 Aug 2019 00:05:32 +0800</pubDate><description><![CDATA[录
Transition过渡
Transition的分体属性：
贝塞尔曲线cubic-bezier
Body本身没有高度，html本身也没有高度，document的高度是可视区域。
文字阴影
HTML5新增表单控件
Input在HTML5中新增了很多的类型
新增表单属性
属性选择器
子元素选择器（结构性伪类）
伪类选择器
盒模型


阴影box-shadow


倒影box-reflect(需要加...]]></description><category></category></item><item><title><![CDATA[CSS中2d3d转换]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100128546</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100128546</guid><author>zzyhhh</author><pubDate>Wed, 28 Aug 2019 23:17:04 +0800</pubDate><description><![CDATA[2D 转换
1、translate() 方法
通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数：
实例
div
{
transform: translate(50px,100px);
}
值 translate(50px,100px) 把元素从左侧移动 50 像素，从顶端移动 100 像素。
2、rotate() 方法
通...]]></description><category></category></item><item><title><![CDATA[HTML5与CSS3小结]]></title><link>https://blog.youkuaiyun.com/zzyhhh/article/details/100110647</link><guid>https://blog.youkuaiyun.com/zzyhhh/article/details/100110647</guid><author>zzyhhh</author><pubDate>Tue, 27 Aug 2019 23:43:55 +0800</pubDate><description><![CDATA[/* 结构伪类选择器 */
/找到父级元素中所有的子元素， 再找第-一个子元素是p标签/
p:first-child {
background-color: pink;
}
    /* 找到父级元素中所有的子元素， 再找第最后一个元素是p标签 */
    p:last-child {
        background-color: red
    }

    /* 找到所有的子元素，再找...]]></description><category></category></item></channel></rss>