qq_43356200的博客

HTML5的离线存储怎么使用，工作原理能不能解释一下？ 1.在用户没有与因特网连接时，可以正常访问站点或应用，在用户与因特网连接时，更新用户机器上的缓存文件 原理： HTML5的离线存储是基于一个新建的 .appcache 文件的缓存机制（不是存储技术），通过这个文件上的解析清单离线存储资源，这些资源会像cookie一样被存储了下来。之后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示 如何使用： 页面头部像下面一样加入一个 manifest 的属性； 在 cache.manifest文

HTML5现在已经不是 SGML的子集，主要是关于图像，位置，存储，多任务等功能的增加 绘画canvas 用于媒介回放的 video和audio元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失 sessionStorage的数据在浏览器关闭后自动删除 语意化更好的内容元素，比如article、footer、header、nav、section 表单控件，calendar、date、time、email、url、search 新的技术webworker、websocke..

从浏览器地址栏输入url到显示页面的步骤 基础版本 浏览器根据请求的 URL 交给 DNS 域名解析，找到真实 IP，向服务器发起请求； 服务器交给后台处理完成后返回数据，浏览器接收文件（HTML、JS、CSS、图像等）； 浏览器对加载到的资源（HTML、JS、CSS 等）进行语法解析，建立相对应的内部数据结构（如 HTML 的 DOM）； 载入解析到的资源文件，渲染页面，完成。 详细版 1.在浏览器地址栏输入URL 2.浏览器查看缓存，如果请求资源在缓存中并且新鲜，跳转到转码步骤 如果资源未缓存，发

HTTP的几种请求方法用途 GET 方法 发送一个请求来取得服务器上的某一资源 POST 方法 向 URL 指定的资源提交数据或附加新的数据 PUT 方法 跟 POST 方法很像，也是想服务器提交数据。但是，它们之间有不同。PUT 指定了资源在服务器上的位置，而 POST 没有 HEAD 方法 只请求页面的首部 DELETE 方法 删除服务器上的某资源 OPTIONS 方法 它用于获取当前 URL 所支持的方法。如果请求成功，会有一个 Allow 的头包含类似

前端需要注意哪些SEO 合理的 title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2词，而且要靠前，不同页面title要有所不同； description 把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description 有所不同； keyword列举出重要关键词即可 语义化的 HTML 代码，符合W3C规范：语义化代码让搜索引擎容易理解网页 重要内容 HTML 代码放在最前：搜索引擎抓取 HTML 顺序是从

基础篇 一、HTML、HTTP、web综合问题 前端面试基础题：前端需要注意哪些SEO 前端面试基础题：<img> 的 title 和 alt 有什么区别 前端面试基础题：HTTP的几种请求方法用途 前端面试基础题：从浏览器地址栏输入url到显示页面的步骤 前端面试基础题：如何进行网站性能优化 前端面试基础题：HTTP状态码及其含义 前端面试基础题：语义化的理解 前端面试基础题：介绍一下你对浏览器内核的理解？ 前端面试基础题：html5有哪些新特性、移除了哪些元素？ 前端面试基础题：HTML5

写在前面： 最近看到很多前端开发由于公司裁员而需要重新求职的。他们普遍具有4年甚至更长的工作经验。但求职结果往往都不太理想。 我在与部分前端开发者交谈的过程中发现，很多人的工作思路不清晰，技能不扎实，没有持续学习的习惯，但对于未来的预期都很高。 由于工作年限较长，他们普遍认为工资就是应该随着工作年限增长而不断提升的。但事实却是：你的工资不是和你的工作年限成正比，而是和你的不可替代性成正比。 01 在公司，你是无可替代还是可有可无 我的一个前端开发朋友，大学毕业后进入一家企业做前端开发。 6年前，他刚入职那会

我认为任何事物它的存在，都是一个逻辑闭环，我们在了解任何事物之前首先都要学会思考它的逻辑闭环，哪里逻辑不通了哪里就是我们要去主要学习的，所以在回答这个问题之前，我请大家先看一张图。 对于大家来说，暂时你只需要看懂这是一条S曲线（这个S曲线不是女人身材的S曲线）就行了，事实上，任何行业任何公司乃至任何事物的发展，都是一条S曲线。所以针对上图，我要来解释一下： 第一，任何行业的崛起是通过创新的！ 比如我们的互联网行业，它的出现就是一种创新，它改变的东西太多，我们这里不深度讨论，它改变了人类的生活方式，但是相信

接上篇文章回到 initData 函数的最后一句代码： // observe data observe(data, true /* asRootData */) 调用了 observe 函数观测数据, observe 源码如下： function observe(value, asRootData) { if (!isObject(value) || value instanceof VNode) { return } var ob; if (hasOwn(value, '__ob__')

我"崩"不住了，在彭凡同志锲而不舍的催促下这篇文章终于"蛋"生了。 说正经的这篇文章不好写，不好写的原因是我不太擅长写这些类比文,但它还是写出来了。 相信大部分人都有开发过功能插件，在写插件的时候普遍应用基本思想是以"默认配置为优先，以用户配置为覆盖"。如果你觉得简单先别着急穿裤子走人继续往下看看。 Validator插件 $("form").Validator(); 之前写过一个轻量级数据校验插件使用非常简单，你只需要找到form表单节点调用调用Validator 方法即可,就能在文本框中输入值进行

