标签：12 06 函数 price html 副作用 选择器 css

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

[html] 你有使用过HTML5 Boilerplate吗？说说你对它的理解

为web前端的最佳实践的HTML+CSS+jquery模板集合，引用知乎的评价：
1. Viewport Metatag：让页面能够在各种设备上正确显示。
2. Chrome Frame：对于某些老浏览器，比如：IE6,7,8,不支持的新特性，H5BP可以让你的代码能够向下兼容（我会建议用户换浏览器，浏览器又不收费）。
3. Crossdomain.xml：用于支持跨域请求。Web Server Configuration Files：用于优化服务器。这是给系统管理员用的。严格来讲，这不属于前后端开发。

如果需要使用前端开发框架，首选Bootstrap或Foundation,如果你的APP还需要上述功能，则H5BP可以当插件用。

[css] 为什么说css的选择器一般不要超过三级？

遇到这个问题，说实话，之前并没有使用超过3级的css选择器，也没有考虑过影响。
首先要明确的是，CSS的解析过程，在解析选择器的时候，是从右向左，从上到下及逆行解析的。
#molly div.haha span{color:#f00}

浏览器从右向左读取选择器，先找到span然后顺着往上找到class为haha的div，然后再找到id为molly的div的元素。

成功匹配则加入结果集，如果直到根元素html都没有匹配，则不会再遍历这条路径，从下一个span开始重复这个过程。

整个过程会形成一条符合规则的索引树，树由上至下的规则中从右向左的一个个选择匹配的节点。

从树形结构来看，超过3级的话，复杂度很提高很多，从而影响解析效率。(个人猜测，并没有实际测试)

[js] 为什么要用纯函数？

什么是纯函数？定义：
1. 函数的调用参数相同，永远返回相同的结果。不依赖程序执行期间函数外部任何状态或数据的变化，仅依赖于函数入参。
2. 函数不会产生任何可观察的副作用，例如网络请求，输入输出设备或数据突变。

举例说明：
1. 纯函数
    function pure(price) { return (price*10 + price)} // 返回结果仅依赖于入参price
2. 非纯函数
    var tax = 10;
    function impure(price) { return (price*tax + price) } // 返回结果还受到外部全局变量tax的影响

什么是副作用？
一个可以被观察的副作用，函数内部与外部的任意交互，可能是函数内修改外部变量，或者在函数内调用另外一个函数等。
如果纯函数调用纯函数，如果不产生副作用，那么它还是纯函数。
副作用来自，不限于：
* HTTP请求
* 输出数据到console或屏幕
* DOM查询/操作
* Math.random()
* 获取当前时间
* Mutating data 变异数据

纯函数的重要意义：
1. 函数式编程中应用广泛，ReactJS Redux等优质的库需要使用纯函数
2. 测试及重构
    纯函数利用代码维护和代码重构，你可以放心的对一个纯函数进行重构，不会担心这样做对其他函数的影响，从而减少副作用的产生。

[软技能] 你是怎么平衡及处理工作，学习，生活三者的关系？

相互交织，相爱相杀，

标签：12,06,函数,price,html,副作用,选择器,css
来源： https://blog.csdn.net/vampire10086/article/details/106715148

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。