ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Mock和面试题

2021-04-15 09:32:08  阅读:191  来源: 互联网

标签:面试题 标签 元素 onclick wxss 选择器 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 文档流

标签:面试题,标签,元素,onclick,wxss,选择器,Mock,属性
来源: https://blog.csdn.net/anpangzai111/article/details/115715740

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有