在Vue的 深入响应式原理 的讲解中说到，当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。 这些 getter/setter 对用户来说是不可见的，但是在内部它们让 Vue 能够追踪依赖，在属性被访问和修改时通知变更。 每个组件实例都对应一个 watcher 实例，它会在组件渲染的过程中把 “接触” 过的数据属性记录为依赖。之后当依赖项的 s

Lessons from rewriting the next major version of Vue.js 在过去的一年中，Vue团队一直在研究Vue.js的下一个主要版本，我们希望在2020年上半年发布该版本。（在撰写本文时，这项工作仍在进行中）。 Vue的主要版本于2018年底形成，当时Vue 2的代码库已有两年半的历史了。在通用软件的生命周期中听起来可能并不长，但在此期间，前端环境发生了巨大变化。 有两个主要的考虑因素使我们开发了Vue的新主要版本（并重写了它）：首先，主流浏览器普遍提供了新的Ja

今年算是经历颇多的一年了，腾讯和华为都走了几趟（一共面试了四个部门），拿了两个offer。（开心.png），但还是挂了两次，有点遗憾。 面试题总结 面试完之后，赶紧总结了一波，前端这个岗位，这两家大厂的面试思路和面试问题其实都差不多： 1. JS底层： 说一说js的原型与继承。 分析一下优秀的前端框架源码，这么写的优缺点在哪。 this指向问题，this的深拷贝如何实现，这个也是高频率被问到的问题。 js事件流是怎么样体现的。 柯里化函数。 2. 数据层： 写过中间件么？ 了解koa么？ 数据安全是怎

莫道君行早，更有早行人。 如果你已经学完了但是还没找到工作，那么就应该反省一下自己，到底哪些方面于欠缺，亡羊补牢，为时不晚，现在行动起来，你就还有机会！ 前端市场永远不会饱和！ 技术行业永远缺人，只是不缺混子！前端新鲜血液越来越多，代表着你自身的竞争力越来越小，最主要的问题是，如何提高自身竞争力~ 一、打好基础 首先建立第一条技能线：就是前端由html，css，js组成；然后将其细化为第二条线，html是由html4和html5组成；第三条线，css由css2和css3组成；第四条线，js由es5和es6.

今年一月份毅然裸辞，谁都想不到后面事情的发展变成了这样！疫情的到来让本不富裕的我雪上加霜 一直维系到大概四月初，才开始正式找工作，过程并不简单！虽然自认为，找一份合适的工作应该不难，可最后往往都拜倒在“合适”这两个字上！ 以下是我在四五月份总共面试的比较知名几家企业经验总结，“前赴”以倒，“后继”加油！ 字节、腾讯、滴滴！ 字节： 由于紧张怕错过面试，早早的便坐在了电脑桌前。面试官迟到了一会，就给我发起了面试视频邀请，终于开始了。 迎面是一个挺帅气的哥哥，简单的打了一下招呼，就进入了自我介绍的环节。由于自

互联网上有很多由社区成员提供的工具，可以帮助改善我们前端开发人员的开发体验。下面分享一下我个人非常喜欢的几个前端工具。 EnjoyCSS 老实说，尽管我做了很多前端开发工作，但还是不太擅长使用 CSS。EnjoyCSS 是一款非常简单的工具，是我在困难时期的救星。它为用户提供了简单的 UI，让用户可以设计元素，并提供对应的 CSS 输出。 Prettier Playground Prettier 是一种代码格式化程序，支持 JavaScript，包括 ES2017、JSX、Angular、Vue、F..

受疫情的影响，大家都有发现了，很多公司为了减少现金开支都在裁员，裁员的同时也有很多公司在疯狂招人。这让大家都很疑惑了，今年到底是就业容易还是就业难呢？招聘旺季金三银四还有没有？今年的就业应该如何去准备？阿靖最近也在忙着招聘，今天就来跟大家分享今年的就业市场情况和面试关注点，帮助大家提前准备好面试。 今年的金三银四没了？ 先说一下大家比较关心的金三银四，往年的3月份这个时候，是招聘量最高的时候，同比今年确实减少了一点，主要是受疫情影响，很多公司为了避免接触，加上没有全面复工的情况，招聘量比以往少了很多。 但是

网易面试 通知的是11点面试,我大概十点多就去了。 总共三轮面试，两轮技术面，一轮hr面，前台叫到你的时候，你去看自己在第几组，然后去对应的组面试。面试是1v1的。 去之前我还准备了正装（最后发现根本不用，而且看起来很异类）。 一面，是个男的面试官，一看就比较技术宅。首先，我坐到那里以后，先让我进行一番自我介绍。然后他在网上调出了我的简历，开始提问。我想的起来的一些题目大概罗列一下 1.什么是html语义化？ html语义化是使用一些语义化的标签来定义html的结构。语义化的好处是。1、使html文档 结构

前言 基于我面试别人和被别人面试的经验，我将整理一份清单。我面别人也好别人面我也好，都有一些总会被提及的问题。要记住，有些公司（比如Google）更加关注你是否可以做出高效的算法设计，所以如果你想去那儿工作，除了我下面列出的问题外，你还需要多加练习！ 我会在这里添加或是更新这些问题的答案（欢迎你提出有建设性的需求！） 我将问题分为以下几个大类： 概念 编码 改错 系统设计 概念 请用清晰准确的语句解释如下名词（不需要编码）： 什么是“大O”符号，它被用来表示什么？ 什么是DOM? 什么是时间循环？