casey-ckx / vuedemo Goto Github PK
View Code? Open in Web Editor NEWThis is my first vuedemo
This is my first vuedemo
看了你的运行效果,很棒啊!质量很高!运行上没什么问题,接下来我来看看你的代码上有什么问题:
嗯,我建议直接把你的 vuedemo
文件夹里的内容全部提到 git
的根目录来(就是和 readme.md 同级),比较符合直觉。
<script>
标签放在了 <body>
标签的后面了?.Calculator
<link>
标签默认情况不需要带 type
-
来分割单词,不要使用 _
我发现了一些很细节的问题哈哈哈哈,因为你比较厉害所以对你要求也比较高~
user-select:none
,不然会可以选中按钮上的文字,顺便变成那种手指的图标吧~0
按钮处理的不好,不要使用 nth-child(10)
来实现,因为你无法避免以后它不是第 10 个按钮。&.zero{
position: relative;
width: 56%;
}
然后在 html 上这么处理:
<div :class="{zero:n==='0'}" v-for="n of number" @click="number1(n)">{{n}}</div>
你在代码中的 inputnum
同时用于 data
和 methods
,这样很容易出问题。还有就是我看你代码的时候很难区分到底是是一个属性还是一个方法,这个用法是错误的,谨记
你的很多明明是没有规范的,需要所有的 js 变量希望遵循 小写驼峰命名法,
Calculator_num1
calculatorNum1
inputtime
inputTime
inputnum
inputNum
inputnum
这个方法的名字,emmmm,我想了许久,也许改成 recordNumber
会不会更合适呢?
你的 inputtime
的用处我看懂了,其实你应该把它当成一个布尔值来处理会好一些。然后改名为 isInputtingSecondNumber
是不是好一些些呢?
inputnum:function(){
if(!this.isInputtingSecondNumber){
this.Calculator_num1=this.inuputnum;
}else{
this.Calculator_num2=this.inuputnum;
}
this.isInputtingSecondNumber = !this.isInputtingSecondNumber;
this.inuputnum="0";
}
不得已的情况下不要使用 eval
,你的使用方法没有错误,但是 eval
不安全。还是老老实实用 switch
进行判断会好一些~
哈哈哈哈你的方法没有错啦,只是还可以再简单一些
parseFloat(012) // 12
parseFloat(012.12) // 12.12
暂时就这些啦~改起来还是要花费一些时间的
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.