问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

少即是多——极简主义设计方法

发布网友 发布时间:2022-04-26 02:59

我来回答

2个回答

懂视网 时间:2022-05-19 10:01

这个所谓的"极简主义法"是荷兰程序员Gabor de Mooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。下面就介绍如何使用极简主义法完成JavaScript的封装和继承

1. 封装

  首先,它也是用一个对象模拟"类"。在这个类里面,定义一个构造函数createNew(),用来生成实例。

 var Cat = {
     createNew: function(){
       // some code here
     }
 };

  然后,在createNew()里面,定义一个实例对象,把这个实例对象作为返回值。

var Cat = {
     createNew: function(){
       var cat = {};
       cat.name = "大毛";
       cat.makeSound = function(){ alert("喵喵喵"); };
       return cat;
     }
 };

  使用的时候,调用createNew()方法,就可以得到实例对象。

 var cat1 = Cat.createNew();
 cat1.makeSound(); // 喵喵喵

  这种方法的好处是,容易理解,结构清晰优雅,符合传统的"面向对象编程"的构造,因此可以方便地部署下面的特性。

2. 继承

  让一个类继承另一个类,实现起来很方便。只要在前者的createNew()方法中,调用后者的createNew()方法即可。
  先定义一个Animal类:

 var Animal = {
     createNew: function(){
       var animal = {};
       animal.sleep = function(){ alert("睡懒觉"); };
       return animal;
     }
 };

  然后,在Cat的createNew()方法中,调用Animal的createNew()方法

var Cat = {
     createNew: function(){
       var cat = Animal.createNew();
       cat.name = "大毛";
       cat.makeSound = function(){ alert("喵喵喵"); };
       return cat;
     }
 };

  这样得到的Cat实例,就会继承Animal类。

 var cat1 = Cat.createNew();
 cat1.sleep(); // 睡懒觉

3. 私有属性和私有方法

  在createNew()方法中,只要不是定义在cat对象上的方法和属性,都是私有的。

 var Cat = {
     createNew: function(){
       var cat = {};
       var sound = "喵喵喵";//私有属性
       cat.makeSound = function(){ 
 alert(sound); 
 };
       return cat;
     }
 }; 

  上例的内部变量sound,外部无法读取,只有通过cat的公有方法makeSound()来读取。

 var cat1 = Cat.createNew();
 alert(cat1.sound); // undefined

4. 数据共享

  有时候,我们需要所有实例对象,能够读写同一项内部数据。这个时候,只要把这个内部数据,封装在类对象的里面、createNew()方法的外面即可。

 var Cat = {
     sound : "喵喵喵",
     createNew: function(){
       var cat = {};
       cat.makeSound = function(){ alert(Cat.sound); };
       cat.changeSound = function(x){ Cat.sound = x; };
       return cat;
     }
 };

  然后,生成两个实例对象:

 var cat1 = Cat.createNew();
 var cat2 = Cat.createNew();
 cat1.makeSound(); // 喵喵喵

这时,如果有一个实例对象,修改了共享的数据,另一个实例对象也会受到影响。

 cat2.changeSound("啦啦啦");
 cat1.makeSound(); // 啦啦啦

   极简主义,看起来很美好,但是也有缺点,首先是不能使用instanceof 判断对象所属的类,"cat1 instanceof Cat"无法通过,另外,极简主义虽然摆脱了使用原型链的缺点(属性不能私有、创建、继承对象不够直观),但也暴露了没用原型链的弊端:每一次生成一个实例,都必须为重复的内容,多占用一些内存。

总结

以上所述是小编给大家介绍的极简主义法编写JavaScript类,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

