前端
文章平均质量分 57
陪计算机走过漫长岁月
软件开发工程师,nutsdb,leveldb贡献者。
展开
-
layer.iframe父子页面之间的数据交互(1)
layer弹出层弹出一个HTML页面是很常用的,父子页面之间的页面交互是很重要的一项小技术,下面我就简单的阐述一下我对这个小技术的一点小心得…..一,父页面传值到子页面,两种方式,1.layer的弹出层打开之后,会回调一个success的方法,我们自定义这个方法,将我们要传递的数据渲染到子页面上..(实际上是在父页面上完成对子页面的数据渲染)下面是父页面源代码: 下面是子页面源代码: 下面的效果原创 2017-10-30 16:00:32 · 12916 阅读 · 13 评论 -
layer--在开发之中的简单应用
layer是最近比较流行的弹出层框架,在开发之中我主要有以下两个方面的应用。1.弹出层的内容是一段html代码,代码如下:上面代码的效果如下: 2.弹出层是一个HTML的页面,就是一个iframe层,这个方面应用比较多,多用于父子页面之间的数据传递,关闭子页面刷新父页面之类的(这个下一篇博客会讲)。以下是源代码: 下面是效果:原创 2017-10-30 15:52:22 · 480 阅读 · 0 评论 -
表单验证-从js原生代码到Jquery validate
从事前端工作,表单验证是逃不掉了,小编这次给大家展示js原生代码的验证和是使用jquery框架的插件validate的验证..首先我写了一个粗劣的表单...没有什么好看的样式在上面,大家见谅.....表单代码如下...注册账号:密码:再次输入密码:手机号:email:提交效果如图:下面编写我们的原创 2017-10-26 07:40:09 · 850 阅读 · 0 评论 -
Jquey+bootstrap打造简单的分页组件
博主最近都在写前端,总监来了一个将数据分页显示的需求,我想了想,反正这东西后面也要用到,不如把它弄成一个组件,封装起来,那以后岂不是美滋滋??好了,废话不多说,直接上代码了….html代码: (其实HTML部分的代码平平无奇,只是将bootstrap和jquery引进来…..)body> div id="page"> div>原创 2018-01-20 12:02:42 · 567 阅读 · 0 评论 -
Jquery+boostrap打造分页组件升华版
在上一篇博客中,笔者做了一个简易的分页组件,这次做了一个逻辑比较全的..相对来说优化了一下…..下面我们来看代码.. html代码:html> head> meta charset="utf-8" /> title>title> script type="text/javascript" src="js/Jquery1.91.js"原创 2018-01-28 20:21:30 · 442 阅读 · 0 评论 -
nodeJs初探及简单的前后台交互
我们都知道js是脚本语言,本身依赖于浏览器的环境运行,而nodeJs的诞生就是为了让js脱离浏览器来运行.. 值得一提的是js是解释型语言,而nodeJs是需要编译的….下面让我们来看一组简单的nodeJs代码…..以上这张图上面只有一行简单的代码,就是在控制台上输出hello node.js,那么我们的node.js是怎么执行这段代码的呢….我说了nodejs是需要编译的..所以我...原创 2018-06-23 12:57:11 · 6130 阅读 · 1 评论 -
js到vueJs,数据绑定的故事
时钟走到六点,A公司前端程序员老王准备收拾一下东西溜了,突然公司的后台工程师叫住了他,“哎,老王,我这里有一个REST接口,返回数据的形式是这样子的: [ {name:"shayla", age:18, sex:"female", salary:4396}, {name:"Elliot", age:20, sex:"male",salary:2200}原创 2018-10-15 23:35:12 · 1315 阅读 · 0 评论 -
vue-router踩坑日记Unknown custom element router-view
今天笔者在研究vue-router的时候踩到了一个小坑,这个坑是这样的笔者的具体代码如下:router.jsimport Home from '@/components/Home.vue';import Component1 from '@/components/component1.vue';const routes = [ { path: '/component1', n...原创 2018-11-06 18:56:51 · 28343 阅读 · 3 评论