前端开发(h5+css+js)
文章平均质量分 68
杉楂
这个作者很懒,什么都没留下…
展开
-
js+html实现表单上传word等文件
先是js部分。我在其中写了登录验证部分,可以根据需求增删。(其中 swal()是调用了sweetAlert插件的方法,详见http://www.dglives.com/demo/sweetalert-master/example/) function fileSelected() { var file = document.getElementById('fileToUp原创 2016-12-15 22:35:32 · 9794 阅读 · 1 评论 -
javascript 操作cookie详解
设置cookie 每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给document.cookie: document.cookie="userId=828"; 如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如: document.cookie="userId=828; userName=hulk"; 在cookie的名或值中不能使用分号(;)、逗转载 2016-12-17 00:31:53 · 5546 阅读 · 0 评论 -
js+css实现点击导航条“登录”弹出登录框界面
依旧是项目的登录问题,不过这次是界面。实现弹出页面的效果还可以使用如bootstrap模态框一类的javascript插件,不过这里使用的是js+css简单实现的效果。首先是导航条的“登录”:nav-login" href="javascript:;">登录接着是login表单界面:login-form">×用户登录用户名密码原创 2016-12-13 22:36:52 · 18877 阅读 · 4 评论 -
web前端html文件之间做表单数据传输和处理
最近跟学长做一个项目,负责web前端,准备记录下遇到的问题,和一些收获。首先是登录跳转页面问题。后台提供登录验证的接口,但是要在前端html文件间完成表单数据的传输、接收和跳转。那么有两种方法:一、只有一个html文件,登录验证时发送表单数据给自身,由自身的js进行数据处理;二、准备两个html文件,在第一个html文件负责发送表单数据给第二个页面,第二个页面再接受进行数据处理。我采用原创 2016-12-13 22:12:45 · 7592 阅读 · 0 评论 -
css+html仿今日头条的评论框动画效果
这一周忙期末考试,耗去了不少时间。现在来补一下一周前完成的仿的今日头条的动画效果。先上代码吧。html部分: 80)this.style.posHeight=this.scrollHeight+5" placeholder="请写下您的评论">原创 2017-01-10 22:59:32 · 14483 阅读 · 7 评论 -
Firefox在input标签padding上下边距过大时的bug现象
原因为写表单时使用Chrome调试,未发现异常,但当后来使用Firefox查看时,却发现登录表单的input标签异常现象Chrome正常情况下:Firefox的异常情况:经过调试,发现问题出在CSS样式表 input标签中的一句:padding:0.8em 0.8em;而字体size为1.3em,父容器的高为1.5em但能清楚原创 2017-03-06 21:02:19 · 1198 阅读 · 0 评论 -
ajax()不执行success回调情况的分析和解决
调用后台接口写搜索文章功能时出现了ajax()走不到success回调的情况,以下是发现此情况后的分析与解决。 //搜索新闻 function SearchNews(){ var KEYWORD = $("input[name='keyword']").val(); $.ajax({ type: "post", url: "原创 2017-03-26 16:15:07 · 19917 阅读 · 12 评论 -
用js动态添加登录表单并完成提交实现在html注册后自动登录
注册的表单提交和数据同样是在html间完成的,为此单独写了register.html来处理index页面提交过来的注册表单数据。 var url = location.search;var Request = new Object();var NEWSTAG = 0;if(url.indexOf('?') != -1) {var s原创 2016-12-14 15:48:34 · 10737 阅读 · 0 评论 -
Mootools试用体会
我本身对ES5有一定了解,对jQuery、ajax的使用有一定的掌握,但之前并没有接触过MooTools,不过作为一个js库,大体应该是不会有太大偏差的。通过官网和许多技术文档了解到,MooTools是一个简洁,模块化,面向对象的开源JavaScript web应用框架。它为web开发者提供了一个跨浏览器js解决方案。先上手做了一个简单的试验:原创 2017-03-24 16:01:35 · 527 阅读 · 0 评论