Mock和面试题

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 文档流

上一篇:js工具之mock.js


下一篇:API文档管理工具【rap2与swagger增强】对比