GithubHelp home page GithubHelp logo

fe-study's People

Contributors

6fmyz avatar arlendp avatar beaconwolf avatar caixiaozhi avatar caoyudanq avatar cuishuang1117 avatar kannnnng avatar keplerwang avatar kongsicong avatar lidasong avatar lihp2014 avatar liugui avatar liuweifly avatar memory9 avatar missmhwgo avatar mrhowl avatar nanyang2015 avatar nhsprite avatar plalk avatar qcyhust avatar raytaylorlin avatar sakurazxq avatar vanney9 avatar verajiang avatar wszxy avatar zekunwu avatar zhangyan123 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fe-study's Issues

李青霖Calculator任务反馈

发现的BUG(其他的你参照下其他人的issue看看自己有没有碰上这种问题):

  • 可以输入类似“1.1”,但不能输入像“0.1”的零点几的小数
  • 输入数字,输入百分号,再输入小数点,有问题
  • 输入数字,输入加号,然后我现在想纠正点减号,实际没有换成减号

代码本身没有什么太大问题,还是要注意变量的命名,最好让人一看到你的变量名就知道是什么意思

王远涵Puzzle8任务反馈

功能没问题,动画效果还不错就是有点慢,点快了就会出现比较奇怪的显示效果。更多的是代码问题:

  • .eq(i + 2)的2是什么含义?尽量不要用这种很难看懂的写法,要避免这种问题就是换个思路重新实现你的功能
  • 参照#136 最后一条评论反馈,在实际使用当中要尽量避免反复进行$(“.block")$("div")这样的耗性能的操作
  • 不要为了省代码行数而把花括号和代码写在一行里面
  • 声明数组请用字面量,不用new Array()
  • 为什么你的代码左花括号之后总有一行多余的空行?这样并不美观

李大松Blog(PHP)任务反馈

功能没有问题!Good job

但是请你把代码整理好提交,才能算你通过任务。

  • blog目录结构分门别类存放
  • index.php的Tab Index是2,请改为4并格式化
  • login_validate.php请自行寻找PHP代码的格式化方法,并格式化代码
  • 格式化JS和CSS文件

下个任务发布前,尝试实现附加题。

王晨calculator问题

编码规范

  • CSS文件请使用4空格缩进
  • CSS类命名规范,参照这里
  • JS文件没有缩进,没有相应的空格(养成使用格式化工具对代码美化后再提交的习惯)
  • JS函数命名,一律使用Camel命名法

代码问题

  • 可能你在写CSS类的时候会发现很多类都是复制出来,再对其做部分修改,这样势必会成很多重复的代码。CSS类的强大之处在于其可用性和组合性,试着重构你的代码,把公共的部分提取出来,减少你的代码的冗余
  • JS部分,并没有真正把计算器的功能写出来,而是使用了eval来解析字符串(偷懒=。=)。eval函数是危险的(为什么?),请永远不要在JS代码中使用eval函数。试着真正用JS代码来实现计算功能,只要求每次计算两个数即可,不必实现多个数字的长表达式运算

张言Calculator任务反馈

布局和功能都非常完善,没有什么bug,点赞!

代码问题

  • 老问题,CSS依赖了过多的id选择器和标签选择器,样式尽量使用类选择器
  • operatecalculquit这类标志性的变量,用0或1等数字会让可读性变差,建议像C++一样定义一些常量(JS中没有常量,只能用人为约束的不去修改的变量来模拟),例如:
var OPERATE_STATE_INPUT = 0;
var OPERATE_STATE_CALCULATE = 1;
function plus() {
    operate = OPERATE_STATE_CALCULATE;
}
  • JS代码中对document.calculator.numScreen进行了很多次引用,如果后面对numScreen换了名字,后面各处代码都要一一修改,建议在最前面用一个变量去引用

王晨blog, calculator任务反馈

Blog任务

HTML和CSS基本没什么问题,进步很快点个赞!!下面提几个意见和课后思考的问题:

  • 两个html文件都没有按照任务要求命名
  • CSS里面用了大量的em我也不清楚是好是坏,虽说用em可以最大限度地让页面自适应,但是它难以做到精准地像素级别的还原设计稿(比如你的页面1em = 14px,某个padding需要20px,那么换算出来的em就是个很复杂的小数)。这方面你可以多去查下em和px的使用时机等资料
  • .renren.weibo这两个类,很明显可以用一个诸如.social-entrance的来取代,能少写一个类就尽量少写一个
  • 思考:设想一下你的首页文章条目很少,footer跟在main后面看起来就会浮在中间,如何让它在内容无论多还是少都停在页面底部(沉底)?考虑下单纯用CSS和单纯用JS的两种解法。

