Web前端工程师是近几年的新兴职业,也是目前火爆而且高薪的职业。不同的公司也有不同的叫法,比如:网页界面开发,网站设计等,要学好web前端开发,需要掌握什么方法与技巧? 一、Div和Table 这个是最简单的,也是最基础的。要熟练掌握div、form table、ul li 、p、span、font ...
分类:
Web程序 时间:
2020-02-14 22:41:29
阅读次数:
112
layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发。在vue开发过程中引入layer.js的时候遇到了麻烦。原因是layer.js不支持import导入,这时就需要修改一下它的源码。在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个 ...
分类:
Web程序 时间:
2020-02-10 12:09:55
阅读次数:
97
1. 在这个项目中,弹出层组件出现的方式很多,主要有以下三种 这三种的主要区别在于:是否需要蒙版、是否有蒙版颜色、蒙版的位置是在底部还是随这操作变化位置 1. 位于底部固定的弹出层 代码如下: <template> <view style="z-index:999;overflow:hidden" ...
分类:
其他好文 时间:
2020-01-28 19:33:56
阅读次数:
68
fancyBox 是一个流行的媒体展示增强组件,可以方便为网站添加图片放大、相册浏览、视频弹出层播放等效果。优点有使用简单,支持高度自定义,兼顾触屏、响应式移动端特性,总之使用体验相当好。 现在,我们就将 fancyBox 集成到 hexo BlueLake 中。 一、下载 fancybox 文件下 ...
分类:
其他好文 时间:
2020-01-26 17:31:40
阅读次数:
91
ayer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+ ...
分类:
其他好文 时间:
2020-01-24 00:08:51
阅读次数:
96
需求 做一个通用的弹出层提示框。要求:1.位置上下左右居中,2.只需要引入一个js文件,调用一下。不要html结构,不要样式表。 解决方案 方法封装 pupopTip.js文件 /*参数说明: * pupW 弹出层宽度 单位可以是px rem, 百分百 * pupH 弹出层高度 * pupText ...
分类:
其他好文 时间:
2020-01-19 20:47:34
阅读次数:
72
弹出框,我们也称为模态框。 ? 1.点击弹出层,会弹出模态框, 并且显示灰色半透明的遮挡层。 ? 2.点击关闭按钮,可以关闭模态框,并且同时关闭灰色半透明遮挡层。 ? 3.鼠标放到模态框最上面一行,可以按住鼠标拖拽模态框在页面中移动。 ? 4.鼠标松开,可以停止拖动模态框移动 1.1.5 模态框拖拽 ...
分类:
其他好文 时间:
2020-01-12 22:01:47
阅读次数:
106
思路:在弹出层页面form表单中增加一个隐藏的提交按钮,当弹出层点击确定按钮时,触发弹出层页面中的隐藏按钮,触发提交校验 弹出层脚本如下: function LoadDemo(id) { layer.open({ title: '弹出层标题', //弹出层标题 type: 2, content: ' ...
分类:
其他好文 时间:
2020-01-10 12:43:23
阅读次数:
222
最近在做一个项目,项目的大概模式列表,新建,编辑以及删除功能。其中新建编辑页面都是以弹框的形式展示,所以就选用了layUI的弹出层这个组件。因为新建编辑涉及的逻辑比较多,所以自然而然的选用了弹出层类型为iframe层(即type:2)的模式,因为在这种模式下相当于新建了一个iframe层,所以其他组 ...
分类:
其他好文 时间:
2020-01-09 13:22:50
阅读次数:
73
表格赋予id 页面刷新 表格刷新 弹出层代码 赋值和取值 选项卡 ...
分类:
其他好文 时间:
2020-01-03 09:11:16
阅读次数:
84