zz130428的博客

正则表达式是一组由字母和符号组成的特殊文本，它可以用来从文本中找出满足你想要的格式的句子。通俗的讲就是校验字符串是否满足规则或者在文本查找满足要求的内容。我在这里给大家举个简单的例子。如果我需要对一组qq号（字符串）进行检验，例如，要求qq号必须是6位到20位之内的，不能以0开头，还必须全是数字。按照正常来说，我需要写一个比较复杂的检测方法。像下面这个是不是看起来比较麻烦。

FOUC即无样式内容闪烁（Flash Of Unstyled Content），是在IE下通过@import导入css文件引起的。IE会首先加载整个HTML文档的DOM，然后再导入外部的css文件。因此，在页面DOM加载完成到css导入完成之间，有一段时间页面上的内容是没有样式的，这段时间的长短跟网速和电脑速度都有关系解决方法：在之间加入一个标签来导入css文件。

为什么用 Virtual Dom用 JS 模拟 DOM 结构 ， 提高重绘性能。因为DOM操作是非常昂贵的，看似更复杂JS的virtual dom实则效率更高。VDOM 采用 Diff 算法用 JavaScript 对象结构表示 DOM 树的结构{tag, attrs, children}；用这个树构建一个真正的 DOM 树，插到文档当中当状态变更时，重新构造一棵新的对象树。用新的树和旧的树进行比较两个树的差异。把差异更新到久的树上，整个视图就更新了。Virtual DOM 本质。

slot又名插槽，是vue的内容分发机制，组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素，而在一个标签元素是否显示，以及怎么显示是父组件决定的。slot又分为三类，默认插槽，具名插槽，作用域插槽。默认插槽：又称匿名插槽，当slot没有指定name属性值的时候，一个组件内只能有一个匿名插槽。具名插槽：带有具体名字的插槽，也就是带有name属性的slot，一个组件可以出现多个具名插槽。

首先按照官方组件在app.json中定义tabbar在项目根目录创建自定义tabbar组件在pages下的各个页面组件引入tabbar小程序全局对象是: wx，所有的 API 都保存在 wx 对象中事件监听 API：以 on 开头，用来监听某些事件的触发同步 API：以 Sync 结尾的 API 都是同步 API异步 API：大多数 API 都是异步 API，如 wx.request，wx.login 等。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置，在请求src资源时会将其指向的资源下载并且应用到文档内，例如js脚本，img图片和frame等元素，当浏览器解析到该元素时，会暂停其他资源的下载和处理，知道将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指资源嵌入当前标签内。，中文翻译是像素的意思，我没一般用来设置元素的宽高、字体大小，px是一张图片中最小的点，一张图就是由这些点构成的，我们可以称之为”分辨率“，像素的大小是会变的，也成为相对长度。

代替，支持监听对象和数组的变化，并且多达13种拦截方法，动态属性增删都可以拦截，新增数据结构全部支持，对象嵌套属性只代理第一层，运行时递归，用到才代理，也不需要维护特别多的依赖关系，性能取得很大进步。除此之外，重排也必然会触发重绘。的工作原理是，它会按顺序处理在任务队列中的事件，当它处理完一个事件之后，就会检查队列中的下一个事件，并继续处理，直到队列中的事件全部处理完毕。简单的理解：BFC就是一个块级容器，它会隔离外部，让盒子里面的元素不影响外面的元素，也就是在搭建页面的时候，不影响外面的布局。

父组件是通过props属性给子组件通信的数据是单向流动 父—>子（子组件中修改props数据，是无效的，会有一个红色警告）vue2.0只允许单向数据传递，我们通过出发事件来改变组件的数据父组件通过绑定自定义事件，接受子组件传递过来的参数子组件通过$emit触发父组件上的自定义事件，发送参数call、applybindFunctionGenerator 函数是 ES6 提供的一种异步编程解决方案执行Generator函数会返回一个遍历器对象，可以依次遍历Generator函数内部的每一个状态。

主要作用是用于组件保存，控制及修改自己的状态，它只能在constructor中初始化，state是可以被改变的，state放改动的一些属性，比如点击选中，再点击取消，类似这种属性就放入带state中，注意：没有state的叫做无状态组件，多用props少用state，多写无状态组件，注意：修改state的值时，必须通过调用setState方法，当我们调用this.setState方法时,React会更新组件的数据状态，并且重新调用render方法。他的默认值为auto，也就是项目的本来大小。

都可以通过使用 setTimeout 实现，降低回调执行频率，节省计算资源函数防抖，在一段连续操作结束后，处理回调，利用clearTimeout 和 setTimeout实现函数节流，在一段连续操作中，每一段时间只执行一次，频率较高的事件中使用来提高性能函数防抖关注一定时间连续触发的事件，只在最后执行一次，而函数节流一段时间内只执行一次搜索框搜索输入手机号、邮箱验证输入检测窗口大小resize滚动加载，加载更多或滚到底部监听搜索框，搜索联想功能。

GetDerivedStateFromProps是当props发生变化的时候更新state，当props传入的时候，state发生变化的时候，forceUpdate被调用时，只要当父组件重新渲染GetDerivedStateFromProps就会被调用，是外部参数，可以直接复制到props到state,在props变化后修改state。父组件向子组件传递，父组件在调用子组件的时候，在子组件标签内传递参数，子组件通过props属性就能接收父组件传递过来的参数。

1.说说React生命周期中有哪些坑？如何避免？在代码编写中，遇到的坑往往会有两种：在不恰当的时机调用了不合适的代码；在需要调用时，却忘记了调用。getDerivedStateFromProps 容易编写反模式代码，使受控组件与非受控组件区分模糊。shouldComponentUpdate 通过返回 true 或者 false 来确定是否需要触发新的渲染。主要用于性能优化。如果在 componentWillUnmount 函数中忘记解除事件绑定，取消定时器等清理操作，容易引发 bug。如果

6.说说设备像素、css像素、设备独立像素、dpr、ppi之间的区别？15.说说你对git rebase 和git merge的理解？13.React render方法的原理，在什么时候会触发？12.说说React jsx转换成真实DOM的过程？3.说说javascript内存泄漏的几种情况？2.Vue中自定义指令的理解，应用场景有哪些？8.说说TCP为什么需要三次挥手和四次握手？14.说说你对栈、队列的理解？10.最少说出三种前端清除浮动的方法？9.前端性能优化的手段有哪些？7.谈谈你对BFC的理解？

Koa的洋葱模型是以next()函数为分割点，先由外到内执行Request的逻辑，然后再由内到外执行Response的逻辑，这里的request的逻辑，我们可以理解为是next之前的内容，response的逻辑是next函数之后的内容，也可以说每一个中间件都有两次处理时机。1)中间件（Middleware）在计算机中，是介于应用系统和系统软件之间的一类软件，它使用系统软件所提供的基础服务（功能），衔接网络上应用系统的各个部分或不同的应用，能够达到资源共享、功能共享的目的。