任务2完成

Calculator

  • JS代码依旧没有格式化就提交上来!
  • 依旧可以输入“3+3+3”这样的式子,而且结果还是错的。我只需要你计算两个数(像Windows的计算器那样)
  • equal()函数明显有重复代码,请消除这些冗余

曾祥意Calculator任务反馈

JS代码思路明确简洁,各种计算器的坑也基本避开了,点赞!此外,“%”是求百分数的意思,并不是求模,不过既然题意没说明,也无所谓。另外请考虑下实际计算值的时候,乘以一个大数最后再除以一个大数是否必要?如果没有了JS对大数字处理的特殊性,例如放在C++中,这种大数运算是否可行?

Bug

  • 按住按钮,鼠标移出按钮,再松开,透明样式没有还原

代码问题

  • 依旧有tab和空格混排的情况,请统一全部使用4空格缩进
  • .num, .cal, .eql, .other这4个类共用的一段CSS,在含义上就表明了它们有一个公有的性质叫“计算器按钮”,所以可以考虑用诸如.cal-button的类来代替,但这4种按钮又分别有其特殊之处,所以确实应该用4个不同的类来表示其特殊的部分。这就是所谓的“泛化”和“特化”
  • 部分JS排版缺少空格

李大松Puzzle8任务反馈

#34

代码问题

  • 一行代码不要超过80个字符,若你的语句过长,要断句换行
  • 在你的代码的核心逻辑处添加必要的注释,好让第一次看你代码的人能理解你的意图

功能问题

  • 思考:你现在初步完成了3_3的拼图,如果我要你做一个4_4,甚至n*n的拼图,思考下应该如何完成?现有的代码逻辑有没有什么问题?
  • 应该是移动完拼图再判断胜负,这里刚好相反了
  • 继续完成AJAX功能

孔思聪Puzzle8任务反馈

Bug

  • 无论是几乘几的拼图,总有一大部分的数字点了无法移动,导致游戏完全没法进行下去,推测是isAbleToMove有问题?

代码问题

  • JS变量命名大部分都不符合camel命名法规范,要改过来
  • 获取到数据可视化拼图那一部分代码,用了过多的.css() API去设置样式,之前说了尽量不要在JS里面耦合CSS,应该通过.addClass()和CSS类来控制
  • AJAX发起GET请求时,URL部分写"reset.php?n="+n*n不好,请参阅jQuery.get()的这个API,使用data参数来设置你要发送的参数

其他的HTML,CSS,PHP等都没有什么问题。但你每次项目的文件夹名都和任务要求不一致,是怎么一回事=。=

倪浩Blog任务反馈

总体问题

  • 代码缩进有误,请使用排版工具对HTML和CSS排版后再提交,以后写代码也要养成这种习惯

