# awesome-blackmagic

**Repository Path**: webfrontup/awesome-blackmagic

## Basic Information

- **Project Name**: awesome-blackmagic
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-08-03
- **Last Updated**: 2021-10-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# awesome-blackmagic

![blackmagic-banner](https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/banner.png "awesome-blackmagic")

我们在web开发过程中，都会或多或少遇到过一些非常规需求，需要巧妙的应用我们所掌握的技术那不为人知的一面，这类奇技淫巧，我们称之为黑魔法。awesome-blackmagic项目将为web开发人员定期分享这些神奇的技术应用。

<br />

## :tophat:魔法说明

<a href="#black">黑魔法：js/ts/es6、7</a>

<a href="#blue">蓝魔法：react/vue/angular等前端框架</a>

<a href="#green">绿魔法：nodejs</a>

<a href="#red">红魔法：web安全</a>

<a href="#purple">紫魔法：工具</a>

<a href="#yellow">黄魔法：html/css</a>

<a href="#orange">橙魔法：golang\php等</a>

<br />

##  :clap: 欢迎参与​

如果你有兴趣参与，可以把发现的有价值的信息、文章等在[Issues](https://github.com/Tnfe/awesome-blackmagic/issues)里提给我们，记得写上推荐的理由哈，我们会尽快处理。有建议和意见也欢迎到[Issues](https://github.com/Tnfe/awesome-blackmagic/issues)提出。

<br />

## 
## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/black.png" width="35" id="black" style="margin-right:5px; vertical-align:middle;">黑魔法：
- [使用atob解码utf-8字符](http://levy.work/2017-03-24-black-magic-js-atob-with-utf8/)
- [调试黑魔法](<https://juejin.im/post/5c9bce616fb9a070ac66b700>)
- [JS黑魔法之this, setTimeout/setInterval, arguments](https://www.cnblogs.com/joyeecheung/p/4018212.html)
- [为什么等于10？](<https://blog.csdn.net/bug_zero/article/details/54142159>)
- [setTimeout 的黑魔法](http://web.jobbole.com/86022/)
- [拿Proxy可以做哪些有意思的事儿](https://segmentfault.com/a/1190000015009255)
- [适配器在JavaScript中的体现](https://segmentfault.com/a/1190000016453875)
- [JAVASCRIPT 的黑魔法 JSFUCK](<http://www.zoopaper.com/?p=418>)
- [JS无形装逼，最为致命](<https://juejin.im/post/5cc55eb5e51d456e577f93f0>)
- [JavaScript黑魔法jother编码之谜](<http://www.jwsblog.com/archives/43.html>)
- [V8源码边缘试探-黑魔法指针偏移](<http://www.fdlly.com/p/1450821097.html>)


## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/blue.png" width="35" id="blue" style="margin-right:5px; vertical-align:middle;">蓝魔法：
- [Redux 的黑魔法](<https://my.oschina.net/yinyongcom666/blog/648423>)
- [【webpack 黑魔法】问题： vue-loader.conf.js 配置的 postcss 对外置 less 文件无效](https://zhuanlan.zhihu.com/p/28926961)
- [Vue中你不知道但却很实用的黑科技](https://segmentfault.com/a/1190000007694540)
- [Portal + SyntheticEvent + Iframe](https://blog.crimx.com/2018/07/15/react-dark-magic-portal-synthetic-event-iframe/)
- [Deep In React（五）setState中的黑魔法](https://hateonion.me/posts/19jan14/)
- [react-redux生产环境追踪action,state流的黑魔法](http://ju.outofmemory.cn/entry/344147)
- [Angular Query黑魔法](https://segmentfault.com/a/1190000013036283)
- [关于 ReactJS 生命周期以外的性能提升奇技淫巧](<https://blog.csdn.net/qq_42494205/article/details/85045727>)
- [Vue的奇技淫巧](https://blog.asaki.me/2018/04/09/)
- [Redux 的黑魔法](https://my.oschina.net/yinyongcom666/blog/648423)

## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/green.png" width="35" id="green"  style="margin-right:5px; vertical-align:middle;">绿魔法：

- [nodeJS之crypto模块公钥加密及解密](https://www.cnblogs.com/tugenhua0707/p/9131342.html)
- [在 NodeJS 中正确关闭浏览器](https://github.com/fool2fish/blog/issues/8)
- [前后分离的架构以及Node在其中的作用](https://limu.iteye.com/blog/2042700)
- [Node黑魔法之无痛用上多线程](https://zhuanlan.zhihu.com/p/35353355)
- [Nodejs优化的小小黑科技](https://juejin.im/post/584e74b5128fe10058b2aa6b)
- [Nodejs技巧之----Joi数据校验](https://www.jianshu.com/p/e6e277c1fda2)
- [node.js cluster多进程、负载均衡和平滑重启](https://www.cnblogs.com/kenkofox/p/5431643.html)

## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/red.png" width="35" id="red" style="margin-right:5px; vertical-align:middle;">红魔法：

- [利用Node.js反序列化的漏洞执行远程代码](<http://www.myhack58.com/Article/html/3/62/2017/83324.htm>)
- [远程控制地址栏](https://mp.weixin.qq.com/s/T4jQUdS-rar7hr2EWilJrw?)
- [渗透测试之反弹shell命令分析](<http://www.myhack58.com/Article/html/3/8/2017/87336.htm>)
- [【WEB 安全】前端够得到的 Web 安全](https://github.com/zwwill/blog/issues/8)
- [常见 Web 安全攻防总结](https://juejin.im/entry/5a559dd36fb9a01c9e45d896)
- [前端黑魔法之URL](https://mp.weixin.qq.com/s?__biz=MzUzNjg5ODkxMA==&mid=2247483714&idx=1&sn=17e620c9898d6f931fb733804b2732c3&chksm=faee7d73cd99f4651ffbd8a19521eedb2d7fa4d20ac5d2c82b56d592bcc58ded293790d7ca90&bizpsid=0&scene=126&subscene=0&ascene=3&devicetype=android-28&version=2700033b&nettype=WIFI&abtest_cookie=AwABAAoACwATAAQAI5ceAFaZHgDFmR4A3JkeAAAA&lang=zh_CN&pass_ticket=Ch91%2Fge40ghMpyJNp0Ffkd5WuEY1Uu%2FUdoLD51k78pissbuBmYfZweyawYX2VJ6A&wx_header=1)
- [Web安全漏洞之SSRF](https://juejin.im/post/5b95ce0df265da0acb13752c)
- [更安全的https && https的问题](https://www.cnblogs.com/zhuzhenwei918/p/7392224.html)
- [XSS、CSRF与验证码](https://www.cnblogs.com/zhuzhenwei918/p/6053955.html)
- [黑魔法：断网离线也能看的页面](http://bestxtech.com/?p=99)
- [关于Web安全的三个攻防姿势](http://blog.nsfocus.net/offensive-defensive-stances-web-security/)
- [HTTPS及HTTPS中间人攻击](<http://netsecurity.51cto.com/art/201702/531356.htm>)

## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/purple.png" width="35" id="purple" style="margin-right:5px; vertical-align:middle;">紫魔法：
- [Git Merge时“交换文件.MERGE_MSG.swp已经存在”的问题](https://blog.csdn.net/sinat_33087001/article/details/80935285)
- [gitignore 不起作用的解决办法](https://www.cnblogs.com/sloong/p/5523244.html)
- [移动端调试工具-Debuggap](https://www.cnblogs.com/yzg1/p/5160594.html)
- [量化平分浏览器支持的 HTML5的新特性，一共555每个小点算一个](http://html5test.com/)
- [Webpack 黑魔法之 CSS Entry](https://zhuanlan.zhihu.com/p/40444817)
- [前端打包构建工具 Gulp、Rollup、Webpack、Webpack-stream](https://juejin.im/entry/58a24dbd2f301e006957c1cb)
- [whistle--前端调试利器](https://www.twblogs.net/a/5c09221abd9eee6fb37b4916/zh-cn)
- [AlloyDesigner - 前端开发工具](http://chromecj.com/web-development/2019-04/2189.html)
- [Git多项目管理](https://www.jianshu.com/p/284ded3d191b)
- [Web调试工具Charles](https://juejin.im/post/5a3b6ab06fb9a0452405fffa#heading-1)

## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/yellow.png" width="35" id="yellow" style="margin-right:5px; vertical-align:middle;">黄魔法：

- [Dirty Tricks From The Dark Corners Of Front-End](https://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt1.html)
- [断网离线也能看的页面](<https://learnku.com/articles/4713/black-magic-a-broken-web-offline-view>)
- [CSS技巧：逐帧动画抖动解决方案](https://aotu.io/notes/2017/08/14/fix-sprite-anim/)
- [不可思议的纯 CSS 滚动进度条效果](https://www.cnblogs.com/coco1s/p/10244168.html)
- [css黑魔法之鼠标微交互](http://zhongwenhao.cn/2018/04/01/css-pointer-events-none/)
- [前端开发中的一些黑魔法Pt2 + css3](https://www.qdskill.com/css3/2710.html)
- [前端黑魔法之css3以及h5](https://blog.csdn.net/chenshuyang716/article/details/50765174)
- [css实现气泡框效果](https://www.cnblogs.com/tugenhua0707/p/3391249.html)
- [iframe黑魔法](https://erasermeng.github.io/2016/10/09/iframe%E9%BB%91%E9%AD%94%E6%B3%95/)
- [CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅](<https://github.com/jawil/blog/issues/29>)

## <img src="https://raw.githubusercontent.com/Tnfe/awesome-blackmagic/master/assets/orange.png" width="35" id="orange" style="margin-right:5px; vertical-align:middle;">橙魔法：

- [CTF之PHP黑魔法总结](<http://www.am0s.com/ctf/128.html?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io>)
- [php黑魔法-moctf](<https://blog.csdn.net/xiaorouji/article/details/79602713>)
- [python黑魔法](<https://blog.ihypo.net/python.html>)
- [PHP 弱类型与黑魔法](https://latec0mer.com/archives/php-type-convertion-and-black-magic.html)
- [php黑魔法](https://www.t00ls.net/articles-39098.html?page=2)
- [PHP函数黑魔法小总结](https://skysec.top/2017/07/22/PHP%E5%87%BD%E6%95%B0%E9%BB%91%E9%AD%94%E6%B3%95%E5%B0%8F%E6%80%BB%E7%BB%93/)
- [php黑魔法【CTF中php总结】](https://blog.csdn.net/nzjdsds/article/details/82019297)
- [Go语言黑魔法](https://studygolang.com/articles/2909)
- [Golang 黑魔法之 4 倍性能提升](https://jqs7.com/golang-black-magic-4x-app-faster/)
- [Go黑技巧](https://lihaoquan.me/2016/11/19/go-magic.html)