前端该如何选择图片的格式
<p>想当初，这个问题在面试实习的时候被问到。问题看着简单，但是想要回答好还需要下一番功夫来了解的。</p><p>如果不想看文章的话直接翻到文末去看结论即可。</p>
2020/4/7
阅读更多Jay Zangwill
人最大的无知就是不知道自己有多无知，我一直在摆脱无知的道路上前行
移动端适配
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://jayzangwill.github.io/blog/2019/04/02/flexible/">原文</a> && <a href="https://www.jayzangwill.cn" target="_blank" rel="noopener">个人主页</a></p><p><a href="https://zhuanlan.zhihu.com/p/61697375" target="_blank" rel="noopener">知乎</a> && <a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a></p><h2 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h2><p>随着移动端的普及，以及手机尺寸越来越多，这就衍生了众多的适配方案，以下挑一些常见的适配方案进行探讨。</p><p>本文默认读者已经对视口、物理像素、逻辑像素、css像素等移动端基本概念已经了解了。</p>
2019/4/2
阅读更多扒一扒浏览器缓存机制
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://jayzangwill.github.io/blog/2019/02/07/cache/">原文</a> && <a href="https://www.jayzangwill.cn" target="_blank" rel="noopener">个人主页</a></p><p><a href="https://zhuanlan.zhihu.com/p/56943873" target="_blank" rel="noopener">知乎</a> && <a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a></p><h2 id="背景"><a href="#背景" class="headerlink" title="背景"></a>背景</h2><p>之所以会写这篇文章，是因为之前在工作中发生的一次微信浏览器莫名缓存的问题。这个问题的源头是因为万恶的微信浏览器将页面的入口文件给缓存起来了（单页面应用），因此，通过写下这篇文章来理一理浏览器的缓存机制。</p><p>详细的解决方案可以看<a href="https://www.jianshu.com/p/cce9511c0914" target="_blank" rel="noopener">这里</a></p>
2019/2/7
阅读更多line-height和vertical-align采坑记
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://jayzangwill.github.io/blog/2018/11/24/line-height-and-vertical-align/">原文</a> && <a href="https://www.jayzangwill.cn" target="_blank" rel="noopener">个人主页</a><br><a href="https://zhuanlan.zhihu.com/p/56943873" target="_blank" rel="noopener">知乎</a> && <a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a></p><p>由于在工作过程中经常遇到行内元素错位的问题，所以决定研究一下line-height和vertical-align，研究完后发现的确还有一些比较细节性的东西自己好不知道，这次打算和大家分享一下我自己的一些收获。</p>
2018/11/24
阅读更多分享个人前端学习路线及面试经验
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="http://www.jayzangwill.cn/" target="_blank" rel="noopener">个人主页</a><br><a href="https://jayzangwill.github.io/blog/2018/05/01/fe-summary/#more">原文链接</a><br><a href="https://juejin.im/post/5ae980c9f265da0b767d485f" target="_blank" rel="noopener">掘金</a><br><a href="https://zhuanlan.zhihu.com/p/36336162" target="_blank" rel="noopener">知乎</a>&<a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a></p><p>本人从大二上学期到现在学习前端已将近有3年时间了，最近利用毕业论文写完的一些空余时间写一下这篇文章，用于分享一些<strong>个人</strong>的前端学习经验，以及一些面试经验，不一定适合每个人，不喜勿喷，同时欢迎大家提出建议。</p>
2018/5/1
阅读更多搜狗实习总结
<p>转眼间，在搜狗实习已经快一年了，在这得确收获颇丰，所以得总结一下。</p>
2018/3/19
阅读更多vue-cli-multipage
<h1 id="基于vue-cli的多页面应用脚手架"><a href="#基于vue-cli的多页面应用脚手架" class="headerlink" title="基于vue-cli的多页面应用脚手架"></a>基于vue-cli的多页面应用脚手架</h1><h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://jayzangwill.github.io/blog/2018/03/06/vue-cli-multipage/#more">原文</a></p><p><a href="https://juejin.im/post/5a9e1716f265da237a4c85f9" target="_blank" rel="noopener">掘金</a></p><p><a href="https://zhuanlan.zhihu.com/p/34272390" target="_blank" rel="noopener">知乎</a>&<a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a></p><p>目前vue-cli生成的配置都是做多页面的，然而，我们有时也会有多页面的需求。<br>同时，之前借用的<a href="https://github.com/breezefeng/vue-cli-multipage" target="_blank" rel="noopener">这个</a>多页面例子貌似作者不再维护了，导致webpack升级到webpack2就无法使用了，所以我就参考这个例子自己弄了个多页面脚手架，会不定期维护的。</p><p>代码地址：<a href="https://github.com/JayZangwill/vue-multipage" target="_blank" rel="noopener">https://github.com/JayZangwill/vue-multipage</a><br>有什么问题可以在issues上提，欢迎star</p>
2018/3/6
阅读更多记一次我看红宝书对继承加深的理解
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://zhuanlan.zhihu.com/p/34123800" target="_blank" rel="noopener">知乎</a></p><p>趁着目前手头上没啥事，赶紧写篇文章，emm…。</p><p>红宝书不愧是红宝书，每看一次都会有新的收获，呃，废话不多说，直接进入正题吧。</p><p>此文章默认您已经对原型、原型链、对象实例、new的过程有了一定的理解，如不理解的请自行查阅相关资料。</p><p>另外，以下实例代码变量名、函数、变量值名我做了一定的修改，其大体思路和红宝书里的一样。</p>
2018/2/27
阅读更多四月北京面试之旅
<p>此次面试之旅虽然只面试了两家，但是在这其中学到了蛮多同时也意识到了自己的很多不足。</p><p>以下面试情况都是凭着记忆中的印象写的，面试的问题要比我写的多，我就写些印象深刻的。</p>
2017/4/25
阅读更多常用的mongodb命令
<h1 id="下面是一些我常用的mongodb命令，供自己备忘"><a href="#下面是一些我常用的mongodb命令，供自己备忘" class="headerlink" title="下面是一些我常用的mongodb命令，供自己备忘"></a>下面是一些我常用的mongodb命令，供自己备忘</h1>
2017/4/10
阅读更多几个让我印象深刻的面试题(二)
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://jayzangwill.github.io/blog/2017/03/19/Some%20of%20the%20interview%20questions%20that%20impressed%20me-2/">原文地址</a>&&<a href="https://jayzangwill.github.io/blog/">我的博客</a><br><a href="https://zhuanlan.zhihu.com/p/25863288" target="_blank" rel="noopener">知乎</a>&&<a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a><br><a href="http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/65319f42a5ce" target="_blank" rel="noopener">简书</a><br><a href="http://henanjs.org/" target="_blank" rel="noopener">河南前端交流群官网</a></p><p>上次写了一篇<a href="https://jayzangwill.github.io/blog/2017/03/01/Some%20of%20the%20interview%20questions%20that%20impressed%20me-1/">几个让我印象深刻的面试题(一)</a>没看过的同学可以去看哦。<br>这次文章的题目来源：<a href="https://juejin.im/post/58c51b5c44d90400698da686" target="_blank" rel="noopener">这里有超过20家的前端面试题，你确定不点进来看看？</a>。<br>如果上面的问题在我这篇文章里没有提到的话，那就说明有些问题可以很容易查得到或者很简单或者我能力有限不能解答出来的。如果有的问题你不会而且我又没有提的那就认为就是我能力有限不能解答出来吧。嘿嘿嘿。开个玩笑，不过可以在下面留言哦！</p>
2017/3/19
阅读更多几个让我印象深刻的面试题(一)
<h2 id="前言"><a href="#前言" class="headerlink" title="前言"></a>前言</h2><p><a href="https://jayzangwill.github.io/blog/2017/03/01/Some%20of%20the%20interview%20questions%20that%20impressed%20me/">原文地址</a>&&<a href="https://jayzangwill.github.io/blog/">我的博客</a><br><a href="https://zhuanlan.zhihu.com/p/25514220" target="_blank" rel="noopener">知乎</a>&&<a href="https://zhuanlan.zhihu.com/jayzangwill" target="_blank" rel="noopener">知乎专栏</a><br><a href="http://henanjs.org/" target="_blank" rel="noopener">河南前端交流群官网</a></p><p>时间不知不觉已经来到了大三的下学期，各大企业的春招也陆续的开始，自己也开始做些面试题，一来了解了解面试题一般会问什么，二来通过面试题可以发现自己还有哪方面不足赶紧弥补，以备战今年的春招。<br>通过最近的学习，我总结了一下一些我遇到的让我印象深刻的一些面试题，大家可以先看看题目自己想想答案，然后再看我的答案(<strong>我的答案经供参考，如有更好的想法欢迎在下面评论区提出自己的意见</strong>)。</p>
2017/3/1
阅读更多css盒模型与定位
<p>说到css的盒子模型和定位相信大家一定都听说过，因为它们是css中的基础，同时也是难点，这篇文章的作用在于基础知识的扫盲。</p>
2016/12/15
阅读更多javscript的数据类型
<h1 id="javscript数据类型"><a href="#javscript数据类型" class="headerlink" title="javscript数据类型"></a>javscript数据类型</h1><p>之前学到javascript的数据类型时遇到了一些困惑，因为之前和一些大神交流和自己百度+谷歌查到的还有在红宝书上看到的答案不一样，最近通过查阅了一些资料终于把自己的困惑解决了，现在来写一些笔记记录记录。</p>
2016/11/7
阅读更多angular学习笔记(3)
<h1 id="angular表单验证"><a href="#angular表单验证" class="headerlink" title="angular表单验证"></a>angular表单验证</h1><p>angular自带有一套功能强大的表单验证功能，另外还拓展了一些验证功能(number，url，email，reset)，还能给我们自定义验证方法，用起来特别方便。</p><p>首先，先得把bootstrap的样式引进来，这样就不用自己写样式了。</p>
2016/10/24
阅读更多angular学习笔记(2)
<h1 id="angular学习笔记-2"><a href="#angular学习笔记-2" class="headerlink" title="angular学习笔记(2)"></a>angular学习笔记(2)</h1><p>这里接着上一篇继续写笔记，废话不多说，直接进入正题……</p><h1 id="angular的服务"><a href="#angular的服务" class="headerlink" title="angular的服务"></a>angular的服务</h1><p>上篇文章说到，不要去试图复用<code>controller</code>。但是如果两个<code>controller</code>中有相同的功能该怎么办？</p><p>这个时候服务就起到作用了。angular内置有很多服务给我们使用，当然也可以给我们自定义服务。</p>
2016/10/14
阅读更多angular学习笔记(1)
<h1 id="angular学习笔记-1"><a href="#angular学习笔记-1" class="headerlink" title="angular学习笔记(1)"></a>angular学习笔记(1)</h1><p>由于之前学习了vue，所以学习angular感觉还蛮顺的，因为这两个框架有很多相似之处，例如：</p><pre><code>1. 输出都可以用双括号{{}}2. 都有双向数据绑定3. 指令也有很多相似的地方，这里就不一一列举了</code></pre>
2016/10/11
阅读更多初尝vue
<h1 id="初尝vue"><a href="#初尝vue" class="headerlink" title="初尝vue"></a>初尝vue</h1><p>因为最近在做一个项目，感觉无从下手。因为老师给了一个漏洞百出的小破系统让我们自己研究做出个一模一样的出来(这里简单的吐槽一下)。在大神的建议下，开始学习vue，下面是我学习的一些笔记。</p>
2016/8/14
阅读更多sass基础
<h1 id="sass语法糖"><a href="#sass语法糖" class="headerlink" title="sass语法糖"></a>sass语法糖</h1><p>用了两天的时间看了一下sass的一些语法，对于熟悉css的我来说,看sass基本没遇到什么困难。 </p><p>为了避免忘记，现在来写些sass的一些笔记。</p>
2016/8/9
阅读更多hexo+github快速搭建个人博客
<h1 id="开场白"><a href="#开场白" class="headerlink" title="开场白"></a>开场白</h1><p>昨天用<em>hexo</em>搭建了自己的一个个人博客，费了不少劲，网上的资料有的不全，有的是太老了现在用不了，废话不多说了，直奔主题吧。</p>
2016/7/31
阅读更多