前端
关注
分享
扫一扫
文章平均质量分 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 · 557 阅读 · 0 评论 -
数据结构实验——表达式二叉树（ 以递归方式建立表达式的二叉树状结构，再分别输出前序 、中序及后序遍历结果，并计算表达式的结果。）
实验要求实验实现语言Javascript + HTML + CSSindex.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 · 1446 阅读 · 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 · 585 阅读 · 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 · 1837 阅读 · 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 · 725 阅读 · 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 · 5038 阅读 · 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 · 1583 阅读 · 0 评论 -
你写HTML还这么慢吗？学会emmet，保证你敲代码效率提高一倍，看完赶紧跟朋友推荐吧
前言你是否还在因为写太长的结构而烦恼，是否还在因为复制粘贴的枯燥而无聊，是否因为自己写HTML的代码效率太低而低落别慌，看完这篇zencode的教学，保证你写HTML的效率翻倍增长例子虽然实际项目中不一定会出现如此长的情况，但是，其实，这么长的结构，只需要一句话就能解决，在编辑器上输入下面这段语句最后按下 tab 键即可div>div3>ul2>li*6来解析下什么意思第一个div代表的是最外层的div第一个 “>” 代表的是其包裹的元素第二个div代表的是原创 2020-08-01 23:00:09 · 198 阅读 · 0 评论