{"id":21944116,"url":"https://github.com/wangxiaoyugg/journal","last_synced_at":"2026-04-02T03:10:39.673Z","repository":{"id":113232303,"uuid":"114540852","full_name":"WangXiaoyugg/Journal","owner":"WangXiaoyugg","description":"diary and write some note about program every day ","archived":false,"fork":false,"pushed_at":"2023-04-19T18:38:07.000Z","size":5916,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-01-03T15:30:19.893Z","etag":null,"topics":["css","front-end","javacript","javascript","journal","note","programming","react","vue"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/WangXiaoyugg.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":"2017-12-17T14:01:20.000Z","updated_at":"2020-08-19T16:13:12.000Z","dependencies_parsed_at":"2025-01-27T16:47:13.385Z","dependency_job_id":"cc104d4a-2daa-4d00-94fc-c2f3b40c75da","html_url":"https://github.com/WangXiaoyugg/Journal","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/WangXiaoyugg/Journal","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WangXiaoyugg%2FJournal","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WangXiaoyugg%2FJournal/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WangXiaoyugg%2FJournal/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WangXiaoyugg%2FJournal/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WangXiaoyugg","download_url":"https://codeload.github.com/WangXiaoyugg/Journal/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WangXiaoyugg%2FJournal/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31294901,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-02T01:43:37.129Z","status":"online","status_checked_at":"2026-04-02T02:00:08.535Z","response_time":89,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","front-end","javacript","javascript","journal","note","programming","react","vue"],"created_at":"2024-11-29T04:13:39.233Z","updated_at":"2026-04-02T03:10:39.655Z","avatar_url":"https://github.com/WangXiaoyugg.png","language":"JavaScript","readme":"# Journal\n\n## 编程日记\n\n### 2017年\n#### 12月\n- 18号,javascript的面向对象写法\n1. 基于原型链的继承, prototype.js\n2. 基于类的继承,class.js\n\n- 19号，实现最简单的promise\n1. Promise 是异步的\n2. Promise 返回对象的then方法只是将成功任务或失败任务推入相应的队列\n3. Promise 异步结束后状态由pending 变为 rejected 或者 resolved\n4. Promise 会执行相应状态的任务队列，最终返回结果\n\n- 20号，实现一个简单的柯里化函数 curry\n1. 接受一个函数，柯里化这个函数\n2. 每个参数返回一个函数\n3. 直到最后一个参数才执行\n\n- 21号，字符串去空,字符串模板浅析\n1. [参考链接](https://imququ.com/post/bom-and-javascript-trim.html)\n2. [字符串模板浅析](https://juejin.im/post/5a373e096fb9a044fc44d4c9)\n\n- 22号 ，常用的内容展示\n1. 单元行鼠标悬停提示\n2. 表格hover效果，css也可以实现\n3. 阅读大话数据结构 第三章-线性表\n\n- 23号，学习JS高级程序\n1. setTimeout 模拟 setInterval\n2. 数组分块\n3. 函数节流\n\n- 24号，学习react-router的解析文章\n1. react-router [参考资料](https://zhenhua-lee.github.io/react/history.html)\n2. 使用构造函数生成一个正则表达式 - 正则表达式迷你书\n\n- 29号，学习css\n1. 制作一个圆形的头像上传\n  - [错误的写法](http://js.jirengu.com/hafayeqefa/4/edit)\n  - [正确的写法](http://js.jirengu.com/nucocuxego/2/edit)\n2. 一个带有涟漪的按钮\n  - [demo](http://js.jirengu.com/cilewopumo/7/edit)\n3. 响应式布局\n  - 隐藏 + 折行 + 自适应空间\n  - rem/viewport/media query\n  \t1. viewport window.innerWidth 动态计算\n  \t2. rem  html{fontSize: 20px} 大的写在上面，小的写在下面，精确性很高的网站不适合\n  \t3. @media (max-width) 精准匹配\n    \n4. flex 布局\n5. border-radius \n\t- 圆角矩形\n\t- 圆形\n\t- 扇形/半圆\n\t- 一些奇怪的角角\n6. vue 中的css\n  - scoped\n  - 随机属性\n\n\n\n### 2018年\n#### 1月\n\n- 1号，学习canvas(todo)\n- 2号，写简单html5 mp3 播放器\n\n- 6号 ，学习linux 操作\n  1. [useradd与adduser的区别](https://www.cnblogs.com/whitehorse/p/5847278.html)\n  2. freeCodeCamp 基础算法练习\n- 15号，\n  1. 学习 你不知道javascript的 值和类型两章  \n  2. 学习 你不知道的javascript 的原生函数 和 强制类型转换\n- 17号,代码重构\n  1. 原则\n    - 易读性优先\n    - 不要为了性能过度优化而牺牲代码可读性\n    - 复杂性守恒，逻辑复杂，代码肯定也是复杂的，逻辑简单，代码也是简单的\n  2. 程序猿三大难题\n    - 变量命名\n    - 缓存失效\n    - 循环边界\n\n\n#### 5月\n\n- [css 常见面试题](https://funteas.com/topic/5ada8eac230d1e5e25e45b89)\n- [canvas太阳系动画](https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Basic_animations)\n- koa 入门学习\n- http 学习\n- microtask优先于macrotask, [理解 JavaScript 中的 macrotask 和 microtask](https://juejin.im/entry/58d4df3b5c497d0057eb99ff)\n- [vscode doc](https://code.visualstudio.com/docs/editor/debugging#_launch-configurations)， [NodeJS debug](https://segmentfault.com/a/1190000009084576)\n- [aflerd基本使用](https://www.jianshu.com/p/e9f3352c785f)\n- [快来围观一下JavaScript的Proxy](https://juejin.im/post/5b09234d6fb9a07acf569905?utm_source=gold_browser_extension)\n- 常见的排序算法实现\n- mysql 安装流程及修改密码(root: admin)\n- [vue父子，兄弟组件的生命周期](https://mp.weixin.qq.com/s/gn6Ls7W7sx9ITWyyQjUklA)\n\n### 6月\n- [linux 端口占用解决](https://blog.csdn.net/mingzznet/article/details/38345875)\n- [linux 上传目录](http://www.cnblogs.com/no7dw/archive/2012/07/07/2580307.html)\n- [pragma](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Pragma), 类似于cache-control:no-cache\n- [30 HTTP headers](https://www.fastly.com/blog/headers-we-dont-want)\n- [HTTP Headers](https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers)\n- 自己实现一个简易版Koa\n- 阅读器的翻译效果实现\n- [chrome 控制台小技巧](https://coolshell.cn/articles/17634.html)\n- [ES2018（ES9）的新特性](https://juejin.im/post/5b2a186cf265da596d04a648)\n- [graphQL 参考资料](http://graphql.cn/code/#javascript)\n\n#### 7月\n- Python 小工具制作\n- react 知识复习\n  1. 生命周期\n  2. jsx\n  3. diff算法\n  4. 组件系统，无状态组件\n     - 无状态组件, [参考资料](https://juejin.im/entry/59a980306fb9a02485103d0b)\n       1. 纯函数，整洁易读\n       2. 无状态，无 this, 无需绑定\n       3. 便于测试\n       4. 性能高，使用函数调用的方式\n       5. PureComponent 实现性能优化，让你少写\n          shouldComponentUpdate(nextProps, nextState)的判断\n\n  5. react-router 使用和语法\n  6. redux 和 react-redux 语法，原理，使用场景\n  7. redux 中间件原理，redux-sega\n  8. rx.js 入门使用\n  9. react 测试, react16新增API\n\n- 数据库知识学习，mysql ,mongoDB, 选学\n\n\n#### 3月\n- NodeJs fs 模块的练习例子\n- jsonp 库源码学习\n- [postman中 form-data、x-www-form-urlencoded、raw、binary的区别](https://blog.csdn.net/ye1992/article/details/49998511)\n- cookie库源码阅读\n- getPort 库源码阅读\n- image-to-canvas 源码阅读\n- 30s-css 代码练习\n- 函数式入门学习\n  高阶函数\n  闭包和高阶函数\n  数组的函数式编程\n  柯里化和偏函数\n- koa的简单实现\n- bind的实现\n- es6\n\n  let-const\n  arrow-function\n  symbol\n  for-of\n  set \n  WeakMap\n- 深入理解javascript\n  \n  原型和原型链\n  debounce 防抖\n- lib-flexible 2.0 源码解读\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangxiaoyugg%2Fjournal","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwangxiaoyugg%2Fjournal","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwangxiaoyugg%2Fjournal/lists"}