前端应用
文章平均质量分 88
ycn2008
不会炒菜的前端工程狮不是一个好的后端程序猿
展开
-
前端应用 - 汉字笔顺书写演示带拼音及发音进阶版
本版本更加适合小学一年级学生学习汉字笔顺,优化后说明:1.支持多文字演示,可以上下页切换2.支持连续书写演示和连续书写练习html:<!DOCTYPE html><html lang="en-us"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <...原创 2021-09-30 15:47:30 · 270 阅读 · 0 评论 -
前端应用 - 实现连线习题兼容移动端进阶版
接上期《前端应用 - 实现100以内加减法的连线习题兼容移动端》优化并加入多范围及检查功能1.指定出题范围2.检查作业并指出错题,只作弹窗提示,如想更好效果可以自行修改为错题高亮显示。html代码:<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> &...原创 2021-09-30 10:54:10 · 753 阅读 · 7 评论 -
前端应用 - 汉字笔顺书写演示带拼音及发音
本程序实现汉字笔顺练习,同时有拼音及汉字发单,先见效果图:详细程序包可在我共享中下载。js主文件(app.js)var writer;var isCharVisible;var isOutlineVisible;function printStrokePoints(data) { var pointStrs = data.drawnPath.points.map(point => `{x: ${point.x}, y: ${point.y}}`); conso...原创 2021-09-29 15:51:10 · 489 阅读 · 1 评论 -
前端应用 - 实现100以内加减法的连线习题兼容移动端
html主页面(index.html):<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1"&g...原创 2021-09-29 15:37:46 · 583 阅读 · 1 评论