摘要：背景： 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用，它将所有的活动均局限于一个Web页面中；这就表示Web应用被加载出来之后，Web中所有的交互和跳转均不会与服务器发生交互，而是使用JS转换HTML中的内容。 实现的原理： 1. 阅读全文

摘要：背景： 前两天面试的时候被问到，元素的拖放应该怎么实现，同时元素的自动合并应该怎么实现（当两个元素的XY轴差距比较小的时候，忽略差距，两元素自动合并）；自己之前只写过元素的拖动，并没有写过元素的自动合并，所以就尝试写了一下这个局部。（后话：但是回答不怎么样，只答道了使用CSS属性去判断，并没有将具体 阅读全文

摘要：背景： 今天，突然想到之前碰到过的一个场景：QQ空间中有着一些漂浮的装饰挂件，能够规律性在页面中移动（因为本人之前浏览别人空间时，确实遇到过装饰的非常好看的界面，因此印象比较深刻）。于是非常想知道这个功能是怎么实现的，于是就有了这一篇博客。 原理： 其实，实现原理很简单，就是在页面中添加一些好看的元 阅读全文

摘要：原理： 利用CSS布局产生一个全局的窗口的对当前页面进行覆盖，然后在弹出窗口中布局表单进行交互。 Demo： 显示效果： 阅读全文

摘要：背景： <input type="radio">，该标签表示的是单选按钮，这个类型相对于其他类型的获取，比较特殊，特此记录一下。 获取方式： 1. 使用选择器直接获取（注意选择器这种方式的使用）； 2. 使用FormData对象获取； 参考地址： 1. MDN：https://developer.m 阅读全文

摘要：1. 确保本机电脑安装了yarn和node： 2. 在需要安装的文件夹目录下输入：create-react-app +（项目名称）: PS：上图使用的软件为webStorm 3. 此时一个简单的react项目就已经创建好了， react 项目目录下的文件的意思： ①. public: 文件夹中是 i 阅读全文

摘要：背景： JavaScript的继承基本上可以分为两大类，一类是使用class定义的类使用extends继承；另一类是使用function定义的类基于原型链的继承。之前自己看过一遍JavaScript高级程序设计，但是今天在第二遍快速过的时候发现了两个之前自己没有注意的点。 需要注意点： 1. 给原型 阅读全文

摘要：背景： ES6之前，也就是没有class关键字之前，JS一直使用的是函数和原型链结合的方式来创造类，下面就对于一些基本的方式来进行一个整合。 具体方式： 1. 工厂模式： 缺点： ①. 类的共同属性没有被明显区分；例如上面的person1对象和person2对象的sayName方法根本上不是用一个方 阅读全文

摘要：网页标题样式如下： 参考路径： 1. 二级菜单的实现：https://www.cnblogs.com/wuqianling/p/6762146.html 2. 三级标题的实现：https://www.cnblogs.com/lucky-lf/p/7090083.html 3. MDN文档示例：htt 阅读全文

摘要：什么是BFC： 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域 创建BFC的方式： 图：创建BUF的方式 BFC的作用： ①. BFC 元素和 BFC 元素不会叠加在一 阅读全文

摘要：浮动属性： 当一个元素使用float声明时，网络布局的规则会使元素浮动到其父元素的左侧或右侧，此时该元素的空间将脱离其父元素的限制，且之后的元素的布局也会受到影响（如margin元素的将会被忽视）。 闭合浮动与清除浮动的区别： 清除浮动：清除对应的单词是 clear，对应CSS中的属性是 clear 阅读全文

摘要：背景： 在JavaScript中，有两种定时器：setTimeout()和setInterval()；setTimeout()只执行一次定时操作，setInterval()执行无限次定时操作；但是大多数的观点均是尽可能多使用setTimeout()，多次定数操作也是十使用setTimeout()代替 阅读全文