ReactRouter使用教程作者：日期：真正学会是一个漫长的过程。你会发现，它不是一个库，也不是一个框架，而是一个庞大的体系。想要发挥它的威力，整个技术栈都要配合它改造。你要学习一整套解决方案，从后端到前端，都是全新的做法。举例来说，React不使用HTML，而使用JSX。它打算抛弃DOM，要求开发者

前言笔者利用空余时间研究了一下javascript的IntersectionObserverAPI，发现其有很大的应用场景，比如图片或者内容的懒加载，视差动画等。笔者也在之前的文章中详细介绍了3种Observer（观察者）的用法，包括位置监听，dom变化监听以及窗口变化监听，它们有非常多的应用场景，所以很有必要研究明白，感兴趣的可以读完本片文章之后学

2021/10/30pfyh1、举例说几个ES6新特性2、map和filter的区别3、浏览器缓存机制4、vue渲染机制5、生命周期钩子函数6、组件传值7、箭头函数的特点/this指向/有没有arguments/如何获取入参8、虚拟DOM树9、Diff算法10、Vuex11、vue的两种路由模式hash和history的特点12、bind,call，appl

为什么要做性能优化？性能优化有多重要？网站的性能对于用户的留存率、转化率有很大的影响，直白的说，提高网站的性能可以直接提高网站带来的收益。性能优化的分类前端的性能优化主要分为两类：1.加载时优化；2.运行时优化；例如压缩文件、使用CDN加载静态资源属于加载时优化；及时的解绑事件、减少DOM的操作属于运行时优化。吉

js由三部分组成，分别是ECMAScript、DOM、BOM其中ECMAScript规定了js的语法js是一门解释型语言、脚本语言、动态类型语言、基于对象语言书写js代码和CSS一样，有三个书写的地方，第一个是使用<script标签，再<sccript标签中书写js代码，标签一般都在body标签中的末尾，第二个地方是书写再结构里，html标签

1.elcontainer标签非必须。2.每一个vue文件中，所有的html代码都应该写在同一个dom中，否则会报错。3.elaside默认宽度为300px,可以通过在标签中修改width属性来调整。4.若routerview想通过name属性来指定渲染的组件，则在router.js中，该组件在注册时，必须是component

HTML5新增了一个<canvas.../属性。该元素自身并不绘制图形，只是相当于一张空画布。如果开发者需要向<canvas.../上绘制图形则必须使用JavaScript脚本进行绘制。为了向<canvas.../元素上绘图，必须经过如下3步。获取<canvas.../元素对应的DOM对象，这是一个Canvas对象。调用Canvas对象

JsRender前端渲染模板使用模板，可以预先自定义一些固定格式的HTML标签，在需要显示数据时，再传入真实数据组装并展示在Web页中；避免了在JS中通过“”等手动分割、连接字符串的复杂过程；针对高性能和纯字符串渲染进行了优化；无需依赖DOM和jQuery；优先使用场景：元素重复出现；动态加载数据，并前端显示；JsR

前言:前端面试题总有问this是谁？对于java程序员来说，this很好理解，就是当前对象本身。对于js来说，this就是传说中的当前运行环境，其实理论知识一大把，但是很多程序员看到有些写法还是会懵逼，比如dom.onclick事件里调用事件里自己的方法，为啥指向的是window对象？先看看下面的代码：varobj{ bb:

原来在python模块的每一个包中，都有一个\_\_init\_\_.py文件（这个文件定义了包的属性和方法）然后是一些模块文件和子目录，假如子目录中也有\_\_init\_\_.py那么它就是这个包的子包了。当你将一个包作为模块导入（比如从 xml导入 dom ）的时候，实际上导入了它的 \_\_init\_\_.py 文件。一个包是一个带有特殊文