假设我们现在要实现box元素的居中 123 /* 公共代码 */ .wp { border: 1px solid red; ...

1. JavaScript 基础 1.1 执行上下文/作用域链/闭包理解 JavaScript 中的执行上下文和执行栈JavaScript深入之执行上下文栈一道js面试题引发的思考JavaScript深入之词法作用域和动态作用域JavaS ...

背景：做业务，总是免不了面对那些快速开发的需求，快速开发意味着给开发者的时间不多，如果有一套基础的模板存在，就可以省掉不少前期的工作，而专心于业务的开发 为什么需要一个基础模板 这个问题实际问的是，vue-cli本身提供的那一套模板不好么？ ...

前言 文章首次发表在 个人博客 之前写过一篇 web安全之XSS实例解析,是通过举的几个简单例子讲解的，同样通过简单得例子来理解和学习CSRF，有小伙伴问实际开发中有没有遇到过XSS和CSRF，答案是有遇到过，不过被测试同学发现了，还有安全 ...

1px有多大？ 我们先了解几个概念： 关键概念 设备像素：设备屏幕实际拥有的像素点一般来说：宽度方向有1920个像素点，长度方向有1080个像素点。 逻辑像素：CSS 的像素单位(就是我们这次要讨论的css的px)，其尺寸大小是相对的，也称 ...

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具， ...

RxJS作为一个功能强大的事件处理库，其具备丰富的操作符，如何能将这些能力在快应用中发挥出来呢？本文对此做出了一些实践和尝试。 在快应用中使用 RxJS ## RxJS 介绍 备注：此文乃友情转载，原出自于在快应用中使用 RxJS。 Rx（ ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

vuejs-logo.png 组件化 组件化是任何一个框架必须实现，如何将定义组件(js 对象)转化为 dom 对象，以及组件的属性转换为 dom 属性，这是每一个前端框架在设计时需要认真思考和设计的问题。 const vm= new V ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...