majunjie2017的博客

背景 目前负责前端专题活动开发。由于专题有很强的独立性与实效性，最初前端将每个专题都构建成一个独立的单页面项目，这样每开发一个专题就需要复制一遍项目结构。不仅工作重复代码冗余，而且远程仓库内容越来越多，不利于管理。因此，我选择了多页面应用，一个专题就是项目中的一个独立的目录，不需要每次重复构建。该多页面需要实现的功能：自动打包 html 对应的 js，css，图片 希望用...

Web components 是什么？web components 就是网页组件式开发的技术规范。web components 由三个独立的技术组成：Custom Elements（自定义元素）：是用户使用一组 JavaScript API 自己定义生成的包含行为和标记名称的自定义模板，是完全有效的 HTML 元素。 shadow DOM（影子 DOM）：能够隔离 CSS 和 Jav...

伪类就是一种虚构的状态或者说是一种具有特殊属性的元素，可以使用 css 进行样式修饰。伪类前面通常加一个 ： ，之后跟上伪类的名字或括号里面的值。常用的伪类： :link、：visited、:hove、:active、:focus、:first-child、:nth-child() 。伪元素更像是虚拟的元素可以和 HTML 元素一样对待。但它们并不在文档树和 DOM 之中，这意味着我们并没有真正的指

transform、transition、animation分析transform、transition、animation 是 css3 中与动画有关的三个属性。transform 是静态属性，主要用途是用来做元素的特殊变形语法 => transform： translate(移动)/rotate(旋转)/scale(缩放)/skew(扭曲)/matrix(矩阵-以上属性值的集合)生效条件：

vue-router 的 hash 模式与 history 模式提供两种模式的原因：vue 是渐进式前端开发框架，为了实现 SPA ，需要引入前端路由系统（vue-router）。前端路由的核心是：改变视图的同时不会向后端发出请求。为了达到这一目的，浏览器提供了 hash 和 history 两种模式。hash ：hash 虽然出现在 URL 中，但不会被包含在 http 请求中，对后端完全没有影

jQuery 与 Zepto 的区别jquery定义：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。jQuery设计的宗旨是“write Less，Do More”。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。核心特性：

【目录】　　一、选择网页元素　　二、改变结果集　　三、链式操作　　四、元素的操作：取值和赋值　　五、元素的操作：移动　　六、元素的操作：复制、删除和创建　　七、工具方法　　八、事件操作　　九、特殊效果【正文】一、选择网页元素jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。使用jQ

数字证书原理,公钥私钥加密原理

SYN攻击TCP/IP常用报文字段：序号：seq序号，占32位，用来标识从TCP源端向目的端发送的字节流，发起方发送数据是对此进行标记。确认序号：ack序号，占32位，只有在ACK标志位为1时，确认序号段才有效，ack=seq+1。标志位： URG : 紧急指针（urgent pointer）有效。 ACK：确认序号有效。 PSH：接收方应该尽快将这个报文交给应用层。 RST：重置连接

JS 的继承是实现继承，继承实际的方法。JS的继承分为原型链继承、借用构造函数继承、组合继承（即前两者的结合使用）、原型式继承、寄生式继承、寄生组合式继承。 1、原型链： 原理：将上级构造函数的实例赋给下级构造函数的原型。 缺点1：上级构造函数里的私有属性也会和原型进入到下级构造函数里，不能运用 上级构造函数中的代码逻辑。 缺点2：包含引用类型

A happy number is a number defined by the following process: Starting with any positive integer, replace the number by the sum of the squares of its digits, and repeat the process until the number equa