亚洲必赢登录 > 亚洲必赢app > Javascript的可怜捕获机制,手提式有线电话机端的

原标题:Javascript的可怜捕获机制,手提式有线电话机端的

浏览次数:191 时间:2019-12-29

這個異常處理機制,早先也只是,可是沒有怎麼用過,用了三次后發現還能够,

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 
  4 <head>
  5     <meta charset="UTF-8">
  6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8     <title>Document</title>
  9     <style>
 10         #cs {
 11             border: 1px solid black;
 12             background: black;
 13         }
 14     </style>
 15 </head>
 16 
 17 <body>
 18     <canvas id="cs" width="500" height="500">
 19 
 20     </canvas>
 21 
 22     <script>
 23         let cs = document.getElementById('cs');
 24         let ctx = cs.getContext('2d');
 25         ctx.fillStyle = 'green';
 26         ctx.arc(200, 100, 50, 0, Math.PI, true);
 27         ctx.globalCompositeOperation = 'source-over';
 28         ctx.fill();
 29         //眼睛
 30         ctx.beginPath();
 31         ctx.arc(175, 80, 10, 0, Math.PI * 2, true);
 32         ctx.arc(222, 80, 10, 0, Math.PI * 2, true)
 33         ctx.fillStyle = 'black';
 34         ctx.fill();
 35         //耳朵
 36         ctx.beginPath();
 37         ctx.lineCap = "round";//设置返回线条
 38         ctx.lineWidth = 6;
 39         ctx.moveTo(160, 35);
 40         ctx.lineTo(175, 60);
 41         ctx.strokeStyle = "green";
 42         ctx.stroke();
 43 
 44         ctx.beginPath();
 45         ctx.lineCap = "round";//设置返回线条
 46         ctx.lineWidth = 6;
 47         ctx.moveTo(238, 35);
 48         ctx.lineTo(222, 60);
 49         ctx.strokeStyle = "green";
 50         ctx.stroke();
 51 
 52         //中间身体
 53         ctx.beginPath();    
 54         ctx.moveTo(150,110);
 55         ctx.lineTo(150,200);
 56         ctx.arcTo(150,210,160,210,10);
 57         ctx.lineTo(240,210);
 58         ctx.arcTo(250,210,250,200,10);
 59         ctx.lineTo(250,110);
 60         ctx.lineTo(150,110)
 61         ctx.strokeStyle = "green";
 62         ctx.fillStyle='green';
 63         ctx.fill();
 64         ctx.stroke();
 65         //两只手
 66         ctx.beginPath();
 67         ctx.lineCap = "round";//设置返回线条
 68         ctx.lineWidth = 20;
 69         ctx.moveTo(130, 115);
 70         ctx.lineTo(130, 160);
 71         ctx.strokeStyle = "green";
 72         ctx.stroke();
 73 
 74         ctx.beginPath();
 75         ctx.lineCap = "round";//设置返回线条
 76         ctx.lineWidth = 20;
 77         ctx.moveTo(270, 115);
 78         ctx.lineTo(270, 160);
 79         ctx.strokeStyle = "green";
 80         ctx.stroke();
 81 
 82         //两只脚
 83         ctx.beginPath();
 84         ctx.lineCap = "round";//设置返回线条
 85         ctx.lineWidth = 22;
 86         ctx.moveTo(180, 215);
 87         ctx.lineTo(180, 250);
 88         ctx.strokeStyle = "green";
 89         ctx.stroke();
 90 
 91         ctx.beginPath();
 92         ctx.lineCap = "round";//设置返回线条
 93         ctx.lineWidth = 22;
 94         ctx.moveTo(220, 215);
 95         ctx.lineTo(220, 250);
 96         ctx.strokeStyle = "green";
 97         ctx.stroke();
 98     </script>
 99 </body>
100 
101 </html>

 

1、基于神速支付的安排性温台

