
Web前端
励志成为一个弓箭手的程序猿
爱编程,爱运动。自学Web开发,坚持锻炼。感谢自己的每一次付出,为了生活是桩美妙的事而生活
展开
-
关于php上传多张图片时,选择图片后就可以预览的问题
这几天一直在解决一个问题,上传图片时选择成功后就能预览。需求:在点击上传图标的时候会在前面的input框中显示出文件名,然后点击后面的查看按钮就可以预览选择的这张图片了,要求不能刷新页面1.一开始的时候打算用ajax上传,后来发现多张图片一同上传的时候会出现问题,ajax上传图片的原理是当你选中一张图片的时候会使用js在这个type为file的input的框外面包上一个form表单原创 2016-01-22 14:34:22 · 5927 阅读 · 4 评论 -
关于pjax的一些坑
静态页面中应用pjax看不到效果由于我是在laravel中应用的pjax,所以在layouts中的app.blade.php中引用了pjax和nprogress的相关js和css。建立公共代码pjax.blade.php@extends('layouts.app')@section('content')<div class="container" id="pjax-container">原创 2017-01-24 10:33:58 · 8973 阅读 · 0 评论 -
关于localStorage存储json数据
有时候我们想要将一个JSON对象数据存储到localStorage中,但普通的存储肯定是不行的,因为localStorage只能存储字符串数据。//test1.htmlvar obj = {"name":"zjp"};localStorage.setItem('obj', obj);//这样在另一个页面中取出obj//test2.htmlvar obj = localStorage.get原创 2016-04-14 11:49:59 · 3657 阅读 · 0 评论 -
制作一个自定义的checkbox
一直都不知道checkbox,radio,上传文件标签的样式怎么去改。和平常一样,页面的问题还是要去改!不多说了,心累啊!现在就说一下我是怎么解决这个问题的。1.这个是一开始的页面(注意记住密码前面的checkbox):2.这个是最终完成后的样式(是不是觉得瞬间高大上了):现在就说一下我是怎么解决的,方法很笨,请大家勿喷1.首先这个checkbox是由三部分组成原创 2016-01-07 11:03:10 · 1387 阅读 · 1 评论 -
关于span标签的宽度和高度设置
正常情况下我们设置span标签是无法设置span标签的宽度和高度的。那么怎样才能设置呢。个人感觉意义并不大,如果需要可以使用div。span是有display:inline-block和float属性的,只要设置了这两个属性,就会认为它是一个块级元素。下面是例子: 关于span标签的宽度和高度 无浮动和inline-block 有浮动和inline-block 无浮原创 2016-03-07 15:34:53 · 42003 阅读 · 1 评论 -
关于在table中设置tr的格式的方法
在做一个表格的时候我需要在第一行的tr上设置一个下边框,但当我直接在这个tr上加上border-bottom的时候发现并没有什么卵用,其实这样做是不对的。tr {border-bottom:1px solid #FFF;}在table中有一个默认的属性:border-collapse 参数: 1.separate 默认值。边框会被分开。不会忽略border-spacing 和 empty-cel原创 2016-03-02 11:37:38 · 4327 阅读 · 0 评论 -
div+css的绝对定位
第一种定位: 通通供应链 在iphone6上的显示: 在电脑上的显示: 原因是因为通通供应链这个div是相对于顶层div进行绝对定位的,我们要相对图片进行定位才能保证文字相对于图片的位置是一直保持一致的。下面是改进后的代码: 通通供应链 这样在手机上和在电脑上显示的文字都在图片下方了。 总结:基础知识原创 2016-01-13 17:31:09 · 573 阅读 · 0 评论 -
点击input时会有蓝色的选中框去除
只需要在css中设置:focus{ outline:0 }就可以了firefox下就要这么设置:focus{ outline:0 }input::-moz-focus-inner{ border-color:transparent!important; } ie7以下hidefocus="hidefocus原创 2016-01-07 14:27:10 · 1585 阅读 · 0 评论 -
一个关于里层div在外层div里居中的问题
真的是知乎大神多啊!!给跪了!.vertical-container{ display: -webkit-flex;display: flex;-webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; }一开始原创 2016-01-22 19:28:02 · 1529 阅读 · 0 评论 -
HTTP 缓存机制
绪论当web请求到达缓存时,如果本地有”已缓存”的副本,就可以从本地设备而不是原始服务器中提取这个文档使用缓存的好处减少了冗余的数据传输缓解了网络瓶颈的问题降低了对原始服务器的要求降低了距离时延应用缓存时可能会出现的几种情况命中的和未命中的可用的已有副本为某些到达缓存的请求提供服务,这被称为缓存命中。其他一些到达缓存的请求可能会由于没有副本可转载 2017-03-29 11:13:12 · 487 阅读 · 0 评论