博客园 - 不得不爱xxy
uuid:6cbd1ba2-f883-4c34-aed1-30dde64a3a3e;id=668301
2020-05-25T13:11:58Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
feed.cnblogs.com
https://www.cnblogs.com/xinxingyu/p/12960801.html
git stash - 不得不爱xxy
<img src="https://upload-images.jianshu.io/upload_images/7515749-96b471ca182af106.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/651/format/webp" class="desc_img">git stash用法
2020-05-25T12:57:00Z
2020-05-25T12:57:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】<img src="https://upload-images.jianshu.io/upload_images/7515749-96b471ca182af106.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/651/format/webp" class="desc_img">git stash用法
<a href="https://www.cnblogs.com/xinxingyu/p/12960801.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/12960755.html
Event Loop、 宏任务和微任务 - 不得不爱xxy
本文将介绍我自己对JS 和 的理解。 二话不说先上图: 接下来将会针对此图讲解什么是Event Loop 什么事宏任务和微任务(其实聪明的你们通过图大体也能了解的是吧~),再此之前先简单介绍几个概念。 为何js是单线程 JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScr
2020-05-25T12:47:00Z
2020-05-25T12:47:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】本文将介绍我自己对JS 和 的理解。 二话不说先上图: 接下来将会针对此图讲解什么是Event Loop 什么事宏任务和微任务(其实聪明的你们通过图大体也能了解的是吧~),再此之前先简单介绍几个概念。 为何js是单线程 JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScr <a href="https://www.cnblogs.com/xinxingyu/p/12960755.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/6420573.html
高性能 CSS3 动画 - 不得不爱xxy
高性能 CSS3 动画 高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。 关于流畅度,主要体现在前端动画
2017-02-20T09:35:00Z
2017-02-20T09:35:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】高性能 CSS3 动画 高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额外关注对用户基站网络流量使用的情况,设备耗电量的情况。 关于流畅度,主要体现在前端动画 <a href="https://www.cnblogs.com/xinxingyu/p/6420573.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/6244375.html
getComputedStyle 方法 - 不得不爱xxy
一:getComputedStyle getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。 语法如下: var style = window.getComputedStyl
2017-01-03T03:58:00Z
2017-01-03T03:58:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】一:getComputedStyle getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。 语法如下: var style = window.getComputedStyl <a href="https://www.cnblogs.com/xinxingyu/p/6244375.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/6091631.html
supervisor-3:xml_rpc - 不得不爱xxy
别人博客转载,做个记录 原文链接:http://lixcto.blog.51cto.com/4834175/1540795 supervisor提供的两种管理方式,supervisorctl和web其实都是通过xml_rpc来实现的。 xml_rpc其实就是本地可以去调用远端的函数方法,然后函数方法
2016-11-22T15:20:00Z
2016-11-22T15:20:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】别人博客转载,做个记录 原文链接:http://lixcto.blog.51cto.com/4834175/1540795 supervisor提供的两种管理方式,supervisorctl和web其实都是通过xml_rpc来实现的。 xml_rpc其实就是本地可以去调用远端的函数方法,然后函数方法 <a href="https://www.cnblogs.com/xinxingyu/p/6091631.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/6091606.html
supervisor-2:event - 不得不爱xxy
转载别人博客,做个记录 原文链接:http://lixcto.blog.51cto.com/4834175/1540169 supervisor的event机制其实,就是一个监控/通知的框架。抛开这个机制实现的过程来说的话,event其实就是一串数据,这串数据里面有head和body两部分。咱们先弄
2016-11-22T15:13:00Z
2016-11-22T15:13:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】转载别人博客,做个记录 原文链接:http://lixcto.blog.51cto.com/4834175/1540169 supervisor的event机制其实,就是一个监控/通知的框架。抛开这个机制实现的过程来说的话,event其实就是一串数据,这串数据里面有head和body两部分。咱们先弄 <a href="https://www.cnblogs.com/xinxingyu/p/6091606.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/6091567.html
supervisor-1:基础篇 - 不得不爱xxy
别人博客转载,做个记录 原文链接:http://lixcto.blog.51cto.com/4834175/1539136 有阵子没写博客了,这段时间一直在研究python django框架和前端相关的东西。楼主学通信的,对web这一块啥也不懂,学了一个礼拜django,接着学了2个礼拜前端,感觉还
2016-11-22T15:03:00Z
2016-11-22T15:03:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】别人博客转载,做个记录 原文链接:http://lixcto.blog.51cto.com/4834175/1539136 有阵子没写博客了,这段时间一直在研究python django框架和前端相关的东西。楼主学通信的,对web这一块啥也不懂,学了一个礼拜django,接着学了2个礼拜前端,感觉还 <a href="https://www.cnblogs.com/xinxingyu/p/6091567.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/6075881.html
前端跨域问题的几种解决方案 - 不得不爱xxy
前端跨域问题 一:同源策略 1.what's this 所谓同源是指,域名,协议,端口相同。当浏览器运行一个JS脚本时会进行同源检测,如果不同源是不能执行的。 2.源继承 来自about:blank,javascript:和data:URLs中的内容,继承了将其载入的文档所指定的源,因为它们的URL
2016-11-17T14:53:00Z
2016-11-17T14:53:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】前端跨域问题 一:同源策略 1.what's this 所谓同源是指,域名,协议,端口相同。当浏览器运行一个JS脚本时会进行同源检测,如果不同源是不能执行的。 2.源继承 来自about:blank,javascript:和data:URLs中的内容,继承了将其载入的文档所指定的源,因为它们的URL <a href="https://www.cnblogs.com/xinxingyu/p/6075881.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5920039.html
js类数组 - 不得不爱xxy
类数组 - [ Array-like ] : objects 1. what's Array-like 类数组和数组很像,但是数组的很多方法却不能用,这就很尴尬了~ 像 arguments、nodelist 等这些数据有序集合,有长度和下标等属性,但却不是 Array. 这就是所谓的 Array-l
2016-09-29T07:19:00Z
2016-09-29T07:19:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】类数组 - [ Array-like ] : objects 1. what's Array-like 类数组和数组很像,但是数组的很多方法却不能用,这就很尴尬了~ 像 arguments、nodelist 等这些数据有序集合,有长度和下标等属性,但却不是 Array. 这就是所谓的 Array-l <a href="https://www.cnblogs.com/xinxingyu/p/5920039.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5868913.html
H5 video的使用 - 不得不爱xxy
html5 video使用记录: 1.<video>的基本属性: preload: (预加载)iPhone支持,Android不一定支持; poster: (封面图片)iPhone支持,Android不一定支持; autoplay: (自动播放)iPhone中的Safari不支持,webview可能
2016-09-13T08:33:00Z
2016-09-13T08:33:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】html5 video使用记录: 1.<video>的基本属性: preload: (预加载)iPhone支持,Android不一定支持; poster: (封面图片)iPhone支持,Android不一定支持; autoplay: (自动播放)iPhone中的Safari不支持,webview可能 <a href="https://www.cnblogs.com/xinxingyu/p/5868913.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5754055.html
前端优化 - 打开速度1s - 不得不爱xxy
先看一下网页的加载流程: 1.解析html结构2.加载外部脚本和样式表文件3.解析并执行脚本(脚本会阻塞页面的加载)4.DOM树构建完成 (DOMContentLoaded)5.加载图片等外部文件6.页面加载完毕 (load事件) THE WAY: 减少请求数量、减小请求大小 减少请求数量1.将小图
2016-08-09T09:29:00Z
2016-08-09T09:29:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】先看一下网页的加载流程: 1.解析html结构2.加载外部脚本和样式表文件3.解析并执行脚本(脚本会阻塞页面的加载)4.DOM树构建完成 (DOMContentLoaded)5.加载图片等外部文件6.页面加载完毕 (load事件) THE WAY: 减少请求数量、减小请求大小 减少请求数量1.将小图 <a href="https://www.cnblogs.com/xinxingyu/p/5754055.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5736244.html
node - glob模块 - 不得不爱xxy
node的glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件. 这个glob工具基于javascript.它使用了 minimatch 库来进行匹配 用法: 首先下载glob包: npm install glob 调用格式: "globs" 就是模
2016-08-04T04:39:00Z
2016-08-04T04:39:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】node的glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件. 这个glob工具基于javascript.它使用了 minimatch 库来进行匹配 用法: 首先下载glob包: npm install glob 调用格式: "globs" 就是模 <a href="https://www.cnblogs.com/xinxingyu/p/5736244.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5695295.html
JS - 柯里化 - 不得不爱xxy
一:what's this? 柯里化: 是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。其实,柯里化就是用闭包原理实现函数参数的合并,然后再运行函数。 上面的代码,需要注意的是 storedArgs = slice.cal
2016-07-22T07:15:00Z
2016-07-22T07:15:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】一:what's this? 柯里化: 是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。其实,柯里化就是用闭包原理实现函数参数的合并,然后再运行函数。 上面的代码,需要注意的是 storedArgs = slice.cal <a href="https://www.cnblogs.com/xinxingyu/p/5695295.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5688817.html
CustomEvent自定义事件 - 不得不爱xxy
javascript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口发生的一些特定的交互瞬间。通常大家都会认为事件是在用户与浏览器进行交互的时候触发的,其实通过javascript我们可以在任何时刻触发特定的事件,并且这些事件与浏览器创建的事件是相同的。 通过createEvent
2016-07-20T08:27:00Z
2016-07-20T08:27:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】javascript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口发生的一些特定的交互瞬间。通常大家都会认为事件是在用户与浏览器进行交互的时候触发的,其实通过javascript我们可以在任何时刻触发特定的事件,并且这些事件与浏览器创建的事件是相同的。 通过createEvent <a href="https://www.cnblogs.com/xinxingyu/p/5688817.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5687907.html
BFC的深入理解 - 不得不爱xxy
一:BFC是什么东东 了解BFC前先一了解一下Box和Formatting Context (1)B: BOX即盒子,页面的基本构成元素。分为 inline 、 block 和 run-in 三种类型的BOX (2)FC: Formatting Context是W3C的规范中的一种概念。它是页面中的
2016-07-20T04:48:00Z
2016-07-20T04:48:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】一:BFC是什么东东 了解BFC前先一了解一下Box和Formatting Context (1)B: BOX即盒子,页面的基本构成元素。分为 inline 、 block 和 run-in 三种类型的BOX (2)FC: Formatting Context是W3C的规范中的一种概念。它是页面中的 <a href="https://www.cnblogs.com/xinxingyu/p/5687907.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5682191.html
js文件上传 - 不得不爱xxy
DOM: <form id="clueForm" class="insert-dialog" action="/xxx/xxx"method="post" enctype="multipart/form-data" target="hidFrame"> <a href="javascript:voi
2016-07-18T10:11:00Z
2016-07-18T10:11:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】DOM: <form id="clueForm" class="insert-dialog" action="/xxx/xxx"method="post" enctype="multipart/form-data" target="hidFrame"> <a href="javascript:voi <a href="https://www.cnblogs.com/xinxingyu/p/5682191.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5639885.html
node 关键点总结 - 不得不爱xxy
1.I/O密集的地方尽量不要用require。(require是同步I/O操作) eg:正在运行一个HTTP服务器,如果在每个进入的请求上都用了require,就会遇到性能问题。所以通常在程序最初加载时才能使用require和其他同步操作。 2.exports 和 module.exports (1
2016-07-04T03:17:00Z
2016-07-04T03:17:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】1.I/O密集的地方尽量不要用require。(require是同步I/O操作) eg:正在运行一个HTTP服务器,如果在每个进入的请求上都用了require,就会遇到性能问题。所以通常在程序最初加载时才能使用require和其他同步操作。 2.exports 和 module.exports (1 <a href="https://www.cnblogs.com/xinxingyu/p/5639885.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5503033.html
getter & setter - 不得不爱xxy
ECMAScript 5: setter和getter的使用方式: 1.set/get: 2.Object.defineProperty 对于setter和getter的使用场景: 1.私有变量 OR 2.数据绑定 (MVxx等框架的原理) 模板中每个指令/数据绑定都有一个对应的 watcher 对
2016-05-18T09:41:00Z
2016-05-18T09:41:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】ECMAScript 5: setter和getter的使用方式: 1.set/get: 2.Object.defineProperty 对于setter和getter的使用场景: 1.私有变量 OR 2.数据绑定 (MVxx等框架的原理) 模板中每个指令/数据绑定都有一个对应的 watcher 对 <a href="https://www.cnblogs.com/xinxingyu/p/5503033.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5442761.html
AMD and CMD - 不得不爱xxy
AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues/242 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS
2016-04-28T07:11:00Z
2016-04-28T07:11:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues/242 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS <a href="https://www.cnblogs.com/xinxingyu/p/5442761.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xinxingyu/p/5442603.html
DNS域名解析过程 - 不得不爱xxy
图1-10是DNS域名解析的主要请求过程实例图。 如图1-10所示,当一个用户在浏览器中输入www.abc.com时,DNS解析将会有将近10个步骤,这个过程大体描述如下。当用户在浏览器中输入域名并按下回车键后, 第1步: 浏览器会检查缓存中有没有这个域名对应的解析过的IP地址,如果缓存中有,这个解
2016-04-28T06:38:00Z
2016-04-28T06:38:00Z
不得不爱xxy
https://www.cnblogs.com/xinxingyu/
【摘要】图1-10是DNS域名解析的主要请求过程实例图。 如图1-10所示,当一个用户在浏览器中输入www.abc.com时,DNS解析将会有将近10个步骤,这个过程大体描述如下。当用户在浏览器中输入域名并按下回车键后, 第1步: 浏览器会检查缓存中有没有这个域名对应的解析过的IP地址,如果缓存中有,这个解 <a href="https://www.cnblogs.com/xinxingyu/p/5442603.html" target="_blank">阅读全文</a>