抽象轻松web

Posted 2023-04-12 用键盘当武器的秋刀鱼

 

 不管是求最大值，还是最小值，无论是整数还是小数，数据类型是不是一样的

它们的本质上都是判断，在判断的基础上不断的变换，增加判断条件，增加判断过程罢了

判断需要两个本质

1 ：两个以上的元素

2 ：判断结果

3 ：符号如（<、>、==、?:、===）

用这套模型写一个

编写一个JS函数，接受一个数值参数n，如果n为正数则返回"正数"，如果n为负数则返回"负"，如果n为0则返回"0"。

事件的叶千奇百怪，根只有一个

判断一个数是不是正数

1 ：两个以上的元素

2 ：判断结果

3 :  符号

代码就是     变量 n > 0  结果 是正数

如果n为负数则返回"负"

代码就是   变量 n < 0 结果 是整数

如果为0    变量 n = 0 结果是0

有了上面的条件那么开始写了

第一种写法

<script>
function Num(n) //函数命
      if( n > 0 )      
        return "正数" // 返回值为整数,结果
      else if( n < 0 )
        return "负数" //返回值为负数，结果
      else if( n == 0)
        return "0"    //返回值为0 ，结果

console.log(Num(1)); //当n = 1 时结果为正数
console.log(Num(-1));//当n = -1 时结果为负数
console.log(Num(0));// n = 0 时结果为0 注意注意 一个= 代表赋值 == 为等于 === 为全等于数据类型也要相等
</script>

第二种写法

<script>
function Num(n) //函数命
      if( n > 0 )      
        return "正数" // 返回值为整数,结果
      if( n < 0 )
        return "负数" //返回值为负数，结果
      if( n == 0)
        return "0"    //返回值为0 ，结果

console.log(Num(1)); //当n = 1 时结果为正数
console.log(Num(-1));//当n = -1 时结果为负数
console.log(Num(0));// n = 0 时结果为0 注意注意 一个= 代表赋值 == 为等于 === 为全等于数据类型也要相等
</script>

第三种写法

<script>
function Num(n) //函数命
  const nub =  n > 0 ? "整数" : ( n == 0)? "0" :"负数"//当你想在三目运算中在添加一个三目运算那么在
                                                    // :后面添加一个括号后面？：即可
  return nub

console.log(Num(1)); //当n = 1 时结果为正数
console.log(Num(-1));//当n = -1 时结果为负数
console.log(Num(0));// n = 0 时结果为0 注意注意 一个= 代表赋值 == 为等于 === 为全等于数据类型也要相等
</script>

 第四种

<script>
function Num(n) //函数命
  if ( n > 0)
    return "正数"
  else 
    let y
    y = n == 0 ? "0" : "负数"
    return y
  

console.log(Num(1)); //当n = 1 时结果为正数
console.log(Num(-1));//当n = -1 时结果为负数
console.log(Num(0));// n = 0 时结果为0 注意注意 一个= 代表赋值 == 为等于 === 为全等于数据类型也要相等
</script>

万变不离其中，本质上是判断，那么不管它怎么变，上面只写了四种，如果水平高至少可以写出上百种同结果不同过程的判断语句

说到结果上面的结果统统一样

 

注意：一定要写return，如果没写return会出现这种效果如下

就是undefined这个

第二个注意 一个等于，两个等于，三个等于的区别

一个等于赋值

两个等于相等

三个等于全等

用路程和位移来理解三个等于和两个等于的区别

两个等于 就是位移， 位移是从起点到终点的距离，那么它的反向，速度，化的时间需要管吗？

不需要

三个等于 就是路程上全等于， 距离，方向，速度，花的时间全等于

再把它放在三个等于和两个等于上

两个等于就是数值一样

三个等于不仅数值要一样，数据类型还要一样才能等于

 

5款让Web前端开发人员更轻松的实用工具

Web前端的工作在以前称之为网页美工，但随着flash逐渐退出网页设计的舞台之后，HTML+css+JavaScript为核心的前端技术成功的完成了技术栈的升级，是的Web前端工程师的名头也越叫越响。Web前端工程师越来越火，想学Web前端的人与日俱增。

那么，学好Web前端，初学者应该用什么编程软件？小千总结了最常见的编程软件有以下几种：

1、DreamWeaver

DreamWeaver是一款老牌前端开发工具，功能强大且组件丰富，作为前端开发的一款利器被广泛使用。DreamWeaver是一款可视化的前端开发工具，一边写代码一边就能看到效果，所以使用起来还是比较方便的。但是DreamWeaver的缺点就是比较耗费系统资源，这也许是IDE类产品的通病。

2、Hbuilder

Hbuilder是最近几年被广泛使用的一款前端开发工具，小千最初开始使用Hbuilder是因为它可以做Android和IOS的开发，移动互联团队的同事推荐给我使用的，我用了一段时间感觉还不错。整个操作比较简便，显示风格我也比较喜欢，给人一种很轻的感觉，同时功能又很强大。但是使用Hbuilder有一个问题一直让小千比较困惑，就是我之前开发过的页面如果通过导入功能导入到Hbuilder中会出现中文乱码，而同样的操作在Eclipse中则不会乱码，这也让我比较困惑，不知道官方什么时候能解决这个问题。

3、sublime text

sublime text也是前端开发比较常见的工具之一，特点是可通过配置插件来构建一个比较丰富的开发环境，同时sublime text比较轻（比Hbuilder还要轻），如果熟悉了它的快捷键，那么使用起来还是比较便捷的。当然它也支持很多开发语言，虽然在代码管理方面没有DW那么强大，但是由于它很轻，速度很快，所以很多前端开发人员还是比较喜欢使用它。

4、Eclipse

Eclipse也是可以进行前端开发的，使用Eclipse进行前端开发的程序员有很多是做后端开发出身的。因为可能是使用Java语言比较多的缘故，对Eclipse的使用比较熟悉，所以很多时候都使用Eclipse进行前端开发。使用Eclipse进行前端开发可以直接跟后端开发整合测试，在这一点上还是有一定的优势，虽然Eclipse本身较重，但是如果既做前端又要做一部分后端调试，使用Eclipse总要好过使用DW+Eclipse。但是某些Eclipse版本在JavaScript程序片的支持上有一些小Bug，在使用的时候要多加注意。

5、Editplus

Editplus本身就是一个功能强大的记事本，小千最初使用Editplus是在2001年，当年使用Editplus做C语言开发，后来改用Vim了，因为Vim比Editplus更方便。Editplus可以进行很多语言的开发，通过配置编译和运行环境，可以在Editplus下进行程序编写和调试。Editplus没有编写提示，最大的优点是运行快，Editplus只有几M大，非常小巧。由于早期长时间使用Editplus，所以锻炼了手写代码能力，也提高了模块化代码的能力，因为Editplus没有这些辅助功能。

做前端开发需要系统的学习HTML、CSS以及JavaScript，同时还要学习诸多框架的使用，内容多且繁杂，好在难度并不高，只是需要做大量的实验。前端的工具也并不仅限于以上提到的几种，随着前端开发的不断变化，以后软件厂商也会陆续推出更加方便的开发工具。希望以上的分享能帮到大家！

本文来自千锋教育，转载请注明出处。