Mock

Mock就是一个假后台

用于拦截ajax请求，模拟服务器返回数据

实现原理是对XHR对象的拦截，属于js拦截，所以浏览器并没有发出请求

数据模板定义和规范

数据模板每个属性由3个部分构成：属性名，生成规则，属性值：

title 属性名  
|1 规则 
title|1:aaaaa 属性值
'title|1':'aaaaa'

注意

属性名和规则之间使用 | 分隔

生成规则是可选的：

生成规则的含义需要依赖 属性的类型才能确定

属性值可以包含@占位符

生成规则

属性值是对象

1. '属性名|最小值-最大值'：属性值
    随机选取最大和最小个属性
2.  '属性名|固定值' ：'name|count':object
	随机选择count个属性

布尔值

1.'属性名|规则'：boolean

随机生成true和false

占位符

1.用@标识后边的字符串是占位符

2.占位符只是在属性值中占个位置，不会出现在最终属性值

3.占位符用的是mock.random中的方法

4.可以通过mock.random.extend扩展自定义占位符

使用：

Mock.mock(url,{
    'data|1':[
        {id:1,title:@cparagraph}  //随机生成一段中文文本
        {id:1,title:@boolean}  //随机生成一个布尔值
        {id:1,title:@natural}  //自然数
    ]
})

面试题

JQ库中的$()是什么

( ) 函 数 是 j Q u e r y 函 数 的 别 称 。 ()函数是jQuery函数的别称 。 ()函数是jQuery函数的别称。()函数用于将任何对象，

如何找到所有的HTML select标签的选中项

$(’[name=selectname]:selected’)

$(this)和this关键字在JQuery中有何不同

$(this)返回jQuery对象 可以调用JQuery方法 比如text(),val()

this代表当前元素

jQuery怎么移除标签onclick属性

获得 a 标签的onclick 属性：$(‘a’).attr(‘onclick’)

删除onclick 属性 $(‘a’).removeAttr(‘onclick’)

设置onclick 属性 ：$(‘a’).attr(onclick,test())

Jquery有几种选择器

基本选择器

id选择器

类选择器

标签选择器

通配选择器

基本过滤选择器

：first 获取第一个元素

：last 获取最后一个

not 用于筛选的选择器(即取反)

even 匹配所有索引值为偶数的元素

： odd 匹配所有索引值为奇数的元素，

：eq 选择器选取带有指定索引 值的元素

：gt 取 索引 值大于指定数的元素。

:lt 选择器选取 index 值小于指定数字的元素。index 值从 0 开始

层次选择器

：prev+next: 匹配所有紧挨着在 prev 元素后的 next 元素

：prev~siblings 选择器用于匹配prev元素之后的所有siblings元素

：parent>child 选择器选取指定元素的直接子元素的所有元素。

内容过滤选择器

:contains 选择器选取包含指定字符串的元素。 $(“p:contains(is)”)

:empty 选择器匹配没有子元素（包括文本节点）的每个元素。

:parent() 方法返回被选元素的直接父元素

可见性过滤器

：hidden

：visible

子元素过滤选择器

：nth-child

:first-child

:last-child

:only-child 匹配唯一 的

表单选择器

：input

：text

:radio

:checkbox

:submit

表单过滤选择器

：enabled 匹配每个已启用的元素

：disabled 禁用的元素

：checked 选取所有选中的复选框或单选按钮

：selected 选取被选择的 元素。

[attribute] 选择器选取带有指定属性的每个元素。

JQuery中Delegate（）函数有什么作用

(1) 有一个父元素 ，给子元素添加事件，添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数

KaTeX parse error: Expected '}', got 'EOF' at end of input: …ck",function(){(this).hide})

(2) 元素在当前页面不可用时，可使用delegate

$(document).ready()方法和window.onload的区别

（1 window.onload() 时网页中所有元素加载完才执行

（2 $(document).ready() DOM载入就绪时就对其进行操纵，并调用执行函数

微信小程序的相关文件类型

wxml,wxss,js,json

app.json 全局配置

pages :页面路径

网络设置

界面表现，window（背景色，导航样式，默认标题）

app.js 监听并处理小程序的生命周期函数

app.wxss 全局样式

wxml和标准html的异同

都是用来描述页面结构

都是由标签属性构成的

标签名不一样小程序标签更少，单一标签多

多了些wx:if 以及{{}}的表达式

可以在微信小程序开发者中预览

wxss和css的异同

都是页面

wxss有css的大部分特性，也做了一些扩充和修改

wxss新增尺寸单位，wxss在底层新支持的单位rpx

wxss仅支持部分css选择器

wxss提供全局样式和局部样式

wxss不支持window和dom 文档流