2020-08-04 题目来源：http://www.h-camel.com/index.html

[html] 一般习惯把js写在`</body>`前，但有例外的情况吗？说说看

html文件的执行方式是自上而下，css在引入时，程序仍然会向下执行，js在引入时会中断线程，等待js加载完成后程序才会继续向下执行。所以通常情况下，js的脚本会被放在</body>之前的最后位置，这样dom在生成时就不会因为加载js而耗费时间更长。但是，一些需要访问dom元素的js脚本放在body之前，由于还没有渲染dom元素，会报错或无效。

那么原则是：页面效果实现类的js放在body之前，动作、交互、事件驱动等需要访问dom属性的js可以放在body之后</body>之前。

[css] 使用flex实现一个自适应的九官格

<!DOCTYPE html>
<html>
<style>
.blockDiv{width: 100%;display:flex;flex-wrap: wrap;
}
.block{width: calc(calc(100% / 3) - 10px);margin:5px;height:50px;box-sizing: border-box;border:1px  solid #000;
}
</style>
<body><div class="blockDiv"><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div></div>
</body>
</html>

微信开发中可以看看这个 https://blog.csdn.net/saber123321/article/details/81988352

有几个常用的flex属性：

2.flex的换行 flex-wrap: nowrap|wrap|wrap-reverse; 不换行|换行，第一行在上|换行，第一行在下；

5.flex属性是flex-grow放大比例, flex-shrink缩小比例和 flex-basis占据空间的简写，默认值分别为0 1 auto。后两个属性可选

flex:none; == flex: 0 0 auto;

flex:auto; == flex: 1 1 auto;

[js] Array(3)和Array(3, 4)的区别是什么？

let arr1 = Array(3) // Array(3)为定义了一个长度为3的空数组

let arr2 = Array(3,4)// arr2 = [3,4]

[软技能] 你知道什么是硬编码吗？什么时候会用到硬编码呢？

硬编码和软编码的区别是：软编码可以在运行时确定，修改；而硬编码是不能够改变的。

在计算机程序或文本编辑中，硬编码是指将可变变量用一个固定值来代替的方法。用这种方法编译后，如果以后需要更改此变量就非常困难了。

例如： let a=2,b=2;

硬编码：if(a==2) return false;

不是硬编码 if(a==b) return true;

2020-08-04 html的js位置 + css的flex实现九宫格 + JS的Array + 软技能的硬编码相关推荐

sea.js引入css,5分钟上手Sea.js
基本应用导入Seajs库在页尾引入seajs: 然后在它下面写模块的配置和入口.// seajs 的简单配置 seajs.config({ base: "../sea-modules/& ...
Js（Css）动态引用方法–Js(css)的统一管理
引自:http://pm.htjs.net/cbb Javascript(Css)组件在Web中的访问地址基本上要求基于Url的相对地址或绝对地址,如果地址出现错误那么Web访问时将出现异常,组件也就 ...
2020.09.29重读原2020.08.04读 MoreFusion
MoreFusion: Multi-object Reasoning for 6D Pose Estimation from Volumetric Fusion 1.背景信息 2.方法 2.1obje ...
css 注入,electron程序，如何在主进程远程页面中注入js及css？
本博客不欢迎:各种镜像采集行为,请尊重知识产权法律法规.大家都是程序员,不要闹得不开心. 每日一篇的苏南大叔写代码教程,又来了.在本文中,苏南大叔描述的是,在electron程序加载远程页面的时候,如 ...
html+css:display:flex属性
博客 </a></li><li class="" title="高价值源码课程分享"><a data-report-c ...
Ext JS 5初探（二） ——Bootstrap.js
在Bootstrap.js文件中,总共有1500行(包含注释和空行),使用编辑器的代码折叠功能就如下图可以一窥全貌了. 从代码可以看到,这里主要定义了Ext.Boot.Ext.globalEval.E ...
JS和CSS的引入/写入位置应该放在哪里？
在HTML5中: 引入CSS和JS文件时到底应该在head标签中还是body中? 1,引入CSS在head中, 2,JS 的放置位置 a.有的js是立即执行,有的js是调用执行. ( 立即执行在网页 ...
2020年你不应该错过的CSS新特性
@argyleink在第四次的伦敦(LondonCSS 2020)CSS活动中分享了一个有关于CSS特性相关的话题.看了一下这个主题的PPT,里面有些新东西还是蛮有意思的.基于该PPT,我稍微整理近2 ...
阿里巴巴淘系技术:超详|2020年你不应该错过的CSS新特性
@argyleink在第四次的伦敦(LondonCSS 2020)CSS活动中分享了一个有关于CSS特性相关的话题.看了一下这个主题的PPT,里面有些新东西还是蛮有意思的.基于该PPT,我稍微整理近2 ...

2020-08-04 html的js位置 + css的flex实现九宫格 + JS的Array + 软技能的硬编码

2020-08-04 题目来源：http://www.h-camel.com/index.html

[html] 一般习惯把js写在`</body>`前，但有例外的情况吗？说说看

[css] 使用flex实现一个自适应的九官格

[js] Array(3)和Array(3, 4)的区别是什么？

[软技能] 你知道什么是硬编码吗？什么时候会用到硬编码呢？

2020-08-04 html的js位置 + css的flex实现九宫格 + JS的Array + 软技能的硬编码相关推荐

最新文章

热门文章

2020-08-04 html的js位置 + css的flex实现九宫格 + JS的Array + 软技能的硬编码

2020-08-04 题目来源：http://www.h-camel.com/index.html

[html] 一般习惯把js写在</body>前，但有例外的情况吗？说说看

[css] 使用flex实现一个自适应的九官格

[js] Array(3)和Array(3, 4)的区别是什么？

[软技能] 你知道什么是硬编码吗？什么时候会用到硬编码呢？

2020-08-04 html的js位置 + css的flex实现九宫格 + JS的Array + 软技能的硬编码相关推荐

最新文章

热门文章

[html] 一般习惯把js写在`</body>`前，但有例外的情况吗？说说看