{"id":18405725,"url":"https://github.com/ningbonb/blog","last_synced_at":"2025-04-07T08:32:10.553Z","repository":{"id":56788111,"uuid":"175335772","full_name":"ningbonb/blog","owner":"ningbonb","description":"关于前端的文章，自己在前端学习过程中的笔记与总结。","archived":false,"fork":false,"pushed_at":"2023-04-14T07:42:10.000Z","size":163,"stargazers_count":18,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-05T17:01:43.551Z","etag":null,"topics":["blog","chrome","html5","javascript","krpano","markdown","postcss","threejs","typescript","vue"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ningbonb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-03-13T03:00:03.000Z","updated_at":"2024-06-06T11:35:13.000Z","dependencies_parsed_at":"2024-11-06T03:14:22.911Z","dependency_job_id":"549a78e2-9e41-4547-b8c1-0a2292a2a48c","html_url":"https://github.com/ningbonb/blog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ningbonb%2Fblog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ningbonb%2Fblog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ningbonb%2Fblog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ningbonb%2Fblog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ningbonb","download_url":"https://codeload.github.com/ningbonb/blog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247620252,"owners_count":20968171,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","chrome","html5","javascript","krpano","markdown","postcss","threejs","typescript","vue"],"created_at":"2024-11-06T03:04:22.659Z","updated_at":"2025-04-07T08:32:10.101Z","avatar_url":"https://github.com/ningbonb.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# 前言\n\n关于前端的文章合集，更新自己在前端学习过程中的笔记与总结。坚持学习，不断进步。\n\n# 目录\n\n- [Chrome DevTools](#Chrome-DevTools)\n- [H5 开发中的那些事](#H5-开发中的那些事)\n- [NodeJS](#NodeJS)\n- [webpack](#webpack)\n- [PixiJS 的应用](#PixiJS-的应用)\n- [Krpano 全景笔记](#Krpano-全景笔记)\n- [Markdown 笔记](#Markdown-笔记)\n- [PostCSS](#PostCSS)\n- [TypeScript](#TypeScript)\n- [Vue](#vue)\n- [three.js 应用](#threeJs-应用)\n- [网站安全](#网站安全)\n\n## Chrome DevTools\n\n- [Chrome 开发者工具的简单介绍](https://juejin.im/post/5c78ff5b51882561803eb874)\n- [Chrome 开发者工具 Performance 面板的简单介绍](https://juejin.im/post/5c7cc2b7e51d455ff009227c)\n- [Chrome 73 DevTools 新功能之 Logpoints](https://juejin.im/post/5c8864105188257dee032254)\n- [浏览器页面资源加载过程与优化](https://juejin.im/post/5a4ed917f265da3e317df515)\n\n## H5 开发中的那些事\n\n- [DOM 和 Canvas 如何实现文字竖向排列的效果](https://juejin.im/post/5c7cc99cf265da2dc84985db)\n- [使用双缓存解决 Canvas clearRect 引起的闪屏问题](https://juejin.im/post/5cc5637fe51d456e7079f2aa)\n- [使用 getImageData 实现碰撞检测](https://juejin.im/post/5cde6e3ff265da1bbe5dd23f)\n- [偏方解决安卓 css transition 引起的抖动](https://juejin.im/post/5d5290b0f265da03b2152dd7)\n- [如何简化 Canvas 图片绘制](https://juejin.im/post/5ef17289f265da02bd40ffd9)\n- [使用 Matter.js 合成大西瓜](https://juejin.cn/post/6931284891975811086)\n- [如何给拖拽交互添加缓动](https://juejin.cn/post/6948297919799918605)\n- [微信浏览器音频自动播放](https://juejin.cn/post/7113805660667510798)\n\n## 前端架构\n\n- [Github 新建前端仓库，选择什么 .gitignore 模板？](https://juejin.cn/post/7221783542790897724)；\n- [学习 Vue3 设计模式搭建前端开源仓库](https://juejin.cn/post/7221781646719516729)；\n\n## NodeJS\n\n- [Node.js 批量绘制 NFT 的尝试](https://juejin.cn/post/7117085290782523399)\n- [如何清除 npx 缓存](https://juejin.cn/post/7135008998742294541)\n- [如何判断当前的 npm 包管理器？](https://juejin.cn/post/7194723240818769980)\n\n## webpack\n\n- [一步步使用 webpack 第一篇：使用 webpack 编译 es6 代码](https://juejin.im/post/5cbec7815188250a9062dd18)\n- [一步步使用 webpack 第二篇：使用 webpack 编译 PostCSS 代码](https://juejin.im/post/5cbed22d5188251910055f63)\n- [一步步使用 webpack 第三篇：使用 webpack 管理图片等资源文件](https://juejin.im/post/5cbef0605188250a9c355fc6) \n- [一步步使用 webpack 第四篇：使用 webpack 编译 vue 代码](https://juejin.im/post/5cbff9ab5188250a51083f56)\n- [一步步使用 webpack 第五篇：使用 webpack 编译 TypeScript 代码](https://juejin.im/post/5cc0318d6fb9a0320f7de894)\n\n## PixiJS 的应用\n\n- [PixiJS 项目实例以及绘制流程的简单介绍](https://juejin.im/post/5c7f8b206fb9a049c96670d5)\n- [我用 PixiJS 中的 Sprite3d 做了一个失败的 3D 卡片](https://juejin.im/post/5cb5384451882532994b314d)\n\n## Krpano 全景笔记\n\n- [Krpano 全景实现的简单笔记](https://github.com/NalvyBoo/nodeKrpano)\n\n## Markdown 笔记\n\n- [使用 Markdown 做一个目录](https://juejin.im/post/5c8876b35188257ec7053a73)\n\n## PostCSS\n\n- [PostCSS 常用插件与语法介绍](https://juejin.im/post/5ca44e4ce51d45563f7c5bd2)\n\n## TypeScript\n- [TypeScript 中的字面量是什么意思](https://juejin.im/post/5cb05e9c5188251b12249299)\n- [TypeScript 中 class 的实例成员与静态成员](https://juejin.im/post/5cb92fa9518825324f68cfc7)\n- [TypeScript 中的非基础类型声明](https://juejin.im/post/5cd5442a6fb9a032414f77ae)\n\n## Vue\n\n- [手写 Vue 手势组件](https://juejin.im/post/5ee1a9cdf265da77126fcf89)\n\n## threeJs 应用\n- [如何提取 obj 模型的顶点信息，适用于 Three.js](https://juejin.im/post/5df0bef65188251273249c07)\n- [使用 three.js 中的 CSS3DRenderer 实现 3d 卡片的效果](https://juejin.im/post/5cb5506e518825329f6cee8e)\n- [Three.js 立方纹理图片命名对照](https://juejin.cn/post/6904148202698571783)\n\n## 网站安全\n\n- [前端 input 输入框可能被攻击的几种方式及防范](https://juejin.im/post/5c94579d518825573578c8b3)\n- [常见的 web 攻击](https://juejin.im/post/5c9d98e15188251c3a2f38ae)\n\n# 阅读日志\n\n- [点此查看我阅读文章的日志](./rlog/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fningbonb%2Fblog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fningbonb%2Fblog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fningbonb%2Fblog/lists"}