David's Blog

基本配置12# 安装npm install webpack webpack-cli --save-dev 123# 命令行打包webpack ./path/to/src/file -o ./path/to/dist/file --mode=development# mode可选development或production 123456789101112131415161718192021... Continue reading...

jsp嵌入的md文本是经过html encode的，因此md文本内的html标签不会被解析 以下一段在div内的md文本（HTML encoded） 1234567891011<div id="container"># h1 title## h2 title### h3 title&lt;code&gt; console.log("Hello World... Continue reading...

一个图床app，前端用vue编写，后端通过multer存储图片 主要是想学一下vue，没写样式，界面有点丑，后续改进 Demo Front-end Back-end ReferenceDeploying Vue on Heroku Continue reading...

IntroductionFlashcard is a note app that comes with both web version and mobile version (iOS and Android). The web version is built on React and the mobile version is built on React Native. Other l... Continue reading...

Virtual DOM App（JS程序）可以通过DOM操作创建或更改DOM元素，DOM元素也可以通过监听并触发事件来影响JS 然而对于对于用js写的每个组件，我们需要自行手动去完成DOM更新和事件处理，效率低下 （e.g. 我用js写了一个复杂的大组件，现在想改其中一个小部分（子组件），我可以：1. 直接覆盖DOM树上整个大组件的节点，不需要引入额外代码，但DOM操作复杂性能低，或2. ... Continue reading...

之前写过一篇关于使用Passport.js实现Google OAuth2.0登录的流程（ref），然后自己也写了一个基于OAuth的SSO单点登录模块（ref）集成到了自己的几个项目中。最近面试几个大厂都问道了有关OAuth的问题，发现对OAuth一些原理性和安全性的问题还是理解的不是很透彻，在这里继续总结一下： 什么是OAuthOAuth是一种第三方授权协议，委托第三方（e.g. Goog... Continue reading...

IntroductionDavid-Auth is a SSO login system, which allow the apps under the domain .wei.ai to verify the user identity throw Json Web Token (JWT). The system currently support login ways through e... Continue reading...

IntroductionTime Tracker is an app that helps you to keep track of your daily routine and stay focus. Users can time what they have done in a day. The app will automatically store those records, li... Continue reading...

IntroductionThis project is a classic bubble breaker game built on React. While user click on a ball (or a bubble), the game runs the DFS algorithm to find all the other ball that with the same col... Continue reading...

IntroductioniShop is an online shopping mall web app built on React, Redux & Material UI (Front-end) and Express & MongoDb (Back-end), which implemented the following features: Implemented... Continue reading...