前端
文章平均质量分 84
chenyu-max
一个热爱前端的小菜菜
展开
-
前端须知-MVVM
前言 Model–View–ViewModel(MVVM) 是一个软件架构设计模式,由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。由 John Gossman(同样也是 WPF 和 Silverlight 的架构师)于2005年在他的博客上发表。 MVVM 源自于经典的 Model–View–Controller(MVC)模式(期间还演化出了 Model-View-Presenter(MVP)模式,可忽略不计原创 2021-12-22 16:39:55 · 452 阅读 · 0 评论 -
数据结构实验——表达式二叉树( 以递归方式建立表达式的二叉树状结构,再分别输出前序 、中序及后序遍历结果,并计算表达式的结果。)
实验要求 实验实现语言 Javascript + HTML + CSS index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表达式二叉树</title&g原创 2020-11-17 08:59:14 · 1306 阅读 · 0 评论 -
数据结构实验——年级学生成绩管理系统
实验需求 index.html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">原创 2020-10-24 12:35:48 · 522 阅读 · 1 评论 -
原生JS实现——flappy bird 像素小鸟 项目总结
项目展示 项目准备 images中所用到的图片 index.html 用一个 div 来 包裹游戏内容区域 <div id="game"> <!-- 小鸟div --> <div class="bird"></div> <!-- 开始游戏按钮 --> <div class="start start-white">开始游戏</div> <!-- 最上层分数 --> <di原创 2020-10-09 15:01:03 · 1687 阅读 · 2 评论 -
原生JS实现扫雷——项目总结
项目展示图 项目准备 一样的,我们先是准备出三个文件夹,以及根目录下的index.html 文件 然后是两张图片(地雷 和 旗子) 之后是html结构 html 首先是最外层的 游戏内容区域的div 取名id为mine <div id="mine"> </div> 之后是游戏内容区域中最上面的四个按钮,我们用四个button标签来表示,并且用一个div来包裹起来 并且给初级按钮一个最初的选中的样式 <div class="level"> &l原创 2020-09-22 19:30:58 · 664 阅读 · 1 评论 -
班级抽签小程序——项目总结
项目展示 项目中假设一个班只有三十个人 html结构 <div class="outerContainer"> <div class="question">请问你要抽几个xx班的小宝贝呢?</div> <div class="number"> <input type="text" style="color: #999;" value="请输入需要的人数" onblur="if (this.value == '')原创 2020-09-12 16:52:58 · 4834 阅读 · 1 评论 -
原生JS实现贪吃蛇——项目总结
项目准备 项目展示图 建立新文件夹,新建出images CSS JS 三个文件夹,并在根目录下创建出index.html 将下列素材图片转到images文件中 接下来可以开始着手操作了 HTML结构 游戏内容区域 (content) 游戏开始按钮 (btn startBtn) 游戏暂停按钮 (btn pauseBtn) 游戏进行区域 (snakeWrap) 可以构造出如下的结构 <div class="content"> <div class="b原创 2020-09-11 10:26:21 · 1467 阅读 · 0 评论 -
你写HTML还这么慢吗?学会emmet,保证你敲代码效率提高一倍,看完赶紧跟朋友推荐吧
前言 你是否还在因为写太长的结构而烦恼,是否还在因为复制粘贴的枯燥而无聊,是否因为自己写HTML的代码效率太低而低落 别慌,看完这篇zencode的教学,保证你写HTML的效率翻倍增长 例子 虽然实际项目中不一定会出现如此长的情况,但是,其实,这么长的结构,只需要一句话就能解决,在编辑器上输入下面这段语句最后按下 tab 键即可 div>div3>ul2>li*6 来解析下什么意思 第一个div代表的是最外层的div 第一个 “>” 代表的是其包裹的元素 第二个div代表的是原创 2020-08-01 23:00:09 · 164 阅读 · 0 评论