<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Char_n的博客]]></title><description><![CDATA[一只专注于前端开发的小码农]]></description><link>https://blog.csdn.net/Char_n</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; Char_n]]></copyright><item><title><![CDATA[记录我第一次正式面试（已offer）]]></title><link>https://blog.csdn.net/Char_n/article/details/82869355</link><guid>https://blog.csdn.net/Char_n/article/details/82869355</guid><author>Char_n</author><pubDate>Thu, 27 Sep 2018 16:39:11 +0800</pubDate><description><![CDATA[深信服2019届秋招

心疼自己中秋节当天还去面试，随便也心疼一下面试官。
说说我的第一次正式面试，简直是体验不要太好。深信服的一二面简直不要太舒服，我听别人面试都是说好紧张，搞得自己也有点小紧张；进去后才发现，根本不存在紧张的说法，好吗？一面的面试官是15届毕业生（我问他的），根本就没想象中那种冷面、居高临下的感觉，我答不上来的题，他都会跟我解释，然后接着提问题。整个过程给我的感觉就是一次技术交...]]></description><category></category></item><item><title><![CDATA[原型链]]></title><link>https://blog.csdn.net/Char_n/article/details/82462481</link><guid>https://blog.csdn.net/Char_n/article/details/82462481</guid><author>Char_n</author><pubDate>Thu, 06 Sep 2018 15:48:20 +0800</pubDate><description><![CDATA[原型链类

问题：


创建对象有几种方法
原型、构造函数、实例、原型链
instanceof的原理
new的原理






创建对象有几种方法



// 第一种
var obj = {name: 'z'}
var obj2 = new Object({name: 'z'})
// 第二种
var Foo = function(){ this.name = 'z' }
var obj2 = n...]]></description><category></category></item><item><title><![CDATA[HTTP协议类]]></title><link>https://blog.csdn.net/Char_n/article/details/82462338</link><guid>https://blog.csdn.net/Char_n/article/details/82462338</guid><author>Char_n</author><pubDate>Thu, 06 Sep 2018 15:41:54 +0800</pubDate><description><![CDATA[HTTP协议类

问题：


HTTP协议的主要特点
HTTP报文的组成部分
HTTP方法
POST和GET的区别
HTTP状态码
什么是持久连接
什么是管线化






HTTP协议的主要特点


简单快速
灵活
无连接
无状态
HTTP报文的组成部分




HTTP方法




  常用方法
  作用



  GET
  获取资源


  POST
  传输资源


  PUT
  更新...]]></description><category></category></item><item><title><![CDATA[DOM事件类]]></title><link>https://blog.csdn.net/Char_n/article/details/82462138</link><guid>https://blog.csdn.net/Char_n/article/details/82462138</guid><author>Char_n</author><pubDate>Thu, 06 Sep 2018 15:32:40 +0800</pubDate><description><![CDATA[DOM事件类

问题（从上之下，逐步深入）：


基本概念：DOM事件的级别
DOM事件模型
DOM事件流
描述DOM事件捕获的具体流程
Event对象的常见应用
自定义事件





基本概念–DOM事件的级别





  DOM事件类
  事件级别



  DOM0
  element.onclick = function() {}


  DOM2
  element.addEventL...]]></description><category></category></item><item><title><![CDATA[CSS盒模型系统整理]]></title><link>https://blog.csdn.net/Char_n/article/details/82462067</link><guid>https://blog.csdn.net/Char_n/article/details/82462067</guid><author>Char_n</author><pubDate>Thu, 06 Sep 2018 15:29:41 +0800</pubDate><description><![CDATA[CSS盒模型

问题（从上之下，逐步深入）：


基本概念：标准模型 + IE 模型
标准模型与 IE 模型的区别
CSS如何设置这两种模型
JS如何设置获取盒模型对应的宽和高
实例题（根据盒模型解释边距重叠）
BFC（边距重叠解决方案）





基本概念与区别：

标准模型




  在标准盒模型中：盒子占位= width + 2*margin + 2*padding + 2*border，...]]></description><category></category></item><item><title><![CDATA[前端一些常见的面试题]]></title><link>https://blog.csdn.net/Char_n/article/details/82286105</link><guid>https://blog.csdn.net/Char_n/article/details/82286105</guid><author>Char_n</author><pubDate>Sat, 01 Sep 2018 12:42:01 +0800</pubDate><description><![CDATA[前端面试题


  Happy coding.


