摘要：
23-面试技巧 by smyhvae #写简历的注意事项 最多可以写“深入了解”，但不要写“精通”。 #遇到不知道的问题，该怎么回答 这块儿我没了解过，准备回去看一下。 这块儿我没研究过，您有没有好的资料，我可以补充一下细节。 写不出详细的代码，但是知道思路。 #项目经历 面试要体现项目的设计思路、 阅读全文
posted @ 2020-12-15 11:09
人心不古
阅读(92)
评论(0)
推荐(0)
摘要：
22-网友面经 #2018-03-08 jawil | 一年经验初探阿里巴巴前端社招 此博主的博客签名： 20180308_1703.png 2017我遇到的前端面试题 作者整理的这些题目，很多是来自面试跳槽的视频。非常推荐。 作者说，性能优化和ES6，是必问的。 2018年web前端经典面试题及答 阅读全文
posted @ 2020-12-15 11:09
人心不古
阅读(35)
评论(0)
推荐(0)
摘要：
HTTP和HTML 浏览器 #说一下http和https #参考回答： https的SSL加密是在传输层实现的。 (1)http和https的基本概念 http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本 阅读全文
posted @ 2020-12-15 11:08
人心不古
阅读(187)
评论(0)
推荐(0)
摘要：
面试准备 #前言 #面试分为三部分 技术面试：问技术问题。 负责人面试：考察综合能力。比如：项目把控能力、项目深度、项目架构、业务等。 hr 面试：侧重于性格、沟通、潜力等。 每轮面试在一小时左右。 #每轮面试的知识点 一面： 主要考察基础知识。 页面布局 CSS盒模型、DOM事件 HTTP 协议、 阅读全文
posted @ 2020-12-15 11:08
人心不古
阅读(186)
评论(0)
推荐(0)
摘要：
大牛答面试 #一、 说说React生命周期？ 面试概率级别应用模块或方向解决问题考核点 90% 4星 react react核心概念 组件化 #1. 通常解法 React的生命周期相比于vue要更加有深度，名称叫起来也比较长，不是很容易记忆，尤其是react生命周期的使用，有很多细节可以体现出开发人 阅读全文
posted @ 2020-12-15 11:08
人心不古
阅读(186)
评论(0)
推荐(0)
摘要：
15-虚拟DOM #前言 vdom 是 vue 和 React 的核心，先讲哪个都绕不开它。 vdom 比较独立，使用也比较简单。 如果面试问到 vue 和 React 和实现，免不了问 vdom： vdom 是什么？为何会存在 vdom？ vdom 的如何应用，核心 API 是什么 介绍一下 di 阅读全文
posted @ 2020-12-15 11:08
人心不古
阅读(706)
评论(0)
推荐(0)
摘要：
16-01.MVVM #前言 MVVM的常见问题： 如何理解MVVM 如何实现MVVM 是否解读过Vue的源码 题目： 说一下使用 jQuery 和使用框架的区别 说一下对 MVVM 的理解 vue 中如何实现响应式 vue 中如何解析模板 vue 的整个实现流程 #说一下使用 jQuery 和使用 阅读全文
posted @ 2020-12-15 11:08
人心不古
阅读(148)
评论(0)
推荐(0)
摘要：
21-面试题整理 by smyhvae #JavaScript #存储相关：请描述以下cookie、localStorage、sessionStorage的区别 在H5之前，cookie一直都是本地存储的一个重要的方法。直到后面的两个出现了， 就开始用后面的两个做本地存储。 1、cookie： 本身 阅读全文
posted @ 2020-12-15 11:08
人心不古
阅读(77)
评论(0)
推荐(0)
摘要：
前端面试官的套路，你懂吗？ 最近一年陆陆续续都在面试各种不同程度的 Web 前端开发，总觉得现在前端氛围太过于浮躁，急于求成的人比比皆是。 然而很多童鞋还是没有掌握面试的技巧，一次次碰壁。鉴于此，我觉得是时候总结一些面试经验了，只不过这一次我打算从面试官的角度来阐述。 我是如何面试前端的？ 阅读全文
posted @ 2020-12-15 11:07
人心不古
阅读(483)
评论(0)
推荐(0)
摘要：
前端常见专有名词 #性能相关 F2E: 前端 防抖和节流 滚动穿透 FP FPC FMP TTI 白屏时间 预渲染时间 文档获取时间 GUI时间 FMP：First Meaningful Paint 包含页面所有元素及数据。是指页面的首要内容出现在屏幕上的时间。 同构 直出 同构直出一般用于首屏渲染 阅读全文
posted @ 2020-12-15 11:07
人心不古
阅读(333)
评论(0)
推荐(0)
摘要：
面试技巧 面试一般分为技术面和hr面，形式的话很少有群面，少部分企业可能会有一个交叉面，不过总的来说，技术面基本就是考察你的专业技术水平的，hr面的话主要是看这个人的综合素质以及家庭情况符不符合公司要求，一般来讲，技术的话只要通过了技术面hr面基本上是没有问题（也有少数企业hr面会刷很多人） 那我们 阅读全文
posted @ 2020-12-15 11:07
人心不古
阅读(131)
评论(0)
推荐(0)
摘要：
11-00.JavaScript高级面试 #前言 一、基础知识： ES 6常用语法：class 、module、Promise等 原型高级应用：结合 jQuery 和 zepto 源码 异步全面讲解：从原理到 jQuery 再到 Promise 二、框架原理： 虚拟DOM：存在价值、如何使用、dif 阅读全文
posted @ 2020-12-15 11:05
人心不古
阅读(121)
评论(0)
推荐(0)
摘要：
11-02.ES6 #Class和普通构造函数有何区别 我们经常会用ES6中的Class来代替JS中的构造函数做开发。 Class 在语法上更加贴合面向对象的写法 Class 实现继承更加易读、易理解 更易于写 java 等后端语言的使用 本质还是语法糖，使用 prototype 阅读全文
posted @ 2020-12-15 11:05
人心不古
阅读(87)
评论(0)
推荐(0)
摘要：
10-01.页面性能优化 #前言 提升页面性能优化的方法有哪些： 1、资源压缩合并，减少http请求 2、非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别 如果回答出非核心代码异步加载，就会层层深入。 3、利用浏览器缓存 --> 缓存的分类 --> 缓存的原理 缓存是所有性能优化的 阅读全文
posted @ 2020-12-15 11:04
人心不古
阅读(100)
评论(0)
推荐(0)
摘要：
11-01.ES6：模块化的使用和编译环境 #前言 #ES6的主要内容 模块化的使用和编译环境 Class与JS构造函数的区别 Promise的用法 ES6其他常用功能 本文来讲“模块化的使用和编译环境”。 #面试常见问题 ES6 模块化如何使用，开发环境如何打包 Class 和普通构造函数有何区别 阅读全文
posted @ 2020-12-15 11:04
人心不古
阅读(169)
评论(0)
推荐(0)
摘要：
09-02.js运行机制：异步和单线程 #前言 面试时，关于同步和异步，可能会问以下问题： 同步和异步的区别是什么？分别举一个同步和异步的例子 一个关于 setTimeout 的笔试题 前端使用异步的场景哪些？ 面试时，关于js运行机制，需要注意以下几个问题： 如何理解JS的单线程 什么是任务队列 阅读全文
posted @ 2020-12-15 11:03
人心不古
阅读(151)
评论(0)
推荐(0)
摘要：
10-02.前端错误监控 #前言 错误监控包含的内容是： 前端错误的分类 每种错误的捕获方式 上报错误的基本原理 面试时，可能有两种问法： 如何监测 js 错误？（开门见山的方式） 如何保证产品质量？（其实问的也是错误监控） #前端错误的分类 包括两种： 即时运行错误（代码错误） 资源加载错误 #每 阅读全文
posted @ 2020-12-15 11:03
人心不古
阅读(181)
评论(0)
推荐(0)
摘要：
05-01.创建对象和原型链 #前言 #面向对象的三大特性 封装 继承 多态 #原型链的知识 原型链是面向对象的基础，是非常重要的部分。有以下几种知识： 创建对象有几种方法 原型、构造函数、实例、原型链 instanceof的原理 new 运算符 #创建对象有几种方法 #方式一：字面量 var ob 阅读全文
posted @ 2020-12-15 11:02
人心不古
阅读(88)
评论(0)
推荐(0)
摘要：
06-跨域通信类 #前言 从本章起，对代码的要求没之前那么高了，但是，要求你对知识面的掌握要足够宽。 前端通信类的问题，主要包括以下内容： 1、什么是同源策略及限制 同源策略是一个概念，就一句话。有什么限制，就三句话。能说出来即可。 2、前后端如何通信 如果你不准备，估计也就只能说出ajax。这个可 阅读全文
posted @ 2020-12-15 11:02
人心不古
阅读(122)
评论(0)
推荐(0)
摘要：
07-安全问题：CSRF和XSS #前言 面试中的安全问题，明确来说，就两个方面： CSRF：基本概念、攻击方式、防御措施 XSS：基本概念、攻击方式、防御措施 这两个问题，一般不会问太难。 有人问：SQL注入算吗？答案：这个其实跟前端的关系不是很大。 #CSRF 问的不难，一般问： CSRF的基本 阅读全文
posted @ 2020-12-15 11:02
人心不古
阅读(1118)
评论(0)
推荐(0)
摘要：
08-算法问题 #前言 算法主要包括： 1、排序 排序一定要准备。 2、堆栈、队列、链表 队列和链表可以不准备，但是堆栈一定要准备。 一个小技巧：JS的数组本身就具备堆栈和队列的特性。比如：top、push、shift、unshift这四个api，本身就帮我们实现了堆栈和队列。 堆栈：先进后出。 3 阅读全文
posted @ 2020-12-15 11:02
人心不古
阅读(93)
评论(0)
推荐(0)
摘要：
09-01.浏览器渲染机制 #前言 接下来的几篇文章，讲一下二面的内容。 二面的内容： 渲染机制 JS 运行机制 页面性能 错误监控 本文接下来讲渲染机制。 渲染机制包括的内容： 什么是DOCTYPE及作用 浏览器渲染过程 面试经常会问：在浏览器中输入url，发生了哪些事情。其中有一部就是浏览器的渲 阅读全文
posted @ 2020-12-15 11:02
人心不古
阅读(196)
评论(0)
推荐(0)
摘要：
04-HTTP协议 一面中，如果有笔试，考HTTP协议的可能性较大。 #前言 一面要讲的内容： HTTP协议的主要特点 HTTP报文的组成部分 HTTP方法 get 和 post的区别 HTTP状态码 什么是持久连接 什么是管线化 二面要讲的内容； 缓存 CSRF攻击 #HTTP协议的主要特点 简单 阅读全文
posted @ 2020-12-15 11:01
人心不古
阅读(180)
评论(0)
推荐(0)
摘要：
03-DOM事件的总结 #前言 要学习事件的基础内容，请看先本人之前的基础文章： 《04-JavaScript基础/27-事件对象Event》 《04-JavaScript基础/28-事件捕获和事件冒泡》 《04-JavaScript基础/29-事件委托》 知识难度不大，只是大家需要系统地学习。 知 阅读全文
posted @ 2020-12-15 11:00
人心不古
阅读(167)
评论(0)
推荐(0)
摘要：
02-CSS盒模型及BFC #题目：谈一谈你对CSS盒模型的认识 专业的面试，一定会问 CSS 盒模型。对于这个题目，我们要回答一下几个方面： （1）基本概念：content、padding、margin。 （2）标准盒模型、IE盒模型的区别。不要漏说了IE盒模型，通过这个问题，可以筛选一部分人。 阅读全文
posted @ 2020-12-15 10:59
人心不古
阅读(154)
评论(0)
推荐(0)
摘要：
01-页面布局 #前端面试（前言） #面试基础 页面布局 CSS盒模型：是CSS的基石。 DOM事件 HTTP协议 面向对象 原型链：能说出原型链的始末 #面试进阶 通信：普通的通信、跨域通信 安全：CSRF、XSS。 算法 #回答问题时要注意的 （1）题干的要求真的是字面要求的这么简单吗？ （2） 阅读全文
posted @ 2020-12-15 10:58
人心不古
阅读(127)
评论(0)
推荐(0)
摘要：
征服JavaScript面试系列 | 众城翻译 征服 JavaScript 面试：什么是闭包？ 征服 JavaScript 面试：什么是函数组合 征服JavaScript面试系列：类继承和原型继承的区别 征服 JavaScript 面试：什么是纯函数 征服 JavaScript 面试: 什么是函数式 阅读全文
posted @ 2020-12-15 10:52
人心不古
阅读(87)
评论(0)
推荐(0)
摘要：
webpack #可以做的事情 代码转换、文件优化、代码分割、模块合并、自动刷新、代码校验、自动发布 #配套视频 #最终目的 webpack的基本配置 webpack的高级配置 webpack的优化策略 ast抽象语法树 webpack的Tapable 掌握webpack的流程 手写webpack 阅读全文
posted @ 2020-12-15 10:51
人心不古
阅读(233)
评论(0)
推荐(0)
摘要：
10-HTML基础回顾 #本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 #html 的常见元素 html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。 阅读全文
posted @ 2020-12-15 10:50
人心不古
阅读(320)
评论(0)
推荐(0)
摘要：
09-HTML5详解（三） #Web 存储 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便， 阅读全文
posted @ 2020-12-15 10:48
人心不古
阅读(102)
评论(0)
推荐(0)
摘要：
08-HTML5详解（二） #本文主要内容 拖拽 历史 地理位置 全屏 #拖拽 如上图所示，我们可以拖拽博客园网站里的图片和超链接。 在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。 #1、拖拽元素 页 阅读全文
posted @ 2020-12-15 10:46
人心不古
阅读(124)
评论(0)
推荐(0)
摘要：
07-HTML5举例：简单的视频播放器 我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。 index.html的代码如下： <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> 阅读全文
posted @ 2020-12-15 10:45
人心不古
阅读(178)
评论(0)
推荐(0)
摘要：
06-HTML5详解 #HTML5的介绍 #Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1（严格的html） 2002 Tableless Web Design（表格布局 阅读全文
posted @ 2020-12-15 10:44
人心不古
阅读(120)
评论(0)
推荐(0)
摘要：
05-HTML标签图文详解（二） #本文主要内容 列表标签：<ul>、<ol>、<dl> 表格标签：<table> 框架标签及内嵌框架<iframe> 表单标签：<form> 多媒体标签 滚动字幕标签：<marquee> #列表标签 列表标签分为三种。 #1、无序列表<ul>，无序列表中的每一项是< 阅读全文
posted @ 2020-12-15 10:43
人心不古
阅读(144)
评论(0)
推荐(0)
摘要：
04-HTML标签图文详解（一） #一、排版标签 #注释标签 <!-- 注释 --> #段落标签<p> <p>This is a paragraph</p> <p>This is another paragraph</p> 属性： align="属性值"：对齐方式。属性值包括left center 阅读全文
posted @ 2020-12-15 10:42
人心不古
阅读(566)
评论(0)
推荐(0)
摘要：
03-初识HTML #本文主要内容 头标签 排版标签：<p>、 <div>、 <span>、<br> 、 <hr> 、 <center> 、 <pre> 字体标记：<h1>、 <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a> 图片标签 <img&g 阅读全文
posted @ 2020-12-15 10:41
人心不古
阅读(153)
评论(0)
推荐(0)
摘要：
02-浏览器的介绍 #常见的浏览器 浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示： 我们重点需要学习的是 Chrome 浏览器。 #浏览器的市场占有份额 浏览器的市场占有份额：https://tongji. 阅读全文
posted @ 2020-12-15 10:40
人心不古
阅读(245)
评论(0)
推荐(0)
摘要：
01-认识Web和Web标准 #Web、网页、浏览器 #Web Web（World Wide Web）即全球广域网，也称为万维网。 我们常说的Web端就是网页端。 #网页 网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等 阅读全文
posted @ 2020-12-15 10:38
人心不古
阅读(369)
评论(0)
推荐(0)
摘要：
17-CSS3的常见边框汇总 #CSS3 常见边框汇总 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3 边框</title> <style> body, ul, li, dl, dt, dd, h1 阅读全文
posted @ 2020-12-15 10:37
人心不古
阅读(148)
评论(0)
推荐(0)
摘要：
16-浏览器的兼容性问题 我们在div里放一个img，发现： 在html和html5中，div的长宽是不同的，后者的高度要超过几个像素。 比如说，下面这个是html的。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t 阅读全文
posted @ 2020-12-15 10:36
人心不古
阅读(89)
评论(0)
推荐(0)
摘要：
15-Sass入门 #Sass简介 大家都知道，js 中可以自定义发量，css 仅仅是一个标记语言，不是编程语言，因此不可以自定义发量、不可以引用等等。 面对这些问题，我们现在来引入 Sass，简单的说，他是 css 的升级版，可以自定义发量，可以有 if 语句，还可以嵌套等等，很神奇吧！那下面我们 阅读全文
posted @ 2020-12-15 10:34
人心不古
阅读(179)
评论(0)
推荐(0)
摘要：
14-CSS3属性详解：Web字体 #前言 开发人员可以为自已的网页指定特殊的字体（将指定字体提前下载到站点中），无需考虑用户电脑上是否安装了此特殊字体。从此，把特殊字体处理成图片的方式便成为了过去。 支持程度比较好，甚至 IE 低版本的浏览器也能支持。 #字体的常见格式 不同浏览器所支持的字体格式 阅读全文
posted @ 2020-12-15 10:33
人心不古
阅读(424)
评论(0)
推荐(1)
摘要：
13-CSS3属性：Flex布局图文详解 #前言 CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，适应性非常强。其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 #flex 初体验 我们先来看看下面这个最简单的布局： 上面这张图中的布局 阅读全文
posted @ 2020-12-15 10:31
人心不古
阅读(974)
评论(0)
推荐(0)
摘要：
12-CSS3属性详解：动画详解 #前言 本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation #过渡：transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状 阅读全文
posted @ 2020-12-15 10:29
人心不古
阅读(220)
评论(0)
推荐(0)
摘要：
11-CSS3属性详解（一） #前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 本文主要内容： 文本 盒模型中的 box-sizing 属性 处理兼容性问题：私有前缀 边框 背景属性 渐变 #文本 #text-shadow：设置文本的阴影 格式举例： text-sh 阅读全文
posted @ 2020-12-15 10:15
人心不古
阅读(307)
评论(0)
推荐(0)
摘要：
10-CSS3选择器详解 #CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 #CSS3的现状 浏览器支持程度不够好，有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 #应对的策略：渐进增强 （1）坚 阅读全文
posted @ 2020-12-15 10:13
人心不古
阅读(113)
评论(0)
推荐(0)
摘要：
09-CSS案例讲解：博雅互动 #前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。 #版心 首页的版心如下： 这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。 比如说，网站左上角的logo，设计图给出的左边距是143像素，此时，我们千万不要以 阅读全文
posted @ 2020-12-15 10:11
人心不古
阅读(358)
评论(0)
推荐(0)
摘要：
08-CSS属性：定位属性 CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍 阅读全文
posted @ 2020-12-15 10:09
人心不古
阅读(141)
评论(0)
推荐(0)
摘要：
07-浮动.md #文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 #标准文档流 宏观地讲，我们的web页面和photoshop等设计软件有本质的区别： 阅读全文
posted @ 2020-12-15 10:06
人心不古
阅读(138)
评论(0)
推荐(0)
摘要：
06-CSS盒模型详解 #盒子模型 #前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 #盒子中的区域 一个盒子中主要的属性就5个：width、 阅读全文
posted @ 2020-12-15 10:04
人心不古
阅读(235)
评论(0)
推荐(0)
摘要：
05-CSS样式表的继承性和层叠性 #本文重点 CSS的继承性 CSS的层叠性 计算权重 权重问题大总结 CSS样式表的冲突的总结 权重问题深入 同一个标签，携带了多个类名 !important标记 #CSS的继承性 我们来看下面这样的代码，来引入继承性： 上方代码中，我们给div标签增加红色属性， 阅读全文
posted @ 2020-12-15 10:03
人心不古
阅读(177)
评论(0)
推荐(0)
摘要：
04-CSS选择器：伪类 #伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。 #静 阅读全文
posted @ 2020-12-15 10:01
人心不古
阅读(203)
评论(0)
推荐(0)
摘要：
03-CSS样式表和选择器 #本文主要内容 CSS概述 CSS和HTML结合的三种方式：行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器：标签选择器、类选择器、ID选择器、通用选择器 CSS几种扩展选择器：后代选择器、交集选择器、并集选择器 CSS样式优先级 #前言 #CSS 概述 CSS： 阅读全文
posted @ 2020-12-15 10:00
人心不古
阅读(238)
评论(0)
推荐(0)
摘要：
02-CSS属性：背景属性 #background 的常见背景属性 css2.1 中，常见的背景属性有以下几种：（经常用到，要记住） background-color:#ff99ff; 设置元素的背景颜色。 background-image:url(images/2.gif); 将图像设置为背景。 阅读全文
posted @ 2020-12-15 09:58
人心不古
阅读(131)
评论(0)
推荐(0)
摘要：
01-CSS属性：字体属性和文本属性 #本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 #CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的单位是必须要写的，因为它没有默认单位。 阅读全文
posted @ 2020-12-15 09:57
人心不古
阅读(201)
评论(0)
推荐(0)
摘要：
07-CSS面试题 #常见问题 #你是如何理解 HTML 语义化的？ 语义化：指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化）。 举例：段落用 p，边栏用 aside，主要内容用 main 标签。 好处： 便于开发者阅读和维护 有利于SEO：让浏览器的爬虫和辅助技术更好的解析， 阅读全文
posted @ 2020-12-15 09:55
人心不古
阅读(134)
评论(0)
推荐(0)
摘要：
06-CSS开发积累 #让flex盒子中的子元素们，居中 flex布局常用的三行代码： display: flex; justify-content: center; // 子元素在横轴的对齐方式 （左右居中） align-items: center; // 子元素在竖轴的对齐方式（上下居中） #让 阅读全文
posted @ 2020-12-15 09:54
人心不古
阅读(83)
评论(0)
推荐(0)
摘要：
05-CSS的一些小知识 #隐藏盒子的几种方式 隐藏盒子，有以下几种方式： （1）方式一： overflow：hidden; //隐藏盒子超出的部分 （2）方式二： display: none; 隐藏盒子，而且不占位置(用的最多) 比如，点击X，关闭京东首页上方的广告栏。 （3）方式三： visib 阅读全文
posted @ 2020-12-15 09:53
人心不古
阅读(100)
评论(0)
推荐(0)
摘要：
04-如何让一个元素水平垂直居中？ #前言 老板的手机收到一个红包，为什么红包没居中？ 如何让一个子元素在父容器里水平垂直居中？这个问题必考，在实战开发中，也应用得非常多。 你也许能顺手写出好几种实现方法。但大部分人的写法不够规范，经不起千锤百炼。换句话说：这些人也就面试的时候夸夸其谈，但真的上战场 阅读全文
posted @ 2020-12-15 09:52
人心不古
阅读(957)
评论(0)
推荐(0)
摘要：
03-网页设计和开发中，关于字体的常识 #前言 我周围的码农当中，有很多是技术大神，却常常被字体这种简单的东西所困扰。 这篇文章，我们来讲一讲关于字体的常识。这些常识所涉及到的问题，有很强的可操作性，都是在实际业务中真实遇到的，都是需要开发同学和产品经理、设计师不断重复沟通的。 字体真的只是“系统默 阅读全文
posted @ 2020-12-15 09:51
人心不古
阅读(567)
评论(0)
推荐(0)
摘要：
02-CSS布局 #前言 #常见的布局属性 （1）display 确定元素的显示类型： block：块级元素。 inline：行内元素。 inline-block：对外的表现是行内元素（不会独占一行），对内的表现是块级元素（可以设置宽高）。 （2）positon 确定元素的位置： static：默认 阅读全文
posted @ 2020-12-15 09:49
人心不古
阅读(146)
评论(0)
推荐(0)
摘要：
01-CSS中的非布局样式 #前言 CSS中，有很多非布局样式，这些样式（属性）和与布局无关，包括： 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性（粗体、斜体、下划线）等。 这篇文章，我们来对上面的部分样式做一个回顾。 #边框 如何用边框画一个三角形？详见《02-CSS基础/06 阅读全文
posted @ 2020-12-15 09:48
人心不古
阅读(108)
评论(0)
推荐(0)
摘要：
前言 css 进阶的主要内容如下。 #1、css 非布局样式 html 元素的分类和特性 css 选择器 css 常见属性（非布局样式） #2、css 布局相关 css 布局属性和组合解析 常见布局方案 三栏布局案例 #3、动画和效果 属于 css 中最出彩的内容。 多背景多投影特效 3D特效编写实 阅读全文
posted @ 2020-12-15 09:45
人心不古
阅读(193)
评论(0)
推荐(0)
摘要：
二十、综合案例 题目一： **1. ** 数组随机 描述，写randomArray函数，传递一个数组，传递一个数值，返回一个指定个数的随机的新数组，不允许有重复数据 用例： randomArray([ '小明', '小红', '小绿', '小白', '小黄', '小蓝', '小黑', '小青' ], 阅读全文
posted @ 2020-12-15 09:44
人心不古
阅读(154)
评论(0)
推荐(0)
摘要：
十九、综合案例 题目一： 封装一个函数equal(a1,a2),传入两个一维数组，判断两个数组是否包含相同的元素，如果相等，函数的返回值为true， 不相等，函数的返回值为false 1）例：arr1 = ['a', 'b'] arr2 =['b', 'a'],equal(arr1,arr2)的返回 阅读全文
posted @ 2020-12-15 09:43
人心不古
阅读(457)
评论(0)
推荐(0)
摘要：
十八、字符串 #18.1.认识字符串 #什么是字符串 字符串可以是引号中的任意文本。字符串可以由双引号（"）或单引号（'）表示 ，如 ‘hello’ ， “中国” #为什么 当我们需要对某些事物进行描述时，就需要用文本，如果不给文本加引号，它就成了非法字符。而且在实际开发过程中，我们会频繁的操作字符 阅读全文
posted @ 2020-12-15 09:42
人心不古
阅读(209)
评论(0)
推荐(0)
摘要：
十七、数组-3 #课堂案例 \1. 封装一个chunk(arr,size)的函数，把该数组arr按照指定的size分割成若干个数组块。 例如：chunk([1,2,3,4],2) 返回结果:[[1,2],[3,4]] chunk([1,2,3,4,5],3) 返回结果:[[1,2,3],[4,5]] 阅读全文
posted @ 2020-12-15 09:36
人心不古
阅读(276)
评论(0)
推荐(0)
摘要：
十六、数组-2 #4.3万能法：splice(): #4.3.1.删除功能 语法：arr.splice(index,num); //num表示删除的长度 功能：从下标index位置开始，删除num个元素；0 返回值：被删除项组成的数组; #4.3.2.添加功能 语法：**arr.spli 阅读全文
posted @ 2020-12-15 09:27
人心不古
阅读(141)
评论(0)
推荐(0)
摘要：
十四、对象 #1.初识对象 什么是对象？ 在js中，一切皆是对象。 对象，生活中可见和不可见的东西，在世界中，客观存在的都是一个对象。 桌子，笔记本，手机，人。 在日常生活中，我们是如何来描述这个对象的呢？ 描述手机 规格参数，静态的特征：如CPU，内存，摄像头，屏幕 提供的功能，动态的行为，打电话 阅读全文
posted @ 2020-12-15 09:26
人心不古
阅读(135)
评论(0)
推荐(0)
摘要：
十五、数组-1 #1.什么是数组 组：由多个成员构成的一个集体。 数组：数组是值的有序集合 值就是前面所讲过的这些数据（各种数据类型的都可以） 是数组中，每一个值（如100，’js’，true）都称之为一个元素。 每一个元素在数组中所处的位置，称之为索引。是数字来表示，从0开始。 数组的作用 可以存 阅读全文
posted @ 2020-12-15 09:25
人心不古
阅读(179)
评论(0)
推荐(0)
浙公网安备 33010602011771号