- 博客(23)
- 资源 (6)
- 收藏
- 关注
RSS订阅转载 gulp
packagejson最简写法{ "name": "随便命名", "version": "1.0.0", "devDependencies": { "browser-sync": "^2.12.8", "chokidar": "^1.5.1", "del": "^2.2.0", "event-stream": "^3.3.2", "gulp"
2017-01-06 18:33:45
415
原创 HTML的dpr
只是为了自己以后查找方便，看不懂勿怪DPI、PPI：屏幕像素密度或屏幕每英寸的像素数量dips：手机尺寸或独立像素物理像素 = 手机分辨率dpr = window.devicePixelRatio（js可以拿到）css定义psd转换rem单位rem = px / 基准值基准值 = 手机宽高 * dpr / 10乘以dpr是因为页面有可能缩放除以10是为了取整
2016-12-27 16:17:40
2725
原创 html滑动开关按钮
按钮滑动开关 *{ margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .slide-btn{ width:100px; display:inline-block; border:1px solid; border-color:
2016-09-17 23:42:47
14979
2
原创 原生js访问json
var xml; if (window.XMLHttpRequest) { xml = new XMLHttpRequest(); }else if(window.ActiveXObjec) { xml = new ActiveXObject("Microsoft.XMLHTTP"); } if (xml != null) { xml
2016-09-12 16:57:25
937
原创 点击显示当前class
Document .d1{ border-radius:50%; } $("#btn1").on("click","div",function(){ $(this).siblings().removeClass(); $(this).addClass("d1"); });
2016-09-12 09:48:13
415
原创 pc端和移动端顶部加载条
简单的写了一下 详细请参考官网 https://github.com/rstacruz/nprogress demo //NProgress.start() — 显示进度条 //NProgress.set(0.4) —设置百分比 //NProgress.inc() — 增加一点点 //NProgress.done() — 完成进度条 N
2016-09-01 23:43:48
1338
原创 HTML5SVG绘图
Document body { text-align: center; } svg { background: #f2f2f2; } 绘制矩形 r1.onmousemove = function() { this.setAttribute("fill","rgba(0,0,255,.3)"); }
2016-08-28 23:31:26
1061
原创 HTML5canvas移动
Document body{ text-align:center; } #c1{ background-color:#efefef; } 绘制图形 //来回移动矩形 var x = 0; var y = 400; var direction = 1; //移动方向 1表示向右移 -1表示向左移
2016-07-21 00:56:26
440
原创 HTML5canvas绘图
Document body{ text-align:center; } #c1{ background-color:#efefef; } 绘制图形 var ctx = c1.getContext("2d"); //绘制画布上的画笔 一般用2d ctx.strokeRect(0,0,100,100); //绘制矩形描边 x轴位置 y轴位置
2016-07-21 00:04:35
723
原创 获取当前点击的是哪个元素
用点击li元素为例 获取当前点击的元素 1 2 3 4 5 //第一种 var doms = document.querySelectorAll('ul li'); for (var i = 0; i < doms.length; i++) { !function(dom,index) { dom
2016-07-13 00:48:43
15478
原创 css 截取图片某个位子和绝对定位
background:url(xxx.jpg) 0 -25 no-repeat;0代表横向定位，-25代表纵向定位，no-repeat 背景图像只显示一次。绝对定位 d .c{ position: relative;}.d { position: absolute;}position:absolute 设置绝对定
2016-05-03 21:38:12
787
原创 placeholder在ie浏览器的兼容
var JPlaceHolder = { //检测 _check : function(){ return 'placeholder' in document.createElement('input'); }, //初始化 init : function(){ if(!this._check()){
2016-01-07 15:32:03
290
原创 html图片下边显示文字
.imgnews-item{position: relative;}.imgnews-item span { background-color: #000; opacity: 0.4; filter: alpha(opacity=40); position: absolute; left: 0; bottom: 0; width: 100%; height: 26px; lin
2015-12-20 19:56:02
36718
原创 css控制行数
.firm-item-info .tit { padding: 5px;height: 40px;}.ellipsis_two {display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;} ..........
2015-12-20 19:38:04
3425
原创 js图片轮播手动切换
js图片轮播手动切换 var scrollPhoto = new ScrollPicleft(); scrollPhoto.scrollContId = "ISL_Photo"; // 内容容器ID"" scrollPhoto.a
2015-12-17 16:52:08
2703
原创 php如何上传文件名为中文的文件
$project_id="123aa";//把上传的文件名改为数字或者英文 $tmp_name=$_FILES['sczz']["tmp_name"];//上传文件的临时存放路径 //$upload_name=$_FILES['sczz']["name"];//文件名称 $array = explode('.',$_FILES['sczz']["
2015-10-20 09:48:57
1996
原创 php下载文件
header("Content-Type: application/force-download"); header("Content-Disposition: attachment; filename=$file_name");//$file_name是下载后的文件名 readfile($file_sub_path);//$fi
2015-10-19 17:28:54
312
原创 复选框全选和反选并读取提交后的内容
function check_all(obj,Name) { var checkboxs = document.getElementsByName(Name); for(var i=0;i check
2015-10-14 13:28:43
499
原创 php读出csv中的每一列
if(is_uploaded_file($_FILES['upload']['tmp_name'])){ $tmp_name=$_FILES['upload']["tmp_name"];//上传文件的临时存放路径 $upload_name=date('Ymd').rand(100000,999999).'.csv';//文件名称
2015-10-10 17:05:31
2787
原创 javascript弹窗和对话框
弹出新窗口： window.open ("page.html") ;//要弹出的页面控制弹出窗口的大小和位置 window.open("index.html", "newwindow","height=200, width=500,top=100,left=500") "index.html" 要弹出的网页； "newwi
2015-10-08 16:42:57
469
原创 php多维数组
一维数组：array(01,02,03);或者array('name'=>01,'old'=>02,'sex'=>'man');二维数组：array([1]=>array(11,12,13),[2]=>array(21,22,23));或者array([1]=>array('name'=>11,'old'=>12,
2015-10-08 15:27:21
511
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人