在网络检索一下,关于小程序零编码的平台如比比皆已经平时,令人目眩神摇,各个设计平台的网址让人眼花缭乱,随着这些年H5页面设计的兴起,超级多这么的宏图平台,换一个马甲就连续囊括小程序的在线设计了,感到上是再次了网络开始的大器晚成段时代网页设计的这种风潮,小程序零代码?这种是大器晚成种比较轻便的静态小程序,也是有可能是兼具局地表单填写功用的小程序,不过这种供给随着小程序的光热高涨而带给了不菲那一个商业机械,究竟日常公司未有叁个望着奇妙的小程序,以为就低人一等般,因此这样好像静态页面般的小程序依旧有超级大的商海。

而听他们讲这么些高速支付的宏图平台,只供给交纳年费,就足以套用模板,急迅设计出相比雅观的分界面了,速度第大器晚成啊,日常设计职员搞生龙活虎套过得去的分界面,还亟需明白顾客供给,还亟需规划下,最少多个一天半天,人家直接出效果与利益安排,前后几分钟就解决,由此有非常大的商海。

那么些支出平台日常不给导出源码(如代表的凡科轻站

亚洲必赢登录 1

也许有局地能够给导出源码,源码必要切合小程序的正规化格式,较好的翻阅的(这一个代表有意派Coolsite360 

亚洲必赢登录 2

除此以外叁个也值得一说一下的是墨刀,这些也是依照设计员的观点来设计小程序分界面包车型大巴,界面成分比较丰盛,略显得肥胖一些。那个是三个客商端的软件,安装后能够开展分界面的布置性,其它能够导出网页文件,但非小程序格式内容,那一点做的远非前边说的意派Coolsite360好。

亚洲必赢登录 3

 

基于那么些花费,应该是在材料恐怕模板比较充裕的时候,火速套用一些企划风格比较便于,能够很方便做出比较正规的效果,不过也瑕玷是受制于人,还会有正是要上缴不菲的资费,这对于日常小品种依旧不常做的小程序项目标团体来讲,是一个过多的开销。

 

 methods: {
        back(){
            if (window.history.length <= 1) {
                this.$router.push({path:'/'})
                return false
            } else {
                this.$router.go(-1)
            }
        }
    },

1.3 js中的错误类型

实施代码期间或者会生出的荒谬有几类别型。每个错误都有对应的谬误类型,而当错误发生时,就能够抛出相应类别的荒唐对象。js共定义了下列 7 种错误类型:

  • Error ‰
  • EvalError
  • RangeError ‰
  • ReferenceError ‰
  • SyntaxError ‰
  • TypeError ‰
  • URIError

说明:

  1. Error类型是着力的荒谬类型,别的类型都三回九转自那么些体系。
  2. EvalError 类型的错误会在应用 eval(State of Qatar函数而发生非凡时被抛出
  3. TypeError 类型在 JavaScript 中会平日利用,在变量中保存着古怪的品种时,或然在访谈不设有的 方法时,都会以致这种不当
  4. 相似景观,不相同的荒唐,管理情势差别等。能够参见下边包车型大巴管理格局。但是在骨子里付出中,相当多程序猿并不曾产生管理错误的习于旧贯。
try { 
  someFunction(); 
} catch (error){ 
  if (error instanceof TypeError){ 
    //处理ૌ类型错误 
  } else if (error instanceof ReferenceError){ 
    //处理引用错误 
  } else { 
      //处理其他的错误 
  }
}

 

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">

在大家做过多软件的时候,日常都会前端后端分开,对于我们平常的开荒职员来讲,侧重八个样子居多,如编码的就超级少设计UI的宏图开垦,极度在脚下部分应用程式、Web方面,分界面包车型大巴布署方面特别是相比较精细化,也更是必要有的专门的工作化的人口去极度管理。然而话说回来,超多时候,大家小品种也亟需团结能够举得起长刀,用得了菜刀,不常候时势所逼也急需我们善用后端开荒的人手两全UI的支付,平时不太复杂的分界面也不用去特意找二个UI设计的人口了。本篇特意针对于小程序的分界面设计方面开展部分研究性的商讨斟酌,介绍小程序分界面设计的后生可畏对思路和趋势。

仿照效法链接:Javascript的可怜捕获机制,手提式有线电话机端的meta。https://segmentfault.com/q/1010000010714863

二、throw主动抛出十一分

<title>淘宝网触屏版</title>
<meta charset="utf-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no" name="format-detection">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta property="wb:webmaster" content="c51923015ca19eb1">
<meta name="author" content="m.taobao.com">
<meta name="copyright" content="Copyright ©m.taobao.com 版权所有">
<meta name="revisit-after" content="1 days">
<meta name="keywords" content="">
<meta name="description" content="">

2、基于Sketch设计

类似现在设计应用程式、Web网址、小程序等,都恐怕会用到无敌的设计工具Sketch,这些工具在兼顾领域用的愈加普及,并且效果实在也够好,可是和任何工具同样,供给花点时间来读书下怎么样利用,近些日子Wechat官方超多财富都同期释放Sketch的规划原稿,能够在网址上下载到的。

Sketch 是黄金年代款适用于全体设计员的矢量绘图应用。矢量绘图也是当前拓宽网页,Logo以致界面设计的最棒点子。

Sketch 是为Logo设计和分界面设计而生的,它是叁个持有地利人和 UI 的一整套应用。

Sketch是一个功用强盛的、易用的品格高尚的人成品,是接受在Mac上的豆蔻年华款设计软件,在UI设计领域有着很好的人气,只要搜一下这几个至关心体贴要字,非常多科目和有关能源都会并发,学习起来也不算太难。

亚洲必赢登录 4

 它的分界面分为多少个区域,如下所示

亚洲必赢登录 5

借助Sketch的设计,大家也足以用按部就班的办法来组成我们的布置性图,也便是原子设计思想来引导模块化管理。

亚洲必赢登录 6

依据Sketch的开采,供给积淀一定的岁月,不过好处正是毫不受制于一些貌似很有力的分界面设计平台,那一个前期选拔、可能高速交付的时候使用倒是能够,长久的话,依旧必要掌握有关的兼备学问,利用规范工具赶快支付本人的分界面。

蓄势待发,渐渐的积存越来越多一些Sketch的素材以至规划财富,多入手解除难题才是一向。

在小程序的分界面设计完成后,我们就能够构成大家的后端API,在客商端封装相关的JS的管理,进而达成一个前端后端完整的解决方案。

亚洲必赢登录 7

 

亚洲必赢登录 , 亚洲必赢登录 8

 

2.1 抛出js内置错误类型的靶子

​ 在大部的代码试行进度中,都以现身错误的时候,由浏览器(javascript引擎卡塔尔国抛出卓殊,然后程序照旧终止实践,或被try…catch 捕获。

​ 但是不时候大家在检查评定到有的不客观的气象时有发生的时候也得以主动抛出荒诞。

​ 使用 throw 关键字抛出来主动抛出十一分。

<script>
    throw new Error("你好坏");
    console.log("执行不到这里的")
</script>

 

亚洲必赢登录 9

注意:

  1. thow前面就是我们要抛出的不胜对象。在早前的时候都以现身错误的时候浏览器抛出特别对象,只是今后是我们和睦主动抛出的老大对象。
  2. 即使有非常对象抛出,不管是浏览器抛出的,照旧代码主动抛出,都会让程序停止实践。要是想让程序继续实行,则有也得以用try…catch来捕获。
  3. 每二个破绽相当多类型都足以流传三个参数,表示其实的错误音信。
  4. 我们得以在合适的时候抛出任何大家想抛出的要命类型。throw new SyntaxError("语法错误...");

看下面包车型大巴代码:

<script>
    /*该函数接收一个数字,返回他的平方。*/
    function foo(num) {
        if(typeof num == "number"){
            return num * num;
        }else{
            throw new TypeError("类型错误,你应该传入一个数字...")
        }
    }
    console.log(foo(33))
    console.log(foo("abc"))
</script>

 

亚洲必赢登录 10

 

Javascript的极其捕获机制

 

本文由亚洲必赢登录发布于亚洲必赢app,转载请注明出处:Javascript的可怜捕获机制,手提式有线电话机端的

关键词:

上一篇:没有了

下一篇:没有了