Coco

Results 348 issues of Coco

作为前端,每日与 URL 打交道是必不可少的。但是也许每天只是单纯的用,对其只是一知半解,随着工作的展开,我发现在日常抓包调试,接口调用,浏览器兼容等许多方面,不深入去理解URL与URL编码则会踩到很多坑。故写下此篇文章,详解一下 URL 。 ## URL 与 URI 很多人会混淆这两个名词。 URL:(Uniform/Universal Resource Locator 的缩写,统一资源定位符)。 URI:(Uniform Resource Identifier 的缩写,统一资源标识符)。 关系: URI 属于 URL 更低层次的抽象,一种字符串文本标准。 就是说,URI 属于父类,而 URL 属于 URI 的子类。URL 是...

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。 其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外,阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下。[jQuery v1.10.2 源码注解 ](https://github.com/chokcoco/jQuery-)。 言归正传,本文讲的是原生 JS 获取、设置元素最终样式的方法。可能平时框架使用习惯了,以 jQuery 为例,使用 .css() 接口就能便捷的满足我们的要求。再看看今天要讲的 window.getComputedStyle ,就像刚接触 JS 的时候,看到 document.getElementById  ...

最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。 其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外,阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下。[jQuery v1.10.2 源码注解 ](https://github.com/chokcoco/jQuery-)。 系列第一篇:[【深入浅出jQuery】源码浅析--整体架构](http://www.cnblogs.com/coco1s/p/5261646.html) 本篇是系列第二篇,标题起得有点大,希望内容对得起这个标题,这篇文章主要总结一下在 jQuery 中一些十分讨巧的 coding 方式,将会由浅及深,可能会有一些基础,但是我希望全面一点,对看文章的人都有所帮助,源码我还一直在阅读,也会不断的更新本文。 即便你不想去阅读源码,看看下面的总结,我想对提高编程能力,转换思维方式都大有裨益,废话少说,进入正题。 ## 短路表达式 与 多重短路表达式 短路表达式这个应该人所皆知了。在...

https://csscoco.com/inspiration/#/./layout/grid-clip-path-gta5-poster csc inspiration guide online

Gitalk
grid-clip-path-gta5-poster

https://chokcoco.github.io/CSS-Inspiration/#/./layout/best-way-to-center-element csc inspiration guide online

Gitalk
best-way-to-center-element

https://chokcoco.github.io/CSS-Inspiration/#/./layout/masonry-layout-flex csc inspiration guide online

Gitalk
masonry-layout-flex

https://chokcoco.github.io/CSS-Inspiration/#/./svg/svg-btn-hover csc inspiration guide online

Gitalk
svg-btn-hover

https://chokcoco.github.io/CSS-Inspiration/#/ csc inspiration guide online

Gitalk
home

https://chokcoco.github.io/CSS-Inspiration/#/./layout/double-wing-layout csc inspiration guide online

Gitalk
double-wing-layout

https://csscoco.com/inspiration/#/./svg/svg-feTurbulence-harmony-logo.md csc inspiration guide online

Gitalk
svg-feTurbulence-harmony-logo