转自:http://berzniz.com/post/68001735765/javascript-hacks-for-hipsters Javascript Hacks for Hipsters Javascript is so much fun, except when it’s not. There’s always the fear of runtime errors that keeps us thinking all the time while writing code. It m…

1.网址 http://browserhacks.com/ 2.使用 (1)JavaScript Hacks 浏览器js判断 (2)条件注释hack (3)Media Query Hacks 媒体查询hack (4)Property/Value Hacks 属性/值hack (5)Selector Hacks 选择器hack…

JavaScript Hacks,很多都是在网上看到的,觉得好就记下来了.在这里给大家推荐一个项目,里面很多代码片段都值得学习https://github.com/Chalarangelo/30-seconds-of-code 持续补充 统计字符串中各个字符出现的次数 function repeatCount(str) { return str.split('').reduce((pre, cur) => (pre[cur]++ || (pre[cur] = 1), pre), {}) } va…

http://itakeo.com/blog/2015/11/16/allhack/?none=123 Android Selector Hacks .selector:not(*:root) {} Chrome* Safari* Opera≥ 14 Android* JavaScript Hacks var isChromium =!!window.chrome; Chrome* Opera≥ 14 Android4.0.4 Media Query Hacks @media screen an…

使用 flexbox 可以帮助你设计出引人注目的布局,并且在pc端或移动端能够很好的缩放.告别使用浮动的 <div> 元素.绝对定位 和一些JavaScript hacks, 使用仅仅几行 CSS 就可以构建出水平或垂直方向的布局.下面是一些基本的使用案例: 你想要将一个元素放在页面的中间 你想要一组在垂直方向可以一个紧挨一个的布局容器 你像要创建一行按钮或者其它元素,这些元素在小屏幕中可以垂直折叠 这篇文章只囊括了在不使用前缀就可以支持现行标准的浏览器下如何使用 flexbox 的相关信息.…

最近在研读<白帽子讲web安全>和<Web前端黑客技术揭秘>,为了加深印象,闲暇之时做了一些总结. 下面是书中出现的一些专有词汇: POC(Proof Of Concept):观点验证程序,运行这个程序就可以得出预期的结果,也就验证了观点. Payload:有效负载,在病毒代码中实现这个功能的部分. OWASP:开放式Web应用程序安全项目组织,协助个人.企业和机构来发现和使用可信赖软件. XSS(Cross Site Script):跨站脚本攻击,想尽一切办法将你的脚本内容在目标…

Android Selector Hacks WebKit .selector:not(*:root) {} Chrome * Safari * Opera ≥ 14 Android * # JavaScript Hacks var isChromium = !!window.chrome; Chrome * Opera ≥ 14 Android 4.0.4 # Media Query Hacks @media screen and (min-width:0\0) {} Internet Exp…

浏览器兼容之旅的第二站:各浏览器的Hack写法 Browser CSS Hacks Moving IE specific CSS into @media blocks Detecting browsers javascript hacks Browser Specific Hacks Browser-Specific CSS Hacks CSS hacks 大家平时看得多的应该是IE浏览器的hack写法比较多,但对于现代浏览器,比如说Safari.Chrome.Firefox等浏览器的hack写…

关注原来的 JavaScript hacks,上面有一些新的好东西.2018 使用 JavaScript 写代码真的又变得有意思了! Hack #1 — 交换变量 使用数组结构来交换值 let a = 'world', b = 'hello' [a, b] = [b, a] console.log(a) // -> hello console.log(b) // -> world // 是的,很神奇 Hack #2 — 使用解构的 Async/Await 再说一遍,数组结构真的很棒.通过和 a…

摘要:JavaScript 真的是一门很棒的语言,值得学习和使用.对于给定的问题,可以有不止一种方法来达到相同的解决方案.在本文中,我们将只讨论最快的. 本文分享自华为云社区<提高代码效率的 20 个JavaScript 技巧和窍门>,作者:海拥 . 在我们的日常任务中,我们会编写诸如排序.搜索.查找唯一值.传递参数.交换值等功能,所以在这里我列出了我的速记技巧列表! JavaScript 真的是一门很棒的语言,值得学习和使用.对于给定的问题,可以有不止一种方法来达到相同的解决方案.在本文中,…