new的原理



function Foo (name, age) {
    this.name = name;
    this.age = age;
    this.class = 'class-1';

    // return this // 默认有这一行，new是一种语法糖，
                   // 它帮我们...]]></description><category></category></item><item><title><![CDATA[在ul中，点击其中一个<li>标签，弹出或输出相应的序号或相应文本内容]]></title><link>https://blog.csdn.net/Char_n/article/details/82118042</link><guid>https://blog.csdn.net/Char_n/article/details/82118042</guid><author>Char_n</author><pubDate>Mon, 27 Aug 2018 19:47:26 +0800</pubDate><description><![CDATA[ul中有li，点击li，获得对应的序号


  Happy coding…


作为一个前端开发者，一定会遇到这样的一个问题：


  一个&amp;amp;lt;ul&amp;amp;gt;中里面嵌套了好多空的&amp;amp;lt;li&amp;amp;gt;标签，点击&amp;amp;lt;li&amp;amp;gt;弹出它的序号（HTML不可以修改）。即点击第一个&amp;amp;lt;li&amp;amp;gt;标签时弹出0，点击第二个&amp;amp;lt;li&amp;amp;gt;标签时弹出]]></description><category></category></item><item><title><![CDATA[一道关于柯里化的前端面试题]]></title><link>https://blog.csdn.net/Char_n/article/details/81430699</link><guid>https://blog.csdn.net/Char_n/article/details/81430699</guid><author>Char_n</author><pubDate>Sun, 05 Aug 2018 14:09:42 +0800</pubDate><description><![CDATA[JS 类型转换及柯里化

实现一个函数，运算结果可以满足如下预期结果： 


  add(1)(2) // 3 
  add(1, 2, 3)(10) // 16 
  add(1)(2)(3)(4)(5) // 15


先上本人自己的答案：



function add(){
    // 第一次执行时，定义一个数组专门用来储存所有的参数
    var args = [].slice.ca...]]></description><category></category></item><item><title><![CDATA[JavaScript实现一个计算器]]></title><link>https://blog.csdn.net/Char_n/article/details/81353508</link><guid>https://blog.csdn.net/Char_n/article/details/81353508</guid><author>Char_n</author><pubDate>Thu, 02 Aug 2018 10:09:42 +0800</pubDate><description><![CDATA[JavaScript写一个计算器


  Happy coding. 
  废话不多说直接上代码。




JavaScript写一个计算器
效果：传送门
HTML代码
CSS代码
JS代码









效果：传送门



HTML代码

html代码并没有什么好讲的；其中比较重要的点就是根据每个button的name中的值来区别一些特别的操作，比如平方、开根号等等，然后为了更好的用户体验，...]]></description><category></category></item><item><title><![CDATA[FCC-intermediate-algorithm]]></title><link>https://blog.csdn.net/Char_n/article/details/81234644</link><guid>https://blog.csdn.net/Char_n/article/details/81234644</guid><author>Char_n</author><pubDate>Fri, 27 Jul 2018 11:42:43 +0800</pubDate><description><![CDATA[Basic Algorithm——JavaScript


  Happy Coding. 
  本文为 FreeCodeCamp 中前端的十六道基础算法题及解答。




Basic Algorithm——JavaScript
Sum All Numbers in a Range
Diff Two Arrays
Roman Numeral Converter
Where art thou
Sea...]]></description><category></category></item><item><title><![CDATA[FCC-basic-algorithm]]></title><link>https://blog.csdn.net/Char_n/article/details/81219179</link><guid>https://blog.csdn.net/Char_n/article/details/81219179</guid><author>Char_n</author><pubDate>Thu, 26 Jul 2018 14:17:55 +0800</pubDate><description><![CDATA[Basic Algorithm——JavaScript


  Happy Coding. 
   本文为 FreeCodeCamp 中前端的十六道基础算法题及解答。




Basic Algorithm——JavaScript
Reverse a String
Factorialize a Number
Check for Palindromes
Find the Longest Word i...]]></description><category></category></item><item><title><![CDATA[Sublime Text 3：自用插件及设置]]></title><link>https://blog.csdn.net/Char_n/article/details/80966533</link><guid>https://blog.csdn.net/Char_n/article/details/80966533</guid><author>Char_n</author><pubDate>Mon, 09 Jul 2018 18:37:46 +0800</pubDate><description><![CDATA[Sublime Text 3：自用插件及设置

