框架前的前端补充

二维码生成

下载资源文件

步骤:1.  引入Jquery.js文件2.  引入jquery.qrcode.js文件3.  引入支持中文的编码js文件 (utf.js)4.  在网页中编写一个div 用于显示二维码5.  准备二维码的规格对象(JSON)var config  = {width:数字,//值是number类型, 表示的单位是px  必须传递height:数字,//值是number类型, 表示的单位是px  必须传递 text:"内容",//text就表示二维码中存储的数据  必须传递correctLevel:数字,//取值为0|1|2|3 表示二维码的纠错级别0:L/1:M/2:Q/3:H ,默认0  可选参数background:"#rrggbb",//默认白色, 表示二维码的后景颜色 可选参数foreground:"#rrggbb",//默认黑色, 表示二维码的前景颜色 可选参数render:"绘制模式"//取值:table/canvas , 默认table 可选参数};6.  通过选择器, 查找到上述的div ,得到Jquery对象, 通过jquery对象的qrcode函数生成二维码$("#div1").qrcode(config);

layui

布局部分

与BootStrap很像，就是展示一些界面效果，此处省略。

弹出层 layer

步骤:1.  下载layer , 并将解压后的layer文件夹 移动到项目中2.  引入jquery.js3.  引入layer.js

layer - msg函数

用于弹出信息提示框 格式1.layer.msg("文本");格式2. 抖动显示layer.msg("文本",function(){//弹窗结束后会执行});

layer - load函数

格式:弹出loading:var index = layer.load(数字0-2); // 参数表示 loading的图表//loading窗口在弹出时, 不允许进行操作.关闭loading:layer.close(index);格式2.超时自动关闭的loadingvar index = layer.load(数字0-2,{time:毫秒数字})//在指定的毫秒后 ,如果没有使用layer.close关闭, 则自动关闭

layer - msg函数(load效果)

格式:弹出的格式:var index = layer.msg("文本",{icon:16,shade:0.01})//因为是msg函数, 所以此窗口会自动消失.关闭的格式:layer.close(index);

layer - alert函数 信息提示窗

格式:layer.alert("文本内容",{icon:图片编号});//图片编号: 0-16之间 

layer - tips函数 提示层

格式:layer.tips("文本内容","选择器",{tipsMore:true,tips:数字});参数:1.  参数: tipsMore    :   是否允许同时存在多个弹出的tips2.  参数: tips        :   取值为数字1-4 , 分别表示弹出在元素的 上/右/下/左 . 默认弹出在右边

layer 所有弹出层的关闭

layer.closeAll();

作用: 用于在网页中 循环展示固定的布局数据 .格式1.    给元素添加属性:    v-for="item of 数组名" 
格式2.给元素添加属性:    v-for="(item,index) of 数组名"注意: 上述格式中的数组名指的是:     data中的数据key , 这个key对应的数据必须是数组item 指的是:   每次循环时, 从数组中取出的数据的key , 可以使用插值表达式来显示 {{item}}index 指的是:  循环的轮数, 类似数据的下标.案例:
{{item}}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！