<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[qq_35396397的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/qq_35396397</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; qq_35396397]]></copyright><item><title><![CDATA[Js新闻滚动小案例]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103644031</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103644031</guid><author>qq_35396397</author><pubDate>Mon, 23 Dec 2019 15:37:14 +0800</pubDate><description><![CDATA[新闻滚动小案例：
把第一个放在最后的位置
此代码重点：list.appendChild(list.children[0]);
js部分：
var view = document.getElementById("view");
    var list = document.getElementById("list"); 

    function nextPage(){
        $_an...]]></description><category></category></item><item><title><![CDATA[Js无缝轮播图]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103644067</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103644067</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 14:26:33 +0800</pubDate><description><![CDATA[无缝轮播一：（精准版）
Js部分：
// 获得元素
    var slider = document.getElementById("slider");
    var ul = slider.children[0].children[0];  //
    var ullis = ul.children;  //所有的li

    // 1、动态复制最后一张图
    ul.appendCh...]]></description><category></category></item><item><title><![CDATA[js动画（封装）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103643988</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103643988</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 14:19:42 +0800</pubDate><description><![CDATA[js动画应用
1.凡是可以看到过渡效果的基本都可以用到js动画
2.在一些库中有东阿虎方法封装。例如jq vue 都有
3.常用：轮播，无缝轮播，滚动联动 图片放大变小过渡，…
主要通过setInterval 实现的
用css 动画融合js 实现动画
ani动画方法封装方式
1.给哪个元素绑定动画       el
1.1 获取一下元素对象
2.这个元素移动的位移是多少  st
2.1 当前的位置...]]></description><category></category></item><item><title><![CDATA[密码验证（正则）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103643974</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103643974</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 14:16:42 +0800</pubDate><description><![CDATA[用正则验证登录密码
思路：1.先验证内容是否合法
2.在合法前提下，处理长度问题
3.在满足合法；长度满足前提下，在处理强度问题
div 部分：
&lt;div class="box"&gt;
        &lt;input type="password"&gt;&lt;span&gt;&lt;/span&gt;
        &lt;div&gt;
            &lt;butt...]]></description><category></category></item><item><title><![CDATA[正则]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103643811</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103643811</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 14:14:45 +0800</pubDate><description><![CDATA[正则
http://regexper.com
修饰符
g: 全局匹配
可以匹配到 0- 多个结果
i: 匹配大小写
m 多行收缩
元字符
正则表达式有两种基本字符 元字符 原义文本字符
原义概念：表示代表本来文本的字符；
元字符：再正则表达式中有特殊意义的字符
.* + ? $ ^ | \ () {} [] \n \d \w \r\ Q \f \b \cX…
[]   或  字符类；将一堆字符放在...]]></description><category></category></item><item><title><![CDATA[Js四级联动(下拉框选择地区)]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103643792</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103643792</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 14:00:08 +0800</pubDate><description><![CDATA[数据与视图
如何根据数据渲染视图思路?
1:了解已知的数据接结构
2: 知到你要的数据是什么
3: 知道你的页面结构是什么？
4: 想办法拿到你想要的数据；方式有：数组对象的遍历；数组内置API 字符拼API  字符串变数组；数组变字符串，等基本操作。
5：看数据获取到的数据与你搭建的页面结构是否符合？
6：让你获取的数据与你搭建的页面结构相吻合。想办法：处理数据或者调整html结构 实现样式
7...]]></description><category></category></item><item><title><![CDATA[函数（回调函数、函数作用域、练习）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103643572</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103643572</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 13:55:11 +0800</pubDate><description><![CDATA[函数
1：定义：function
2: 函数分类：有名  无名
3：参数：形参 实参
4：执行：函数名()
5: 实参数集合：arguments  伪数组
变真数组 []…arguments]
参数
参数可以是js 任意数据类型
*** 当参数为函数时候，那么该函数叫回调函数
1：回调函数是异步程序。
回调函数
/**
   *  异步什么时候开始的
   *  异步执行完毕了
   *  告诉外...]]></description><category></category></item><item><title><![CDATA[数组（最大最小值、排序、去重、api遍历）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103643441</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103643441</guid><author>qq_35396397</author><pubDate>Sat, 21 Dec 2019 13:32:09 +0800</pubDate><description><![CDATA[数组中内置api
用途：处理复杂的数据结构。对象数组 字符串组合
难点：数据打乱重组
1: 对数据的基本操作；数组基本操作（增删改查） 对象基本操作  字符串基本操作（拼接 替换 删除 切割 截取…）
数组基本操作
1：查  --&gt; 获取数组中的数据 arr[index]  for…获取所有


获取第一个 arr[0]


获取最后一个 arr[arr.length-1]


获取倒数第二...]]></description><category></category></item><item><title><![CDATA[Js--点击收藏小案例]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103493829</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103493829</guid><author>qq_35396397</author><pubDate>Wed, 11 Dec 2019 15:55:17 +0800</pubDate><description><![CDATA[Js–点击收藏小案例
用Js实现点击收藏效果，且在原有收藏量基础上增减
思路：点击收藏时设置想要的样式以及数量增1
相反 点击取消收藏 将数量减1
废话不多说，干货如下（具体详解在代码处）：
Js 代码实现
var heart = document.getElementsByClassName("icon-xin");
    var span = document.getElementsByCl...]]></description><category></category></item><item><title><![CDATA[JS----预编译及变量提升详解]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103324031</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103324031</guid><author>qq_35396397</author><pubDate>Sat, 30 Nov 2019 14:12:11 +0800</pubDate><description><![CDATA[JS----预编译及变量提升详解
JS属于解释型语言，在执行过程中顺序执行，但是会分块先预编译然后才执行。因此在JS中存在一种变量提升的现象。搞懂预编译环节，变量提升自然而然也就懂了。本文讲围绕以下几点进行介绍（变量提升会穿插在其中讲解）：
预编译执行步骤
示例演示
预编译执行步骤
预编译发生在函数执行的前一刻，过程如下：
创建AO对象，执行期上下文（后面更新关于执行期上下文详解）。
寻找函数的形...]]></description><category></category></item><item><title><![CDATA[Js作用域简单认识]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103323935</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103323935</guid><author>qq_35396397</author><pubDate>Sat, 30 Nov 2019 14:04:49 +0800</pubDate><description><![CDATA[Js作用域简单认识
变量的作用域无非就是两种：全局变量和局部变量。
Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。
var n=999;
function f1(){
　　　　alert(n);
　　}
f1(); // 999
另一方面，在函数外部自然无法读取函数内的局部变量。
Js代码
function f1(){
　　　　var n=999;
　　}
alert(n...]]></description><category></category></item><item><title><![CDATA[Js-常用的内置对象（API）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103290765</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103290765</guid><author>qq_35396397</author><pubDate>Thu, 28 Nov 2019 11:47:27 +0800</pubDate><description><![CDATA[js学习—常用的内置对象（API）小结 ：
内置对象(API)：
日期
Date:
getFullYear() 返回完整的4位的年份  如：2016
getMonth()    返回月份，从0开始
getDate()   返回当前月的第几天,当月的几号
getHours()   返回0-23的小时数字
getMinutes()  返回0-59的分钟数字
getSeconds()  返回0-59的秒...]]></description><category></category></item><item><title><![CDATA[css Table布局-display:table]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103193560</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103193560</guid><author>qq_35396397</author><pubDate>Fri, 22 Nov 2019 16:58:02 +0800</pubDate><description><![CDATA[使用表格布局一直是一个敏感的主题。一般情况下，Web开发人员考虑基于表格布局是禁忌。
	尽管反对的理由看起来证据很充分，但是大多数开发者除了谴责基于表格的布局，都无法提供完善的使用场景。
	“表格不好。”
	
		从早期反对HTML Table（&lt;table&gt;标签）开始这种势头就非常强劲。
	几代开发者被成功洗脑，根深蒂固的认为：任何使用表格都是邪恶的。

		诚然，我也是避免使用...]]></description><category></category></item><item><title><![CDATA[JavaScript（入门）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103193453</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103193453</guid><author>qq_35396397</author><pubDate>Fri, 22 Nov 2019 02:06:51 +0800</pubDate><description><![CDATA[JavaScript（入门）
JavaScript：
- 是运行在客户端的网页编程语言，是基于对象和事件驱动并具安全性脚本语言。

Js组成：

ECMAScript       Js标准
DOM    通过Js操作网页
BOM 通过api操作浏览器

Js特点：
1.解释执行
2.动态语言
3.基于对象
- 面向过程
4.具有跨平台性  ，依赖于浏览器本身
5.安全性和简单性
Js运行顺序：
-...]]></description><category></category></item><item><title><![CDATA[炫酷的太阳系（html+css）]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103193426</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103193426</guid><author>qq_35396397</author><pubDate>Fri, 22 Nov 2019 01:24:34 +0800</pubDate><description><![CDATA[炫酷的太阳
@keyframes rotate{
        from{
            transform: rotate(0deg);
        }
        to{
            transform: rotate(-360deg);
        }
    }
    *{
        margin: 0;
        padding: 0;
...]]></description><category></category></item><item><title><![CDATA[Js中的多行注释与快捷键]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103092430</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103092430</guid><author>qq_35396397</author><pubDate>Fri, 15 Nov 2019 21:13:17 +0800</pubDate><description><![CDATA[Js中的多行注释与快捷键
添加必要的注释，对一个有责任心、有道德模范的前端必须具备的好习惯，可以大大提高代码的可维护性、可读性。
java代码注释快捷键：ctrl+shift+/
首先熟悉一下html、css、js的注释的写法：
1、HTML注释语法：

2、css注释语法
/* 注释内容 /
/ ----------文字样式开始---------- */
3、javaScript注释
//注释内...]]></description><category></category></item><item><title><![CDATA[禁止对文本操作的属性]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/103079345</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/103079345</guid><author>qq_35396397</author><pubDate>Fri, 15 Nov 2019 09:41:25 +0800</pubDate><description><![CDATA[禁止对文本操作的属性
禁止鼠标右键：οncοntextmenu=“return false”；
禁止选择：onselectstart=“return false”；
禁止拖放：οndragstart=“return false”；
禁止拷贝：οncοpy=document.selection.empty() 。
禁止复制：oncopy = “return false”；
禁止保存：，放在head里...]]></description><category></category></item><item><title><![CDATA[转换、过渡、动画（css属性）、媒体查询]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/102987417</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/102987417</guid><author>qq_35396397</author><pubDate>Sat, 09 Nov 2019 15:21:54 +0800</pubDate><description><![CDATA[标题
转换、过渡、动画（css属性）
。。。无透视，不3D
转换：
transform
		translate(X轴,Y轴)    -------平移效果
		scale(X轴，Y轴) --------放大或者缩小
		rotate(角度)  -------旋转
		skew(X轴，Y轴)  -----------倾斜

transform-origin() -------以某个原点进行转化
pe...]]></description><category></category></item><item><title><![CDATA[弹性布局]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/102986721</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/102986721</guid><author>qq_35396397</author><pubDate>Sat, 09 Nov 2019 15:15:44 +0800</pubDate><description><![CDATA[四种布局方式：
流式布局（默认）
浮动
定位
弹性布局
弹性布局
伸缩盒flex：（新版本）
display:flex
    flex-direction 所有子项如何在flex不居中排列
    		row         横向左对齐
    		row-reverse      横向右对齐
    		column          纵向上对齐
    		column-reverse   ...]]></description><category></category></item><item><title><![CDATA[栅格系统]]></title><link>https://blog.youkuaiyun.com/qq_35396397/article/details/102986495</link><guid>https://blog.youkuaiyun.com/qq_35396397/article/details/102986495</guid><author>qq_35396397</author><pubDate>Sat, 09 Nov 2019 14:22:16 +0800</pubDate><description><![CDATA[栅格系统
1：栅格应用的是，媒体查询技术
2.间隔一个容器等分为12小分
3.应用在布局上
原理：主要是通过设置元素的宽度完成，文卫为百分比：

当一个元素只有一个col-xx时候；不看尺寸，只看元素宽度；例如：col-xx-12宽度为100%
当一个元素有多个col-xx，先看【屏幕尺寸】，再看元素宽度 ；例如：col-xx-6宽度为50%

栅格大类：
.col
尺寸划分
.col-xs  &...]]></description><category></category></item></channel></rss>