个人平时学习、练习代码
部分代码效果预览:https://dunizb.github.io/CodeTest/
JavaScript & TypeScript
- 使用 JavaScript 直接从前端发送电子邮件
- 如何使用 JavaScript 访问设备摄像头(前后)
- TypeScript Demo study
- JavaScript DatePicker
- JavaScript/省市两级级联下拉列表
- JS 面向对象/权限配置组件
- JavaScript/极简模式 Javascript 音乐播放器
- JavaScript/实现极简 Vue.js 双向数据绑定
- HTML 网页保存为图 JavaScript/html2canvas
- JavaScript/DIV 模板引擎.html
- 实现 MVVM
- 实现一个红绿灯
- 实现 VueRouter 一样的路由
Node & Deno
- Vue2.x + Express 文件压缩功能
- 使用 Deno 构建的命令行天气预报程序
- HTML 页面生成器:使用 JavaScript 和 Node 创建 CLI
- 使用 TypeScript 和 ES 模块发布 Node 模块
- 从零开始创建一个 CLI
- Koa.js 中文件上传示例
Vue & React
- 在 React 中使用 React Router v6 的指南
- React 的新状态管理:Recoil 入门实战
- Vue.js 实现九宫格跑马灯抽奖效果
- React
- 用 Vue.js 写一个 Checklist 组件
小程序
实例
- HTML&CSS/css3/background-clip:text.html
- jQuery/银行卡号 4 位空格.html
- 仅 3 行核心 CSS 代码的 rate 评分组件
- MyClock 我的时钟,我的第一个 Chrome 扩展程序
- HTML5 拖拽上传、预览示例
- HTML&CSS/css3/CSS 实现全景图移动效果
其它
- js-webpack-babel-template
- WebComponents demo
- 前端 rouer 实现
- 前端常用设计模式
- Webapck
- 几道 JS 编程题
- ES6/generator
- 面试题/金额的人民币表示方法(每三位数都好分割)
- 面试题/ab 变量交换,不使用中间变量的几种方法
- 面试题/让一个不定宽高的 DIV 垂直水平居中的几种方法
- HTML&CSS/布局/左中右三栏布局,中间自适应,5 种布局方法
- jQuery/鼠标从 box 不同方向划入,modal 层划入的方向也不同
- 面试题/怎么让一个不定宽高的 DIV,垂直水平居中?.html
- 面试题/创建 10 个 a 标签点击的时候弹出序号
- css3/旋转方块加载动画.html
- jQuery/框架核心之数据绑定系统
- 面试题/找出一个字符串里最长的那一个单词并打印出来.html