<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[你听见了吗]]></title><description><![CDATA[搞一搞]]></description><link>https://blog.youkuaiyun.com/JaxHu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; JaxHu]]></copyright><item><title><![CDATA[js性能优化之防抖与节流]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/102873788</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/102873788</guid><author>JaxHu</author><pubDate>Sat, 02 Nov 2019 16:46:42 +0800</pubDate><description><![CDATA[防抖
函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。
节流
函数节流（throttle）：当持续触发事件时，保证一定时间段内只调用一次时间处理函数。
节流的定义应该比较好理解，举例来说就是，你在疯狂点击短视频里面的“点亮红心”按钮，比如你10s点击了1000次，但是节流的做法就是在这1...]]></description><category></category></item><item><title><![CDATA[CSS中的长度单位]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/100669757</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/100669757</guid><author>JaxHu</author><pubDate>Mon, 09 Sep 2019 17:59:40 +0800</pubDate><description><![CDATA[CSS中的长度单位
CSS中的单位最常用的是px，但是肯定也会遇到em，cm等其他单位，掌握这些单位的特质才能灵活运用这么多不同的单位。
长度单位包括包括：


相对单位

em,ex,ch,rem,vw,vh,vmax,vmin


绝对单位

cm,mm,q,in,pt,pc,px




绝对单位
我们在这里只介绍常用绝对单位。绝对单位中最常用的是px，绝对单位之间的换算如下：
1in = ...]]></description><category></category></item><item><title><![CDATA[spa前端路由的演变与实现机制]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/100107131</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/100107131</guid><author>JaxHu</author><pubDate>Wed, 28 Aug 2019 16:16:56 +0800</pubDate><description><![CDATA[spa前端路由的原理与实现方式spa是什么前端路由是什么
spa是什么

百科：单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。

单页的页面即为一个html页面，可以理解为，某个应用中所有的其他页面和单元均为一个预设好的根页面的子组件，通过js，css来...]]></description><category></category></item><item><title><![CDATA[js中的闭包是什么，有什么用，有什么缺陷]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/97321166</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/97321166</guid><author>JaxHu</author><pubDate>Fri, 26 Jul 2019 00:18:48 +0800</pubDate><description><![CDATA[闭包是什么


闭包是可以访问另一个函数作用域中变量的函数。简单地说就是定义在一个函数内部的另一个子函数。


闭包有什么用


闭包可以访问到函数内部的变量；从而实现封装。



var Person = function(){  
    var name = "jax"; //变量作用域为函数内部，外部无法访问 
    //返回两个闭包函数 
    return {  
       ...]]></description><category></category></item><item><title><![CDATA[Flexbox弹性盒子]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/97186141</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/97186141</guid><author>JaxHu</author><pubDate>Thu, 25 Jul 2019 00:21:37 +0800</pubDate><description><![CDATA[什么是flexbox


定义一个flex box（伸缩盒布局），需要在一个父级元素上使用display属性的值：flex或inline-flex。这个父级元素将成为flex container（伸缩容器），而它的所有子元素将变成flex item（伸缩项）。

使用flex 值能将元素渲染成为一个块级容器，而使用inline-flex值则是渲染成一个行内伸缩容器。这些值会将元素格式化，产生fle...]]></description><category></category></item><item><title><![CDATA[JS常用工具方法]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/94553666</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/94553666</guid><author>JaxHu</author><pubDate>Wed, 03 Jul 2019 10:56:32 +0800</pubDate><description><![CDATA[1、isStatic：检测数据是不是除了symbol外的原始数据


function isStatic(value) {
    return(
        typeof value === 'string' ||
        typeof value === 'number' ||
        typeof value === 'boolean' ||
        typeof...]]></description><category></category></item><item><title><![CDATA[jQuery源码导航]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/89963732</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/89963732</guid><author>JaxHu</author><pubDate>Wed, 08 May 2019 17:41:14 +0800</pubDate><description><![CDATA[jQuery源码框架导航
jQuery的适用面非常的广，用了很久，现在突然想提笔记录一下研读JQuery源码的过程。写文章的时候去jQuery官网查看了一下，最新的jQuery版本是3.4.1，本次解析选择了3.3.1版本进行学习记录，虽然小版本会有一些差异，但是大体的框架和实现的功能都差不多，代码所在的位置也大致相同。

write less,do more

本文会依据《jQuery技术内幕：...]]></description><category></category></item><item><title><![CDATA[JS中常用的几种组织架构图的优点]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/88417561</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/88417561</guid><author>JaxHu</author><pubDate>Tue, 12 Mar 2019 11:51:56 +0800</pubDate><description><![CDATA[jOrgChart

https://github.com/wesnolte/jOrgChart



	给定一个嵌套无序列表元素，容易使用。
	
	
	其中的拖放功能允许重新排序树和底层的&amp;lt;ul&amp;gt;结构。
	
	通过点击相应的节点来显示/隐藏树的特定分支。
	节点可以包含除&amp;lt;li&amp;gt;和&amp;lt;ul&amp;gt;之外的任何数量的HTML。
	风格简单。
	子树折叠，对于大型组织架...]]></description><category></category></item><item><title><![CDATA[JS中创建对象的常用模式浅析]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/88172715</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/88172715</guid><author>JaxHu</author><pubDate>Tue, 05 Mar 2019 15:08:12 +0800</pubDate><description><![CDATA[在JavaScript中一切都可以看作为对象，那么了解和创建对象是在学习和工作中必不可少的环节。此文对JavaScript中创建对象的几种模式进行分析。

工厂模式

当我们使用对象字面量或者Object构造函数的方法创造很多类似对象的时候，难以避免的会产生大量重复代码。于是在JS中实现了一种工厂模式解决，用函数封装某种指定类型的接口的创建细节。


function createPerson(n...]]></description><category></category></item><item><title><![CDATA[Odoo中的JS继承机制解析]]></title><link>https://blog.youkuaiyun.com/JaxHu/article/details/88126021</link><guid>https://blog.youkuaiyun.com/JaxHu/article/details/88126021</guid><author>JaxHu</author><pubDate>Mon, 04 Mar 2019 17:49:05 +0800</pubDate><description><![CDATA[ODOO中JS的继承有什么用？

  Odoo中有相当多的视图，挂件等组件，在产品拥有个性化定制需求的时候，我们要修改某些widgets或者classes，那么就需要理解Odoo中前端框架的JS架构，并且掌握继承JS的方法。

JS继承方法


var new_class = demo_class.extend({
    demo_method: function() {
        r...]]></description><category></category></item></channel></rss>