前端开发，LESS中的混合和继承有啥区别

Posted 2023-04-17

前端开发用less或者sass的情况如下：项目足够大，起码几十张页面，有公共的UI组件，组件或者页面上有相似的拼装属性的方法(可以写成mixin)，组件或者样式拼装上存在继承关系，或者有theme的需求。其实本身纯粹的CSS编写也有很多现成的方法论(OOCSS,SMACSS,BEM,DRYCSS)实现复杂度的管理，但是预编译器可以提供一些语法糖简化(包括你可以使用PostCSS)，同时迁移编程的经验更好管理复杂度。其实就是习惯和效率的问题，工具是为了提高效率存在的，如果不习惯，大家有统一规范的共识，用纯粹CSS也能写出组织良好的CSS。 参考技术A

为什么有了mixin还需要extend呢？二者的不同之处在于编译完成后的css写法不同，extend产生的css更为简洁，相对而言mixin会产生大量重复，extend更有利于缩减css的大小。如：

使用mixin：

.my-inline-block() 
    display: inline-block;
    font-size: 0; 

.thing1  .my-inline-block;  
.thing2  .my-inline-block; 

Output：

.thing1 
    display: inline-block;
    font-size: 0;

.thing2 
    display: inline-block;
    font-size: 0;

使用extend：

.my-inline-block 
    display: inline-block;
    font-size: 0;

.thing1  &:extend(.my-inline-block); 
.thing2  &:extend(.my-inline-block); 

output：

.my-inline-block, .thing1, .thing2  
    display: inline-block; font-size: 0; 

一目了然吧。

另外，extend可以看作是mixin的一种更高级的替代方式，原因是mixin只能被用于简单的选择器，而例如这类情况：有两个html代码块，你想在这两个代码块中使用相同的样式，此时就可以使用extend将他们联系起来。

Hbuilder和eclipse有啥区别？哪个更适合前端开发？哪个更适合java开发？

Hbuilder和eclipse两者差不多，只是语言不同没什么区别，Hbuilder更适合前端开发，eclipse更适合Java开发。Java开发推荐千锋教育，千锋始终勇担重任、践行企业社会责任，从地震捐赠、疫情物资援助，到帮扶重病学子、走访贫困学校，成立了具有全国号召力的公益平台--锋益。

学习Java的建议：
1、Java高级框架虽然说Java框架有很多，灵活的使用框架可以让开发者在实际开发中，减少很多重复的代码、让代码的结构更加清晰，后期维护方便。从现在的开发环境来看SpringMVC、Mybatis、Spring、Oracle、Linux&Redis&Nginx、Maven是现在普遍使用的主流框架，掌握之后可以实现从原理、应用、扩展等全方位角度熟练使用，最终可以搭建自己的平台。
2、分布式项目实战学习的最终目的就是上手实操，Git、SpringBoot、SpringCloud 等主流技术必定是需要熟练掌握的，通过学习掌握分布式调用技术任务调度以及项目相关模块之间的开发和关联，从而达到实现功能开发目的。

想要了解更多有关Java开发的相关信息，推荐咨询千锋教育。采用全程面授高品质、高体验培养模式，学科大纲紧跟企业需求，拥有国内一体化教学管理及学员服务，在职业教育发展道路上不断探索前行，公司总部位于北京，目前已在20个城市成立分公司，现有教研讲师团队300余人。 参考技术A 差不多，只是语言不同，一般php写前端，java写后端。
当然两种都可以。 参考技术B Hbuilder ：前端开发工具。
eclipse ： java开发工具。