HTML问题

  • 不要使用marquee这种不符合标准的HTML标签(参阅MDN文档

CSS问题

  • 整个页面全局留了白边,请自行搜索学习“CSS 重置”
  • footer没有做到沉底,而且整个页面也丑了一点。。。参考下这个博客

建议参考其他人的代码

王睿Puzzle8任务反馈

Bug

  • 前端或后端,没有对输入做检测

代码问题

  • <script>放在了<head>里面,导致阻塞了页面加载(我是在DevTools里面不小心点到了模拟2G网络网速时才发现这个问题)
  • JS代码的冗余度较高,充斥了各种“坏味道”,建议重构(关于重构的基础原则我会在2015.11.19的课上讲)

蔡孝直Calculator任务反馈

功能完善,代码也写得很不错,基本没有什么挑剔之处。注意一下如#109 所说,.percent, .clear, .divid, .mul, .sub, .add这几个类的公共样式可以用一个公共类来定义。

曾祥意Blog任务反馈

任务功能达标,存在些许小问题。

代码问题

  • 代码中有少量tab和空格混用的情况
  • 请统一使用4空格缩进
  • 部分CSS冒号后无空格

CSS问题

  • 首页居中布局和主题内容的两栏式布局,写法均不佳,可以在网上自行寻找下其他解决方案
  • 不要使用内敛CSS样式
  • CSS类命名要统一,要么全用中划线形式,要么全用下划线形式,推荐前者

杨楠Calculator任务反馈

基本功能都实现了,代码写得非常整洁,总体风格都很不错。

代码问题

  • getValue函数承载了过多的功能,建议只用该函数来获取数字值,其他不同功能的符号拆分到不同的函数当中去
  • last_input,char_i等变量不符合camel命名规范

江心人Blog任务反馈

页面和代码干净整洁,不错。功能上,登录页的“GO”按钮链向了一个不存在的页面,其余代码问题如下:

  • index.html中缺body和html的闭合标签,以及有一点细小的语法错误。注意浏览器在解析HTML时通常不会报语法错,而是会尝试着去解析,但最好还是要规范避免被解析错
  • HTML中不要给<img>标签指定宽高,宽高样式应在CSS中指定

倪浩Calculator任务反馈

#41

代码问题

  • JS部分,并没有真正把计算器的功能写出来,而是使用了eval来解析字符串(偷懒=。=)。eval函数是危险的(为什么?),请永远不要在JS代码中使用eval函数。试着真正用JS代码来实现计算功能,只要求每次计算两个数即可,不必实现多个数字的长表达式运算。(你这问题跟王晨第一次提交一模一样,历史是惊人的相似=。=
  • 你的所有JS语句后面都没带分号,不要忘记加上

杨楠BLOG(PHP)任务反馈

  1. mysql连接错误的异常未捕获,导致直接显示了php错误
  2. 前端应将密码md5后再传给后台
  3. 未对注册时插入数据库的参数进行过滤

王睿Calculator任务反馈

HTML和CSS布局都写得非常好,不过计算器本身功能bug较多

Bug

  • 输入“1+-”,输出“error”,通常的计算器在没有输入第2个操作数时,按符号是会做切换的
  • 在“error”状态下,还可以在后面继续输入数字(无意义)
  • 没有实现连续计算,例如输入“1+2-”时应该输出“3”,此时再输入“*2/”,应该输出“6”,以此类推
  • 除以0时,不要输出“error”,应给点更明确的提示
  • 点AC时,应显示0

代码问题

  • 代码内有注释非常好,不过函数内的注释也要和函数内的代码有同级别的缩进

蔡孝直BLOG(PHP)任务反馈

  1. test表里没有自增主键id,不要把username设为PRIMARY KEY
  2. 建立数据库时,默认的编码未设置为utf-8
  3. 你干嘛要求别人密码为数字?
  4. 点击注册按钮无法进入注册页面
  5. 直接显示了php错误信息,未做try,catch处理

王远涵BLOG(PHP)任务反馈

  1. 在登录页面点击“注册”按钮,跳转页面404
  2. 注册页面没有确认密码栏
  3. 导出的.sql文件不正确,要求导出数据表结构
  4. 未使用pdo/mysqli进行数据库操作
  5. 前端密文传递密码给后台,未进行md5加密

孔思聪Blog任务反馈

代码问题

  • id选择器使用过多,CSS原则上尽量不要使用id选择器(有的css lint工具甚至会对id选择器报警告)
  • 这个不是问题,代码规范不错,HTML结构也很清晰,值得表扬

样式问题

  • 登录页的按钮没有手型,首页的按钮只有文字有手型,这都不是一个正常按钮应该有的样式
  • 首页背景图在小比例下会重复显示,不美观
  • 说实话,两个页面实在是丑得令人发指,虽然实际工作不需要开发人员去设计,但我认为优秀的开发人员是必须要懂点设计的。建议你没事多看看优秀的设计多培养审美,必要时模仿一下,例如优设网

李大松Blog任务反馈1

总体问题

HTML问题

  • HTML没有文档头
  • header错误地使用了form标签

CSS问题

  • 不要使用比如form1,div1,#ul这样无意义的CSS类名和ID名
  • 不要随意重置或覆盖原生的HTML标签样式,比如那个ul,因为你无法保证其他地方不会用到ul
  • 整个页面全局留了白边,请自行搜索学习“CSS 重置”
  • #main设置了min-height为100%,导致footer沉在底下看不到

王睿Blog任务反馈

任务功能达标,存在些许小问题。

代码问题

  • HTML均有tab和空格混用的情况
  • login.html缩进有问题
  • CSS类后缺少空格

HTML问题

  • 部分标签语义理解不到位,例如菜单项不应该用<h3>,最好是<ul>-><li>-><a>
  • <article><section>正好用反了
  • <a>是行内元素,<p>是块级元素,不要在行内元素里面套块级元素

CSS问题

  • 不要用onmouseoveronmouseout来控制按钮的悬停样式,CSS的:hover伪类即可满足需求
  • 几乎所有的样式由标签.类名控制(如a.note),多此一举。一般仅用类名控制样式就能满足多数需求

孔思聪Calculator任务反馈

HTML,CSS都没有问题。但是不允许使用eval实现计算器,第一eval是投机取巧的方式,不符合本次任务的训练目的,第二eval有很多致命的缺陷,例如容易遭注入攻击,具体参见此处

张言Blog任务反馈

功能问题

  • 登录页没有实现居中布局

HTML问题

  • 首页菜单项,不应该用span套a标签
  • 首页菜单项多处使用了li1这个id,是不合法的

CSS问题

  • 虽然在本次作业中,对HTML标签直接写样式在视觉上可以达到效果,但毕竟是全局的重置样式,原则上还是要用CSS类来控制样式
  • CSS类名或id命名要规范,不要使用li1ul2这种无意义的命名

孔思聪BLOG(PHP)任务反馈

  1. 缺少.sql文件
  2. cookie未起作用,仍能直接访问index.php;不要将account存入cookie,只存每个人的id就行
  3. 为对输入的空数据作处理
  4. 数据库连接不上时,用try,catch捕获异常,不要直接显示php错误
  5. 注册时未对插入数据库的数据进行过滤
  6. 不要明文传递密码

王远涵Calculator任务反馈

界面做得挺好看的,文档也写得不错,值得表扬

Bug

  • 虽然可以连续运算,但是点运算符的时候没有即使显示结果的体验不太好。参照市面上最普通的计算器,例如当输入“1+2-”时,应该输出“3”
  • 点AC,输入几个数字,再点“+/-”按钮,有时最高位会消失

代码问题

  • 调用JS函数cal时传入-1,-2,10到17这些值可读性很差,还不如直接就调用calClearcalDiv等等
  • 同张言的#112,关于标志性变量,建议用常量可读性会更好一些

蔡孝直Blog任务反馈

首页文章列表部分,并不符合水平居中要求,需要修改

布局问题

  • <div>用得过多,这是初学者经常遇到的问题,并不是每一个标签(例如input、p、a等等))都要在外层套上一层wrapper,应该遵循HTML标签的语义
  • 思考:首页两栏式布局,虽然用相对定位在视觉上可以满足要求,但这不是最佳方案,请查找更通用的两栏式布局方案
  • 思考:虽然用了各种相对定位和绝对定位在视觉上可以满足定位到中间的要求,但代码中毕竟要加上负的定值margin来偏移,这种定位方式在容器不是定宽和定高的情况下就行不通,请查找更通用的居中解决方案

李青霖Blog任务反馈1

总体问题

HTML问题

  • HTML不要使用内部样式表,应把CSS文件单独分离开来。其他没什么问题,HTML结构写得不错

CSS问题

  • 不要随意重置或覆盖原生的HTML标签样式,比如那个ul,因为你无法保证其他地方不会用到ul
  • 整个页面全局留了白边,请自行搜索学习“CSS 重置”
  • 不要多条属性挤在一行
  • 用绝对定位把footer放到最底下的想法很好,但是当你中间的内容一多的时候,就会出现问题。思考一下有没有其他的解决方案?

李大松Calculator任务反馈

功能基本实现,但还存在以下bug:

  • 先输入百分号,后面接数字和接符号都会有问题
  • 先输入等号,再输入其他东西,也有问题
  • 输入数字(或者不输数字也行),输入加号,然后我现在想纠正点减号,就出错了
  • 计算1/0得到Infinity(这个结果是对的),但是后面还可以继续输入,输入内容就接在了Infinity后面

此外,功能以外的方面再提几点建议:

  • press()函数明显存在着大量的冗余。当你发现你的代码里面有某一个片段被你复制粘贴了3次以上并且每次只修改一点点,你就应该开始考虑你的代码结构设计或者思路是不是有问题。这时候你就需要一个叫代码重构的武器,请自行了解这个概念,并思考如何重构你的press()函数
  • 再次强调代码是写给别人看的。你的switch case段写得就有点让人不太明白,0-9的值还说得过去,但是10以上的case就很莫名其妙了。还有str,str1,arr[0],arr[2]这些,你把代码拿给李青霖看,看她能能不能理解你的用意
  • 注释里提到的问题不明白什么意思,当面说

杨楠Puzzle8任务反馈

功能完整,代码也非常整洁,很好!

最后再给点建议:

  • 参照#136 最后一条评论反馈,在实际使用当中要尽量避免反复进行$('td')这样的耗性能的操作
  • 我发现HTML<input class="dim" pattern="[3-9]">使用了HTML5新的pattern属性,请自行了解该属性的兼容性

杜鹏Blog任务反馈

代码写得不错,而且还使用了CSS Reset,很值得其他组员参考学习。

代码存在一些小问题:

  • login-css.css有空格和tab混用情况
  • <article><section>语义理解不到位
  • 很多样式由标签.类名控制(如a.note),多此一举。一般仅用类名控制样式就能满足多数需求

王远涵Blog任务反馈

在不知道如何下手的情况下,请多参考别人的代码,以及利用好DevTools查看已有网站的代码

功能问题

  • 登录页和首页均没有实现居中布局,需要重新修改
  • 本次作业不需要绝对定位来布局,不要过度依赖absolute布局
  • 不要使用table来布局!不要使用table来布局!不要使用table来布局!重要的事情说三遍!

HTML问题

  • 登录页使用了两个<form>
  • 内联了许多CSS样式
  • 代码有很多多余的空行

王佳静任务反馈

Blog任务反馈

主页的功能基本没问题,但是登录页并不符合居中要求(用ctrl+鼠标滚轮缩放一下,你就能发现问题)

HTML问题

  • 缺少doctype文档头
  • 不要使用table来布局!具体为什么,请参照Stackoverflow: Why not use tables for layout in HTML?及网上其他资料
  • 你确定有<h7>这种HTML标签?
  • 尽量不要使用<br/>来留白或空行,这都是一个margin样式就可以搞定的事情

CSS问题

  • 布局和定位几乎全靠width、height、margin+绝对的像素值来完成,这样的布局兼容性很差(这种做法其实和绝对定位没啥区别)
  • 尽量不要使用id选择器来设置样式
  • 既然要用id选择器,那就纯用id选择器就可以了,div#login的div完全是多余的
  • CSS class和id命名要更加规范一些,像#h5这种既含糊,又没必要;其他不知其义的命名,诸如.r1.a_list等等均不可取
  • CSS class命名前后不统一,有的用了下划线形式如.p_copyright,有的用了camel命名法如loadBtn。推荐用中划线分隔单词的形式,如.menu-list

其他问题

  • 本任务仅使用标准HTML和CSS已经足够,不需要Javascript甚至jQuery。本任务中,点击跳转只需要做个超链接就够了
  • 在没有熟练掌握基础的CSS的时候,为什么要使用预处理器Sass(即.scss文件)?既然要用Sass,那使用到Sass的特性了吗?
  • Git版本控制推崇细粒度提交,请不要一口气commit过多的文件,至于为什么,可以看看这个

李青霖Blog(PHP)任务反馈

  • login_validate.php:php文件如果不渲染页面,不需要写html和body标签
  • **用户名和密码的传输方式是GET!**这是致命的,因为GET方式会以参数形式附加在URL上,你的用户名和密码是什么一下子就可以被他人看到,所以敏感数据一定要用POST
  • 当验证成功后通过向客户端渲染一段JS代码来跳转页面。请尝试用服务器端的重定向来实现跳转

曾祥意Puzzle8任务反馈

基本功能没有问题,代码规范也不错。既然用了和其他人截然不同的HTML5 canvas方式实现,那我就从canvas(游戏开发)的角度来提一些意见。

代码组织问题

  • createView从命名上来理解,应该是在最开始初始化的时候,只调用一次。但该函数的意图是在重绘画布,被多次调用,是否改为updateView更加合理?
  • 无论是网站开发还是游戏开发,都会涉及到视图数据之间的关联,所谓的MVC模式也是为了隔离这两层内容,让视图和数据能够独立地进行变化。但是你在初始化处($.post的成功回调)和createView函数中,都把视图和数据糅合在一起——前者是先初始化数据后初始化视图,后者是数据的变化写在了context的绘制当中。
  • 通常,游戏的结构都是一个包含update(更新数据)和render(渲染视图)的无限循环。对于前端,可能的代码结构如下:
setTimeout(function() {
    update();  // 更新数据
    render(context);  // 渲染canvas上下文
}, 1000 / MY_FPS);
  • 函数命名请牢记用动词开头,像ifWin,不如checkWincheckIfWin。事件回调函数可以用on开头,如onKeyDownonClickBox

其他问题

  • 既然用了jQuery,为何还要夹杂各种原生js?诸如n = $(".inputNum")[0].value;window.addEventListener('keydown', doKeyDown, true);canvas.onclick = ...
  • 了解好GET和POST语义上的区别,再思考下获取拼图数据,应该用$.get还是$.post

袁晓梅任务反馈

Blog任务反馈

  • 点login按钮没法跳转到首页(下面HTML问题会解释)
  • 首页article不符合两栏式布局,“学习笔记”那段文章主题被顶到下面去了,请自行查找两栏式布局的资料并修改

HTML问题

  • a标签里面套<input type="submit">不合法,submit会阻止超链接的行为,二者只能择其一。请思考一下用a标签有什么缺陷,用<input type="submit">应该怎么写?
  • 你之前提到的的label标签里面的for属性,是指点label应该focus到文本框上?for的属性应该指向id,也就是说你的文本框没有设置id
  • 首页菜单栏,虽然用div和5个a标签没什么问题,但从语义上来说,用ul和5个li会更好
  • <a name="con1"></a>是干什么用的?
  • 首页<footer>里面套了太多层div了,完全没有必要

CSS问题

  • 登录页css选择器很多都以#slick-login开头,例如#slick-login input[type="text"]。设想现在我要你再做一个注册页,里面要填“用户名”“密码”“再次输入密码”“年龄”“自我介绍”等等,那你这样写选择器样式是否能够复用?
  • 登录页使用绝对居中实现的,请尝试改为块级元素水平居中
  • 【进阶思考】为了让页面更加绚丽你用了一些CSS3的渐变颜色属性,那你肯定也发现了写一个CSS3属性要写5行来兼容其他浏览器,这样的CSS代码既冗长又难维护。设想现在设计师要你改各种颜色,5个5个改既麻烦又容易出错,有没有什么解决方法?

张言BLOG(PHP)任务反馈

  1. mysql的数据库结构导出时,用navicat等mysql管理软件导出.sql文件,不要.dbf文件
  2. 注册时要有密码确认栏
  3. cookie无效,仍能直接进入首页
  4. 数据库不要用id字段存储name,id为自增唯一主键
  5. 数据库连接错误最好用try,catch捕捉异常
  6. 用户注册时,对插入数据库的数据未做过滤
  7. 最好不要用mysql扩展来进行数据库操作,用mysqli或者PDO

张言Blog(PHP)任务反馈

#31

代码问题

  • 不要在HTML里面内敛CSS样式
  • php文件不一定要写HTML代码,像index.php文件可以验证登录之后,使用PHP代码重定向到你的主页上
  • form表单的action属性是错误的,php是服务器端的代码,如果你的服务器运行在localhost(你的本地机器),提交表单的时候填写github的URL就造成了跨域,这是不允许的。请重新思考表单和后台PHP之间的关系,建议参考别人的代码
  • login.html中有非法的字符

功能问题

  • 由于form表单的错误,登录功能无法使用
  • 没有按照任务4要求在指定的数据表中设置你的数据及编写login.validate.php文件

王晨Puzzle8任务反馈

代码问题

  • 获取方块数字和初始化过于冗余,如果要你做一个10*10的拼图,这个问题就会暴露出来
  • 声明数组直接用中括号形式var grid = ['1', '2', '3'];,不需要new Array
  • 一旦掌握了JS的基本写法,就要开始避免全局变量的出现,像一开始几个var,getEventTargetcompare函数,完全可以成为window.onload那个函数的一部分
  • window.onload是JS内置的写法,$(document).ready是jQuery的写法,两者功能是一样的。代码中一共出现了3次文档加载完毕调用回调,应该只出现1次
  • click绑定的事件回调函数重复度很大,应考虑重构

功能问题

  • 点击Reset后发起AJAX请求从服务器获取打乱的顺序并重置拼图没做
  • 每次移动方块后判定是否成功,而不是要通过点OK才能测试

这里是我写的puzzle8,你可以参考参考,JS文件里面涉及的概念有立即函数、局部变量、暴露接口、对象等等,可以仔细研究一下

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.