Sublime Text 3是一款强大而精巧的文本编辑器 
它的界面友好、功能非凡、性能极佳 
可令代码高亮、语法提示、自动完成 
更重要的是，它支持众多插件扩展——锦上添花、强之又强 
本文着重介绍Sublime Text 3可助力前端开发的优秀插件以及更改默认设置、



插件


Emmet——HTML必不可少的插件
Autoprefixer—...]]></description><category></category></item><item><title><![CDATA[LiveReload：释放你的F5，实时预览HTML效果]]></title><link>https://blog.csdn.net/Char_n/article/details/79777585</link><guid>https://blog.csdn.net/Char_n/article/details/79777585</guid><author>Char_n</author><pubDate>Sun, 01 Apr 2018 14:54:49 +0800</pubDate><description><![CDATA[一、liveReload插件开发背景Web前端开发人员在写页面时，如果修改了HTML or CSS，要想看效果通常的做法就是保存代码就得 Alt+Tab，切换到浏览器（当然，我知道很多开发人员是双屏操作不一定需要切换到浏览器），但是一定要F5刷新才能看自己刚写的代码有没有效果，没有效果就再切换到编辑器下修改，然后再切换到浏览器F5刷新看效果，还没有效果，就再继续修改，如此反复。时间久了，前端自动化...]]></description><category></category></item><item><title><![CDATA[Sublime个性用户设置]]></title><link>https://blog.csdn.net/Char_n/article/details/79771657</link><guid>https://blog.csdn.net/Char_n/article/details/79771657</guid><author>Char_n</author><pubDate>Sat, 31 Mar 2018 18:49:39 +0800</pubDate><description><![CDATA[一、基础用户设置：工具栏 Preferences – Settings-User 进入用户设置二、设置代码：{
	&quot;bold_folder_labels&quot;: true,// 加粗字号
	&quot;color_scheme&quot;: &quot;Packages/Color Scheme - Default/Monokai.tmTheme&quot;,// 颜色主题
	&quot;debug&quot;: true,// 开启debug功能
	&quot;fon...]]></description><category></category></item><item><title><![CDATA[Js判断键盘按键]]></title><link>https://blog.csdn.net/Char_n/article/details/71117786</link><guid>https://blog.csdn.net/Char_n/article/details/71117786</guid><author>Char_n</author><pubDate>Wed, 03 May 2017 12:37:39 +0800</pubDate><description><![CDATA[js判断键盘按键]]></description><category></category></item><item><title><![CDATA[增强JavaScript性能(略写)]]></title><link>https://blog.csdn.net/Char_n/article/details/70245403</link><guid>https://blog.csdn.net/Char_n/article/details/70245403</guid><author>Char_n</author><pubDate>Wed, 19 Apr 2017 21:14:04 +0800</pubDate><description><![CDATA[当浏览器遇到<script>标签时，在大多数情况下，它会停止渲染页面，直到完成对该脚本的读取和解析。所以，把所有能够移动的<script>标签挪至HTML的</body>标签之前。
将JavaScript文件编制成GZip编码传输。（详细资料见本书P85）。
缩编、混淆和编译： 
缩编是将JavaScript代码中所有的空格个换行符进行移除，以产出更小体积的代码文件，但是处理后的代码仍保留着由开发者]]></description><category></category></item><item><title><![CDATA[一个用于简化其他“类”创建的基“类”及其使用]]></title><link>https://blog.csdn.net/Char_n/article/details/70233255</link><guid>https://blog.csdn.net/Char_n/article/details/70233255</guid><author>Char_n</author><pubDate>Tue, 18 Apr 2017 21:57:45 +0800</pubDate><description><![CDATA[一个用于简化其他“类”创建的基“类”及其使用，强化JS面向对象开发思路。]]></description><category></category></item><item><title><![CDATA[面向对象的JavaScript]]></title><link>https://blog.csdn.net/Char_n/article/details/70231846</link><guid>https://blog.csdn.net/Char_n/article/details/70231846</guid><author>Char_n</author><pubDate>Tue, 18 Apr 2017 19:35:58 +0800</pubDate><description><![CDATA[JavaScript中公有、私有以及受保护的属性和方法。]]></description><category></category></item></channel></rss>