Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tnfe/awesome-blackmagic

🎭 ♠♥奇技淫巧 💠黑魔法大集合♦♣ 👺
https://github.com/tnfe/awesome-blackmagic

List: awesome-blackmagic

awesome heimofa magic

Last synced: about 1 month ago
JSON representation

🎭 ♠♥奇技淫巧 💠黑魔法大集合♦♣ 👺

Host: GitHub
URL: https://github.com/tnfe/awesome-blackmagic
Owner: tnfe
Created: 2019-03-18T11:30:49.000Z (over 5 years ago)
Default Branch: master
Last Pushed: 2022-03-21T10:18:19.000Z (over 2 years ago)
Last Synced: 2024-05-21T12:29:14.191Z (6 months ago)
Topics: awesome, heimofa, magic
Homepage:
Size: 816 KB
Stars: 1,022
Watchers: 54
Forks: 102
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

my-awesome - tnfe/awesome-blackmagic - 03 star:1.0k fork:0.1k 🎭 ♠♥奇技淫巧 💠黑魔法大集合♦♣ 👺 (Others)
ultimate-awesome - awesome-blackmagic - 🎭 ♠♥奇技淫巧 💠黑魔法大集合♦♣ 👺. (Other Lists / PowerShell Lists)

README

        

# awesome-blackmagic

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

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




## :tophat:魔法说明

黑魔法：js/ts/es6、7

蓝魔法：react/vue/angular等前端框架

绿魔法：nodejs

红魔法：web安全

紫魔法：工具

黄魔法：html/css

橙魔法：golang\php等




##  :clap: 欢迎参与

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




## 

## 黑魔法：

- [JavaScript奇技淫巧45招](https://www.jianshu.com/p/39a90f60c276)

- [使用atob解码utf-8字符](http://levy.work/2017-03-24-black-magic-js-atob-with-utf8/)

- [调试黑魔法]()

- [JS黑魔法之this, setTimeout/setInterval, arguments](https://www.cnblogs.com/joyeecheung/p/4018212.html)

- [为什么等于10？]()

- [setTimeout 的黑魔法](http://web.jobbole.com/86022/)

- [typescript泛型与类型黑魔法](https://juejin.cn/post/6919359418505609230)

- [拿Proxy可以做哪些有意思的事儿](https://segmentfault.com/a/1190000015009255)

- [适配器在JavaScript中的体现](https://segmentfault.com/a/1190000016453875)

- [JAVASCRIPT 的黑魔法 JSFUCK]()

- [JS无形装逼，最为致命]()

- [JavaScript黑魔法jother编码之谜]()

- [V8源码边缘试探-黑魔法指针偏移]()

- [TS 标称类型介绍及社区实现](https://jishuin.proginn.com/p/763bfbd73d3b)

- [一些js的黑魔法集合](https://segmentfault.com/a/1190000039159139)

- [JavaScript 有什么奇技淫巧？](https://www.zhihu.com/question/27428135)

## 蓝魔法：

- [Redux 的黑魔法]()

- [vue.js有哪些奇技淫巧？](https://www.zhihu.com/question/39599137)

- [Vue 动态样式黑魔法（超实用）](https://zhuanlan.zhihu.com/p/92405416)

- [Vue中你不知道但却很实用的黑科技](https://segmentfault.com/a/1190000007694540)

- [React高级玩家指南](https://juejin.cn/post/6874615753174155272)

- [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)

- [Vue中你不知道但却很实用的黑科技](https://juejin.cn/post/6844903455945916423)

- [关于 ReactJS 生命周期以外的性能提升奇技淫巧]()

- [Vue的奇技淫巧](https://blog.asaki.me/2018/04/09/)

- [React高级特性解析](https://zhuanlan.zhihu.com/p/149646352)

- [Redux 的黑魔法](https://my.oschina.net/yinyongcom666/blog/648423)

- [React Hooks 奇技淫巧 —— 副作用, 闭包 与 Timer](https://juejin.cn/post/6926517169601642503)

- [React 奇技淫巧 - defaultValue 和虚拟 dom diff 算法实现表单重置](https://segmentfault.com/a/1190000009481844)

- [is属性用法 vue_Vue 动态样式黑魔法](https://blog.csdn.net/weixin_31321361/article/details/112495196)

- [vue3组件高级补充](https://juejin.cn/post/6999131418731233287)

- [Vue3-Composition API--高级篇-](http://www.4k8k.xyz/article/weixin_45747310/119846386)

## 绿魔法：

- [nodeJS之crypto模块公钥加密及解密](https://www.cnblogs.com/tugenhua0707/p/9131342.html)

- [你应该知道的 Next.js 高级技巧 10 点](https://juejin.cn/post/6999966838780067853)

- [在 NodeJS 中正确关闭浏览器](https://github.com/fool2fish/blog/issues/8)

- [5个提高Node.js应用性能的技巧](https://www.html.cn/web/node-js/20388.html)

- [Nodejs在实现中用了哪些奇技淫巧？](https://juejin.cn/post/6844903592521007111)

- [前后分离的架构以及Node在其中的作用](https://limu.iteye.com/blog/2042700)

- [Node黑魔法之无痛用上多线程](https://zhuanlan.zhihu.com/p/35353355)

- [Nodejs优化的小小黑科技](https://juejin.im/post/584e74b5128fe10058b2aa6b)

- [让你 nodejs 水平暴增的 debugger 技巧](https://juejin.cn/post/6981820158046109703)

- [Nodejs技巧之----Joi数据校验](https://www.jianshu.com/p/e6e277c1fda2)

- [nodejs代码执行绕过的一些技巧汇总](https://www.jb51.net/article/210910.htm)

- [node.js cluster多进程、负载均衡和平滑重启](https://www.cnblogs.com/kenkofox/p/5431643.html)

## 红魔法：

- [利用Node.js反序列化的漏洞执行远程代码]()

- [远程控制地址栏](https://mp.weixin.qq.com/s/T4jQUdS-rar7hr2EWilJrw?)

- [渗透测试之反弹shell命令分析]()

- [【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中间人攻击]()

## 紫魔法：

- [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)

- [一键部署工具](https://github.com/TencentCloudBase/cloudbase-framework)

## 黄魔法：

- [Dirty Tricks From The Dark Corners Of Front-End](https://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt1.html)

- [断网离线也能看的页面]()

- [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，代码更优雅]()

## 橙魔法：

- [CTF之PHP黑魔法总结]()

- [php黑魔法-moctf]()

- [python黑魔法]()

- [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)