<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[unstoppable007的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/unstoppable007</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; unstoppable007]]></copyright><item><title><![CDATA[CSS神奇的操作]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/112298785</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/112298785</guid><author>unstoppable007</author><pubDate>Wed, 06 Jan 2021 21:55:32 +0800</pubDate><description><![CDATA[1、clip-path
切割div

]]></description><category></category></item><item><title><![CDATA[HTML神奇的操作]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/112298682</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/112298682</guid><author>unstoppable007</author><pubDate>Wed, 06 Jan 2021 21:50:16 +0800</pubDate><description><![CDATA[标签
滚动字幕
参见：http://www.360doc.com/content/12/0818/16/8351655_230872993.shtml


]]></description><category></category></item><item><title><![CDATA[JS神奇的操作]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/112152671</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/112152671</guid><author>unstoppable007</author><pubDate>Sun, 03 Jan 2021 20:32:57 +0800</pubDate><description><![CDATA[数组求和

//eval("1+2"); eval将字符串当做JS脚本执行。
const arr = [1,2,3,4];
const sum = eval(arr.join("+"));


]]></description><category></category></item><item><title><![CDATA[获取浏览器的窗口大小的全部方法]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/107839934</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/107839934</guid><author>unstoppable007</author><pubDate>Thu, 06 Aug 2020 15:30:31 +0800</pubDate><description><![CDATA[window.innerWidth 浏览器当前总宽(不是物理屏幕,随浏览器窗口缩小而缩小)
window.innerHeight 浏览器中body可视高(不包括地址栏和F12工具栏)
document.body.(width或height) 自己代码中设置body的width,height
document.body.(clientWidth或clientHeight) document.body.(width或height)+padding;(不包括和margin)
document.body.(off.]]></description><category></category></item><item><title><![CDATA[浏览器兼容（Web前端）]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/106801399</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/106801399</guid><author>unstoppable007</author><pubDate>Wed, 17 Jun 2020 15:53:54 +0800</pubDate><description><![CDATA[一、不同浏览器标签默认的margin和padding不同
解决：css里增加通配符*{margin：0；padding：0}
二、图片默认有间距
解决：设置img样式float：left
三、const类型
解决：IE不支持const定义常量，将所有变量设置为var或者let
四、事件绑定
IE:dom.attachEvent();
其他浏览器：dom.addEventListener();
标准浏览器采用事件捕获的方式对应IE的事件冒泡机制（即标准由最外元素至最内元素或者IE由最内元素到最外元素）最后标准]]></description><category></category></item><item><title><![CDATA[JS继承（实用）]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/106793244</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/106793244</guid><author>unstoppable007</author><pubDate>Tue, 16 Jun 2020 20:51:44 +0800</pubDate><description><![CDATA[前言：JS继承常规共有6种方法，分别：
  1.原型链继承
  2. 构造函数继承
  3. 组合继承（原型链继承+构造函数继承）
  4. 原型式继承
  5. 寄生式继承
  6. 寄生组合式继承
但是真正能使用的只有3和6两种继承而已，应为其他的继承方式都不是完整的继承多会有或多或少的欠缺，接下来就为大家讲解各个继承的详解
首先我们定义一个父类：
function Animal(name){
	this.name = name;
}
Animal.prototype.sayName = functio]]></description><category></category></item><item><title><![CDATA[前端优化（持续更新...）]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/106787646</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/106787646</guid><author>unstoppable007</author><pubDate>Tue, 16 Jun 2020 16:11:45 +0800</pubDate><description><![CDATA[前端优化问题（不断更新中…）
一、减少HTTP请求
  每一个HTTP都会有请求、建立、释放的过程。如果我们有两张图片分别为50kb需要下载，那么下载一张100kb的图片所用的时间会更短。
  解决：
    1.我们可以合并图片（Sprites雪碧图、精灵图）来减少资源的下载次数。
    2.合并CSS和JS。
    3.图片多的页面采用lazyload懒加载技术。
二、减少页面的重绘（Repaint）和回流(Reflow)
  Repaint就是在一个元素的外观被改变，但没有改变布局(宽高)的情况下]]></description><category></category></item><item><title><![CDATA[W3C标准的理解]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/106769851</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/106769851</guid><author>unstoppable007</author><pubDate>Tue, 16 Jun 2020 00:17:12 +0800</pubDate><description><![CDATA[1. W3C是什么？

W3C：万维网联盟（ World Wide Web Consortium），其定义了网页有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior），分别对应三个标：
（1）结构标准主要包括：XHTML、XML等。
（2）表现标准主要包括：CSS等。
（3）行为标准主要包括：W3C DOM、ECMAScript等。

2. 标准内容

(1)需要声明（DOCTYPE）


...]]></description><category></category></item><item><title><![CDATA[页面优化之防抖函数和节流函数]]></title><link>https://blog.youkuaiyun.com/unstoppable007/article/details/105953815</link><guid>https://blog.youkuaiyun.com/unstoppable007/article/details/105953815</guid><author>unstoppable007</author><pubDate>Thu, 07 May 2020 10:30:59 +0800</pubDate><description><![CDATA[一、防抖函数

性质：当我们在短时间内快速多次重复一个相同操作时，只响应第一次或最后一次的操作。
应用场景：input输入框值改变是发请求,onmousemove, resize, onscroll等等
函数体：

function debounce(fn, delay) { //fn要执行的函数，delay表示多少毫秒内就不执行
    let timer = null;
    return ...]]></description><category></category></item></channel></rss>