前端面试题（08） 本篇LISTDoctype 的作用？严格模式与混杂模式的区别？IE 的双边距 BUG：块级元素 float 后设置横向 margin，ie6 显示的 margin 比设置的较大。HTML 与 XHTML——二者有什么区别？对 WEB 标准以及 W3C 的理解与认识行内元素有哪些?块级元素有哪些?CSS 的盒模型?2.3.4.5....
虚拟的DOM与DOM diff 1.关于DOM的谣言2.虚拟DOM优点3.虚拟DOM是什么样子的reactvue4.如何创建虚拟DOM5.创建虚拟DOM的方便方法6.虚拟DOM是什么，虚拟DOM优点，缺点7.diff的实现基本思路8.小结
前端面试题（06） 本篇LIST如何垂直居中一个浮动元素？px 和 em 的区别。描述一个”reset”的 CSS 文件并如何使用它。知道 normalize.css 吗？你 了解他们的不同之处？Sass、LESS 是什么？大家为什么要使用他们？// 方法一：已知元素的高宽 #div1{ background-color:#6699FF; width:200px; height:200px; position: absolute; //父元素需要相对定位 top: 50%; lef
前端面试题（05） 本篇LIST什么是 Css Hack？ie6,7,8 的 hack 分别是什么？行内元素和块级元素的具体区别是什么？行内元素的 padding 和 margin 可 设置吗？什么是外边距重叠？重叠的结果是什么？rgba()和 opacity 的透明效果有什么不同？css 中可以让文字在垂直和水平方向上重叠的两个属性是什么？2.3.4.5....
canvas（01基础用法） 1.canvas大小的初始化<canvas id="tutorial" width="150" height="150"></canvas>片canvas 标签只有两个属性—— width和height。这些都是可选的，并且同样利用 DOM properties 来设置。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用CSS来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果CSS的尺寸与初始画布的比例不一致，它会出现扭曲
无重复字符的最长子串 题目解法一： 维护数组var lengthOfLongestSubstring = function(s) { let arr = [], max = 0 for(let i = 0; i < s.length; i++) { let index = arr.indexOf(s[i]) if(index !== -1) { arr.splice(0, index+1); } arr.push
前端导航站点（PC端） 本篇LIST1.项目预览地址： 项目预览地址2.项目完成效果：3.HTML布局拆分1. tip提示部分2. title标题部分3.搜索栏部分找的是codepen上现成的搜索框样式，包含搜索框展开收缩的特效。4.键盘录入部分找的是codepen上的现成的3d键盘样式，当点击实际键盘上对应的按键时，品目上的键盘会按下。5.整体页面背景部分找的是google导航的也页面背景。6.添加网站的弹出框部分找的是codepen上现成的弹出框样式，少加修改。4. CSS结构拆分主要是现成的样
前端面试题01 本篇LIST div+css布局与table布局的比较 img标签的alt，title属性。strong与em标签不同的侧重点 为什么利用多个域名来存储网站的资源 网页标准制定的重要性2.3.4.
TypeScript精进（01） 课程背景随着互联网行业的发展，前端开发已经不仅仅是Web网页开发。实际上，移动端，服务端，再到物联网、机器学习等，都有前端来发的身影，都在使用 javascript 。但是，由于 JS 自身的不足（比如，缺少类型系统），导致使用JS 开发大型项目时，心有余而力不足！因此，就有了 TypeScript。TS 与 JS 异同-----1. TS 比 JS 的优势开发工具准备安装TS 解析包， 把TS转换成 node.js/浏览器可以运行的JS代码。npm i -g typescript.
Sonni站点(移动端) 本篇list1.项目预览2.项目介绍3.项目开发--3.1移动端样式初始化--2.2 解决三秒点击延迟事件--2.3 完成静态页面布局--2.4利用vue实现数据响应式--2.5 实现删除功能--2.6 添加背景切换功能（图片闪动，键盘呼出问题）项目预览：https://jackson01.gitee.io/mobile_site1. 项目介绍Sonni站点是一个H5，移动端的站点，利用了VUE，js，html，css技术点。集成了网站搜索和网址保存的功能。方便用户保存经常访问的网
森尼简易画板 本篇LIST：项目介绍项目实现--静态布局--交互逻辑实现项目预览地址：http://jackson01.gitee.io/canvashua/项目介绍：在学习HTML5 canvas时制作的一个画板，支持移动端和桌面端，可以图片形式保存绘画内容。功能可选择笔的粗细可选择笔的颜色添加橡皮擦功能添加清空功能添加可下载内容项目实现：1.静态布局2.逻辑实现2.1 根据设备自动设置画布的大小我们定义一个自动设置画布大小函数利用document.documentElem
typescript--基础类型 本篇List1）概念ts支持与js相同类型的数据类型，此外还提供了枚举等类型2）字符串let dogName: string = "linda";let dogAge: number = 12;let introDog: string = `我有一只狗他${dogAge}`;3) 数字//2.数字// 2, 8, 10, 16let num1: number = 16;let num2: number = 0x10;let num3: number = 0o20;let num
ts-接口（1） 本篇LIst什么是接口？定义一个接口可选属性接口只读属性接口可添加属性接口函数接口什么是接口定义接口// 1.定义一个接口interface Person { pName: string; pAge: number; pSex: string; } let person: Person = { pName: "xiaoming", pAge: 18, pSex: "woman", }; function p
SSL/TLS协议运行机制的概述 一、作用（1） 所有信息都是加密传播，第三方无法窃听。（2） 具有校验机制，一旦被篡改，通信双方会立刻发现。（3） 配备身份证书，防止身份被冒充。互联网是开放环境，通信双方都是未知身份，这为协议的设计带来了很大的难度。而且，协议还必须能够经受所有匪夷所思的攻击，这使得SSL/TLS协议变得异常复杂。二、基本的运行过程SSL/TLS协议的基本思路是采用公钥加密法，也就是说，客户端先向服务器端索要公钥，然后用公钥加密信息，服务器收到密文后，用自己的私钥解密。（1）如何保证公钥不被篡改？解决
React Hooks深入了解 1.什么是 React Hooks官方介绍：Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。2.React Hooks的优点是什么拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。拥有了Hooks，生命周期钩子函数可以先丢一边了。既然Class都丢掉了，哪里还有this？你的人生第一次不再需要面对this。3.一个最简单的Hooks以下是一个原本应该使用class的简单应
原生js实现ajax封装 一、什么是ajax？定义：Ajax(Asynchronous Java and XML的缩写)是一种异步请求数据的web开发技术，在不需要重新刷新页面的情况下，Ajax 通过异步请求加载后台数据，并在网页上呈现出来。作用：提高用户体验，减少网络数据的传输量二、ajax常见运用场景表单验证是否登录成功、百度搜索下拉框提示和快递单号查询等等。三、Ajax原理是什么Ajax请求数据流程，其中最核心的依赖是浏览器提供的对象xhr，它扮演的角色相当于秘书，使得浏览器可以发出HTTP请求与接收HTTP响应
关注
