2020-08-13 html的页面时间 + css的css加载 + JS的版权信息添加 + 软技能的node与php

本文链接：https://blog.csdn.net/vampire10086/article/details/108461059

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

[html] 你写一个页面需要多长时间

用模板或ui插件来实现就比较快了

纯手撕原生代码就相对的慢了很多

[css] css加载会阻塞DOM树解析吗？

css被视为阻塞渲染的资源。

css的加载不会阻塞DOM树的解析，但会阻塞DOM树的渲染；不会阻塞js的下载，但会阻塞js的执行。

提升用户体验： CND托管；css压缩；合理使用缓存；

[js] 写一个方法，当复制页面中的内容时，同时把版权信息也复制上

<script language="javascript" type="text/javascript">
    jQuery(document).on('copy', function(e){
      var selected = window.getSelection();
      var selectedText = selected.toString().replace(/\n/g, '<br>');  // Solve the line breaks conversion issue
      var copyFooter = '<br>---------------------<br>著作权归作者所有。<br>' 
                            + '商业转载请联系作者获得授权，非商业转载请注明出处。<br>'
                            + '作者：SOFIA<br> 源地址：' + document.location.href
                            + '<br>来源：博客园cnblogs<br>© 版权声明：本文为博主原创文章，转载请附上博文链接！';
      var copyHolder = $('<div>', {id: 'temp', html: selectedText + copyFooter, style: {position: 'absolute', left: '-99999px'}});

      $('body').append(copyHolder);
      selected.selectAllChildren( copyHolder[0] );
      window.setTimeout(function() {
          copyHolder.remove();
      },0);
    });
</script>

来源： https://blog.csdn.net/lzuacm/article/details/88197591