热心网友 时间:2022-05-19 07:09

  导语:作为一个设计师,必然会知道简约的设计可以给人创造出富有美观的东西,但是在设计师设计的过程中国会遇到很多的麻烦,用少量的图形元素设计一个画面的时候,这时候是很困难的,有时极简主义设计便可以帮你解决这类问题,今天小编就给大家介绍一下极简主义设计。

  

  什么是极简主义设计?

  极简主义设计是一种基础的设计方法,没有过多的的元素、色彩、形状和纹理等,极简主义设计的目的就是从简单的设计中从内容中脱颖而出,成为人们的视觉焦点。从整体的视觉感官上来看,极简主义设计很是平静,能够表达人们心中最原始的想法,这种设计起源于瑞士,适用的渠道较多,例如平面设计、绘画、音乐、网页的设计等。极简主义设计的历史已经有几十年,最初在网页上并没能使它走红,没有logo和图片的变换,就是利用最基本的东西去展示给人们一种简单的风格。

  


  极简主义设计的设计方法:少即是多。起初给大家介绍到了极简主义设计就是给客户的最重要的部分就是帮助顾客减少分心,当一个页面的东西过多,会导致浏览者为了寻找最重要的内容要花费过多的时间,所以,极简主义设计就是把一个重要的内容无线放大。

  


  小编教你如何最大限度的减少设计中的内容:建立一个极简主义的设计不是一味的减少设计表面的图形,而是要去仔细的思考我们该设计的东西中的内涵。要做到对社会媒体的图案或者是章节有一定的熟悉度,要对标语和描述有个简单的介绍。极简,不是要削减重要的功能,而是要削减一些无关紧要的内容,可以使用一个简单的画面。简化设计,就是要做到利用少许的纹理等,设计内容不能过多的出现大胆的想法。

  可以通过使用大的线框,虽说是一个简单的边框,这样可以突出重点,使得页面的主题得以突出,并给人视觉的享受。

  


  在网页其他部分要留有空白:在网页设计的过程中,对留白的掌握要很有技巧,不管你的设计创意有多富有层次,一旦没有留白,这件设计就不能被叫做极简主义设计。所以,在对极简主义设计要在页面上留有空白,这样才能使设计得以视觉平衡。

  极简主义设计的形式多种多样,只要反复使用这些元素,就能创造出新的思路和想法,希望这一些经验和设计的原则能够帮助你简化你的设计,创造一个属于自己的极简主义设计。

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
...和O3、1H216O和2H218O.下列有关说法正确的是( )A.35Cl和37Cl互称为... ...做环境分析指示物.下列说法中正确的是( )A.1H216O在相同 ...1H、2H、3H,氧也有3钟同位素:16O、17O、18O,那么水的种类最多有... 全身没力气、想睡觉怎么回事 我的乙肝检查单 请帮忙看看 帮忙看看乙肝检查报告 谢谢 万分感谢!好人一生平安 麻烦帮我看看乙肝两对半的结果 五冶集团由哪家控股 我的苹果6手机百度视频播放不了是什么原因? 高一怎么选科历生地 网页设计到底什么是极简主义 极简主义如何实践在网页美工设计中 国外有哪些知名用户界面设计公司? 远视是由什么原因引起的 远视是由什么原因引起的 高度远视、中度远视、轻度远视各指多少度? 孩子高度远视现在600度,如何加速远视储备消耗治疗远视 孩子高度远视现在600度,如何加速远视储备消耗治疗远视 五岁小孩高度远视应该怎样治疗 五岁小孩高度远视应该怎样治疗 六岁孩子高度远视怎么办,还能治得好吗 高度远视,怎么治疗,可以看电视么 高度远视眼要怎么样进行预防 2岁的宝宝高度远视,该怎么办 高度远视眼不知道又没有治疗的方法。 高度远视怎么办 高度远视如何矫正? 高度远视 高度远视,如何降度 远视怎么训练 国外为什么喜欢响应式网站 什么是极简UI风格? 什么叫极简页面 华为查找设备怎么添加设备 华为手机如何添加新设备 如何写好消息 好消息怎么写 日记好消息200字怎么写? 《好消息》短文中写了谁在传播那个好消息 怎么用文言文表示“期待听到你们的好消息” 古人赶考,期待他的好消息,用文言文怎么说 抖音直播pk整改有影响吗 文中写了什么在传播春天来了这个好消息 抖音直播开开关关会有影响吗 杭州好消息文化传播有限公司怎么样? 短文“好消息”指的是什么? “在我很悲伤的时候,突然来了一个好消息”用什么古诗来表达? 怎么写消息?语文高手留步. 坏消息用文言文怎么说? 短文中写了谁在传播好消息