Site updated: 2024-03-21 21:42:09

ljun51 · Mar 21, 2024 · d02f12d · d02f12d
1 parent fba4035
commit d02f12d
Show file tree

Hide file tree

Showing 46 changed files with 13,915 additions and 0 deletions.
diff --git a/2019/11/07/kubernetes/index.html b/2019/11/07/kubernetes/index.html
diff --git a/2019/11/18/Spring-Boot-with-Docker/index.html b/2019/11/18/Spring-Boot-with-Docker/index.html
diff --git a/2020/05/16/frontend-interview-questions/index.html b/2020/05/16/frontend-interview-questions/index.html
@@ -0,0 +1,284 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+
+
+  <title>前端web方向面试题 | 牛古说</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="基础题 HTML5有什么新特性、新标签？CSS3（CSS4）有什么新特性？  CSS中的选择器有哪些？它们权重（优先级）的顺序是什么？  如何理解CSS中的盒子模型？Flex如何布局？  less、sass、stylus三者的区别？  ECMAScript2015~2019有什么新特性？  Javascript的基本数据类型有哪些？Set、Map的区别是什么？  为什么要组件化（模块化）开发？如何">
+<meta property="og:type" content="article">
+<meta property="og:title" content="前端web方向面试题">
+<meta property="og:url" content="https://ljun51.github.io/2020/05/16/frontend-interview-questions/index.html">
+<meta property="og:site_name" content="牛古说">
+<meta property="og:description" content="基础题 HTML5有什么新特性、新标签？CSS3（CSS4）有什么新特性？  CSS中的选择器有哪些？它们权重（优先级）的顺序是什么？  如何理解CSS中的盒子模型？Flex如何布局？  less、sass、stylus三者的区别？  ECMAScript2015~2019有什么新特性？  Javascript的基本数据类型有哪些？Set、Map的区别是什么？  为什么要组件化（模块化）开发？如何">
+<meta property="og:locale" content="zh_CN">
+<meta property="article:published_time" content="2020-05-16T01:55:56.000Z">
+<meta property="article:modified_time" content="2024-03-21T13:33:53.016Z">
+<meta property="article:author" content="牛古">
+<meta property="article:tag" content="javascript">
+<meta property="article:tag" content="面试">
+<meta name="twitter:card" content="summary">
+
+    <link rel="alternate" href="/atom.xml" title="牛古说" type="application/atom+xml">
+
+
+    <link rel="shortcut icon" href="/favicon.png">
+
+
+
+<link rel="stylesheet" href="/css/style.css">
+
+
+
+<link rel="stylesheet" href="/fancybox/jquery.fancybox.min.css">
+
+
+
+<meta name="generator" content="Hexo 7.1.1"></head>
+
+<body>
+  <div id="container">
+    <div id="wrap">
+      <header id="header">
+  <div id="banner"></div>
+  <div id="header-outer" class="outer">
+    <div id="header-title" class="inner">
+      <h1 id="logo-wrap">
+        <a href="/" id="logo">牛古说</a>
+      </h1>
+
+        <h2 id="subtitle-wrap">
+          <a href="/" id="subtitle">不动笔墨不读书。</a>
+        </h2>
+
+    </div>
+    <div id="header-inner" class="inner">
+      <nav id="main-nav">
+        <a id="main-nav-toggle" class="nav-icon"><span class="fa fa-bars"></span></a>
+
+          <a class="main-nav-link" href="/">Home</a>
+
+          <a class="main-nav-link" href="/archives">Archives</a>
+
+      </nav>
+      <nav id="sub-nav">
+
+
+          <a class="nav-icon" href="/atom.xml" title="RSS 订阅"><span class="fa fa-rss"></span></a>
+
+        <a class="nav-icon nav-search-btn" title="搜索"><span class="fa fa-search"></span></a>
+      </nav>
+      <div id="search-form-wrap">
+        <form action="//google.com/search" method="get" accept-charset="UTF-8" class="search-form"><input type="search" name="q" class="search-form-input" placeholder="搜索"><button type="submit" class="search-form-submit">&#xF002;</button><input type="hidden" name="sitesearch" value="https://ljun51.github.io"></form>
+      </div>
+    </div>
+  </div>
+</header>
+
+      <div class="outer">
+        <section id="main"><article id="post-frontend-interview-questions" class="h-entry article article-type-post" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
+  <div class="article-meta">
+    <a href="/2020/05/16/frontend-interview-questions/" class="article-date">
+  <time class="dt-published" datetime="2020-05-16T01:55:56.000Z" itemprop="datePublished">2020-05-16</time>
+</a>
+
+  </div>
+  <div class="article-inner">
+
+
+      <header class="article-header">
+
+
+    <h1 class="p-name article-title" itemprop="headline name">
+      前端web方向面试题
+    </h1>
+
+
+      </header>
+
+    <div class="e-content article-entry" itemprop="articleBody">
+
+        <h3 id="基础题"><a href="#基础题" class="headerlink" title="基础题"></a>基础题</h3><ul>
+<li><p>HTML5有什么新特性、新标签？CSS3（CSS4）有什么新特性？</p>
+</li>
+<li><p>CSS中的选择器有哪些？它们权重（优先级）的顺序是什么？</p>
+</li>
+<li><p>如何理解CSS中的盒子模型？Flex如何布局？</p>
+</li>
+<li><p>less、sass、stylus三者的区别？</p>
+</li>
+<li><p>ECMAScript2015~2019有什么新特性？</p>
+</li>
+<li><p>Javascript的基本数据类型有哪些？Set、Map的区别是什么？</p>
+</li>
+<li><p>为什么要组件化（模块化）开发？如何实现组件化（模块化）开发？</p>
+</li>
+<li><p>详细介绍Javascript、Typescript、React、Vue、微信、Flutter、IOS、Android开发？（选其中2项详细介绍）</p>
+</li>
+<li><p>HTTP常见的状态码、请求头有哪些？RESTful常用方法有哪些？</p>
+</li>
+<li><p>Git常用命令有哪些？webpack如何配置？</p>
+</li>
+<li><p>一个常见的前后端交互发生了什么？比如访问：<a target="_blank" rel="noopener" href="https://qq.com/">https://qq.com</a>，越详细越好。</p>
+</li>
+<li><p>CSS、HTML、Javascript如何性能优化？</p>
+</li>
+<li><p>React、Vue如何实现SSR（服务端渲染）？</p>
+</li>
+<li><p>是否了解nodejs、Java开发？熟悉哪些方面？</p>
+</li>
+<li><p>如何实现分页、菜单级联如何实现？后端同学如何提供数据？（详见视频）</p>
+</li>
+</ul>
+<h3 id="加分题"><a href="#加分题" class="headerlink" title="加分题"></a>加分题</h3><ul>
+<li>平时喜欢读哪些技术方面的书籍？前端方面、其他技术栈或是其他？</li>
+</ul>
+
+
+    </div>
+    <footer class="article-footer">
+      <a data-url="https://ljun51.github.io/2020/05/16/frontend-interview-questions/" data-id="clu1a7ill0003x7g00ysfeo65" data-title="前端web方向面试题" class="article-share-link"><span class="fa fa-share">分享</span></a>
+
+
+
+  <ul class="article-tag-list" itemprop="keywords"><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/javascript/" rel="tag">javascript</a></li><li class="article-tag-list-item"><a class="article-tag-list-link" href="/tags/%E9%9D%A2%E8%AF%95/" rel="tag">面试</a></li></ul>
+
+    </footer>
+  </div>
+
+
+<nav id="article-nav">
+
+    <a href="/2020/08/30/hello-world/" id="article-nav-newer" class="article-nav-link-wrap">
+      <strong class="article-nav-caption">前一篇</strong>
+      <div class="article-nav-title">
+
+          Hello World
+
+      </div>
+    </a>
+
+
+    <a href="/2020/05/16/java-interview-questions/" id="article-nav-older" class="article-nav-link-wrap">
+      <strong class="article-nav-caption">后一篇</strong>
+      <div class="article-nav-title">Java方向面试题</div>
+    </a>
+
+</nav>
+
+
+</article>
+
+
+</section>
+
+          <aside id="sidebar">
+
+
+
+
+
+  <div class="widget-wrap">
+    <h3 class="widget-title">标签</h3>
+    <div class="widget">
+      <ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/tags/AWS/" rel="tag">AWS</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/docker/" rel="tag">docker</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/git-svn/" rel="tag">git-svn</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/java/" rel="tag">java</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/javascript/" rel="tag">javascript</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/jvm/" rel="tag">jvm</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/k8s/" rel="tag">k8s</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/kubernetes/" rel="tag">kubernetes</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/spring-boot/" rel="tag">spring-boot</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/zgc/" rel="tag">zgc</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%88%86%E5%B8%83%E5%BC%8F%E5%AD%98%E5%82%A8/" rel="tag">分布式存储</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E5%AD%98%E5%82%A8/" rel="tag">存储</a></li><li class="tag-list-item"><a class="tag-list-link" href="/tags/%E9%9D%A2%E8%AF%95/" rel="tag">面试</a></li></ul>
+    </div>
+  </div>
+
+
+
+
+  <div class="widget-wrap">
+    <h3 class="widget-title">标签云</h3>
+    <div class="widget tagcloud">
+      <a href="/tags/AWS/" style="font-size: 10px;">AWS</a> <a href="/tags/docker/" style="font-size: 10px;">docker</a> <a href="/tags/git-svn/" style="font-size: 10px;">git-svn</a> <a href="/tags/java/" style="font-size: 20px;">java</a> <a href="/tags/javascript/" style="font-size: 10px;">javascript</a> <a href="/tags/jvm/" style="font-size: 10px;">jvm</a> <a href="/tags/k8s/" style="font-size: 10px;">k8s</a> <a href="/tags/kubernetes/" style="font-size: 10px;">kubernetes</a> <a href="/tags/spring-boot/" style="font-size: 10px;">spring-boot</a> <a href="/tags/zgc/" style="font-size: 10px;">zgc</a> <a href="/tags/%E5%88%86%E5%B8%83%E5%BC%8F%E5%AD%98%E5%82%A8/" style="font-size: 10px;">分布式存储</a> <a href="/tags/%E5%AD%98%E5%82%A8/" style="font-size: 10px;">存储</a> <a href="/tags/%E9%9D%A2%E8%AF%95/" style="font-size: 15px;">面试</a>
+    </div>
+  </div>
+
+
+
+  <div class="widget-wrap">
+    <h3 class="widget-title">归档</h3>
+    <div class="widget">
+      <ul class="archive-list"><li class="archive-list-item"><a class="archive-list-link" href="/archives/2024/03/">三月 2024</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2022/08/">八月 2022</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2021/07/">七月 2021</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/08/">八月 2020</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2020/05/">五月 2020</a></li><li class="archive-list-item"><a class="archive-list-link" href="/archives/2019/11/">十一月 2019</a></li></ul>
+    </div>
+  </div>
+
+
+
+
+  <div class="widget-wrap">
+    <h3 class="widget-title">最新文章</h3>
+    <div class="widget">
+      <ul>
+
+          <li>
+            <a href="/2024/03/21/aws/">AWS 服务介绍</a>
+          </li>
+
+          <li>
+            <a href="/2022/08/30/git-svn/">git-svn</a>
+          </li>
+
+          <li>
+            <a href="/2021/07/30/vitess/">一文读懂Vitess</a>
+          </li>
+
+          <li>
+            <a href="/2021/07/28/zgc/">一文读懂ZGC</a>
+          </li>
+
+          <li>
+            <a href="/2021/07/21/Storage/">一文读懂分布式存储</a>
+          </li>
+
+      </ul>
+    </div>
+  </div>
+
+
+</aside>
+
+      </div>
+      <footer id="footer">
+
+  <div class="outer">
+    <div id="footer-info" class="inner">
+
+      &copy; 2024 牛古<br>
+      Powered by <a href="https://hexo.io/" target="_blank">Hexo</a>
+    </div>
+  </div>
+</footer>
+
+    </div>
+    <nav id="mobile-nav">
+
+    <a href="/" class="mobile-nav-link">Home</a>
+
+    <a href="/archives" class="mobile-nav-link">Archives</a>
+
+</nav>
+
+
+
+<script src="/js/jquery-3.6.4.min.js"></script>
+
+
+
+
+<script src="/fancybox/jquery.fancybox.min.js"></script>
+
+
+
+
+<script src="/js/script.js"></script>
+
+
+
+
+
+  </div>
+</body>
+</html>