CodeTest Save Abandoned

部分代码效果预览：https://dunizb.github.io/CodeTest/

JavaScript & TypeScript

• 如何创建与框架无关的 JavaScript 插件
• 使用 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
  • React Hook
  • React Router
  • React Redux
• 用 Vue.js 写一个 Checklist 组件

小程序

• 《抽个啥》微信小程序
• 《看什么好》微信小程序
• uni-app 开发 todo，uni-app 入门小应用
• 小程序 textarea 的高层级问题演示
• 小程序时间轴组件代码片段

实例

• 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
  • myWebpack
  • Webpack Loader
  • Webpack Plugin
• 几道 JS 编程题
• ES6/generator
• 面试题/金额的人民币表示方法(每三位数都好分割)
• 面试题/ab 变量交换，不使用中间变量的几种方法
• 面试题/让一个不定宽高的 DIV 垂直水平居中的几种方法
• HTML&CSS/布局/左中右三栏布局，中间自适应，5 种布局方法
• jQuery/鼠标从 box 不同方向划入,modal 层划入的方向也不同
• 面试题/怎么让一个不定宽高的 DIV，垂直水平居中?.html
• 面试题/创建 10 个 a 标签点击的时候弹出序号
• css3/旋转方块加载动画.html
• jQuery/框架核心之数据绑定系统
• 面试题/找出一个字符串里最长的那一个单词并打印出来.html