自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 资源 (2)
  • 收藏
  • 关注

原创 axios安装使用+跨域问题(后台不需要做更改,头部header也不需要加)

1、安装axios和qs     cnpm install  axios-save        cnpm install qs --save ⚠️:一定要有-save,另外qs解决必须传参数,然后对数据转换 ,so要安装。2、axios的配置      (1)main.js里添加:import axios from 'axios'import qs from 'qs'...

2018-12-15 10:31:25 2062

原创 vue-resource安装

vue-resource 像jquery里的$.ajax, 专门和后台进行交互,ajax可以的,它也可以(在vue中安装vue-resource.js插件,实现交互)但是建议使用axios,因为vue-resource不维护了。1、在项目中:      $npm install  vue-resource -save         (个人:之前没有 写 -save 安装,使用' ...

2018-10-30 15:23:23 1287

原创 js--上传图片

上传图片$('#rel_photoimg').bind('change',function(){            var files = $(this).context.files;            //console.log(files[0]);            var sHtml = '';            if(window.FileR

2016-01-06 15:58:45 434

原创 js--购物车加减效果

//加减效果$(".plus").click(function(){   var x =$(this).siblings(".quantity-display").val();   x++;   $(this).siblings(".quantity-display").val(x);  //alert(x);    })$(".minus").click(

2016-01-06 15:45:05 4399

原创 html--a标签直接触发手机打电话功能

[email protected]

2015-12-02 13:58:21 60054

原创 网址

1、http://bookshadow.com/weblog/2014/05/17/jquery-bootstrap-tree-list/    jQuery实现bootstrap树

2015-10-16 10:03:48 381

原创 css3--text-overflow

text-overflow  文字超出部分用‘...’text-overflow:ellipsis;overflow:hidden;white-space:nowrap(文本不换行);width:;

2015-09-14 16:26:46 300

原创 css3--display:table-cell

display:table-cell  1、和vertical-align:middle合用  实现不管是两行文字还是一行文字都居中对齐相当于把其他标签 变成td标签td里 margin失效 可以用padding代替尽量不和float和position:absolute使用2、实现列表布局取代float:left 三行三列内容

2015-09-14 16:13:02 1063

原创 css3--display:flex;

1、弹性方向:      flex-direction(主轴方向)     flex-wrap:把子元素包装到一行一列,还是多行多列2、flex-flow{主轴、?)3、order(弹性项目顺序).container{display:flex;flex-flow:row}.main{width:60%;}.left{flex:1;}.right{flex:2;} 总共4

2015-08-19 17:21:43 486

原创 css3--实现最小宽的的方法(带滚动条)

.box{width:expression_r(document.body.clientWidth min-width:300px;}

2015-08-18 17:39:20 4786

原创 css3--断行问题+多余的字用省略号代替

1、经过多种尝试,觉得这个搭配比较好,控制换行   word-wrap:break-word;overflow:hidden/auto;  word-wrap:break-word(整个单词移到下一行)2、文本不会换行,省略号     white-space:nowrap;overflow:hidden;text-overflow:ellipsis;(溢出,就用“...”代替)

2015-08-17 17:59:28 743

原创 html+css清楚浮动3种方法,父级div获取高度

1、父级div中 :                    overflow:auto;自适应高度 (必须定义width,或zoom:1,同时不能定义height;内部宽高超出父级时,会出现滚动条)                    overflow:hidden(必须定义width,或zoom:1,同时不能定义height;不能与position连用,因为内容会被隐藏)

2015-08-12 14:58:53 2722

原创 css3--内容垂直居中,box-back属性

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 垂直居中对齐.test_box { display: -moz-box; display: -webkit-box; d

2015-07-10 16:53:13 828

原创 css3--浏览器给网站标识身份

目前是苹果手机的专有属性作用:网页可以添加到主屏幕上,方便访问 它可以设置size        图标按照规定大小设置,有利于图标搜索

2015-07-09 18:00:04 456

原创 css3--背景图片适应不同分辨率手机

1、标签img做背景:      百分比   (宽度和高度)2、内容position:absolute;

2015-07-09 17:58:23 2857

原创 js--关于点击的小知识 电脑版与手机

写在标签里的  带上on   onclick、ontouchstart(手机点击  touchstart、touchmove、touchend写其中一个就可以);在js代码里 就把on 去掉

2015-07-07 14:05:52 489

原创 css-display:inline-block引起的上边距差1px

整个div设置height每个li里设置line-height ,height比line-height高1px左右白边距  : 整个div里设置font-size:0;字标签里再设置字体大小

2015-07-07 14:03:10 2723

原创 css3--网页横向四等分(display:box)

.rule_tab{width: 100%;display:-webkit-box; display:-moz-box;box-orient:horizontal;}.rule_tab a{-webkit-box-flex:1;-moz-box-flex:1; }(占几份)

2015-07-03 17:10:51 1848

原创 js--下拉列表选中(js和jquery两种方法 )

下拉列表 、js

2015-07-02 11:21:06 708

原创 za压缩图片的几种方法

1、手动压缩     ps切图选择内存小的保存-----xat.com Image Optimizer 余飞雨汉化版(工具) 压缩jpg、gif图片(PNG的不可以,会变成不透明的图);     色调分离法,图像-调整-色调分离(调整色阶),可以压缩PNG图片,对大的背景图大小改变明显,并且图片质量有损;2、整体压缩(1)安装nodejs(已包含grunt):https://n

2015-06-10 14:17:48 3704

原创 html5+css3弹性框架--自适应

html: 自适应页面 header navigation:导航 section:内容 aside:广告、侧边栏 footercss:html{font-size: 62.5%;}body{text-align: center;font-size: 3rem;}header{width: 100%;background

2015-06-05 17:03:22 693

原创 za网址--学习、工具不错的网址

tool.lu/css/            (css 整理与优化)        xat.comImageOptimizer    (压缩图片工具)http://www.w3schools.com/     (css)

2015-05-27 17:50:00 767

转载 za-安装ruby--sass的编译

http://www.w3cplus.com/sassguide/install.html下载ruby 在写  gem install sass时   写上自己下载的sass版本号 在command命令行里  。如果下载到d盘记得写d:转到d盘执行

2015-05-22 14:04:29 493

原创 za-sublime-安装插件

1、菜单栏--preference2、选择点击Package Control,在弹出框中输入:install (选择install  Package)3、等一小会,等弹出框出来 输入 sass(选泽sass,还有sassbuild)4、关闭sublime5、重启sublime,package setting 里有package control 。6、使用安装成功

2015-05-22 13:58:54 402

原创 css3-自适应页面的实现(响应式设计、响应不同类型设备)、浏览器适配

自适应 需注意的地方

2015-05-19 11:55:19 3428 1

原创 css3-media规则、不同手机分辨率的临界、rem

html {    font-size: 62.5%;}@media only screen and (min-width: 481px){    html {        font-size: 94%!important;    }}@media only screen and (min-width: 561px){    html {        f

2015-05-18 11:05:32 5331

原创 css3-animation动画

动画效果   animate.css点击   animate.css点击   animate.css点击   animate.css点击   animate.css点击   animate.css点击   animate.css点击   animate.css点击   animate.css点击   css:body{te

2015-05-15 16:33:40 676

原创 js-tab标签效果

项目工程综合审计通知公告function setTab(name,cursel,n){for(i=1;i var menu=document.getElementById(name+i);//可不用                        menu.className=i==cursel?"c-current":"";/

2015-05-13 16:30:29 593

原创 html5-设置hr的颜色大小

在css文件中单纯的设置hr的颜色、样式不起作用直接在html页面中设置                您上传的超市小票        .tpl_title{ width:100%; height: 64px; line-height: 64px;}.hr{float:left; width: 25%; margin-top: 32px;} .hr_t{fl

2015-05-13 13:50:07 33174

原创 css-common.css综合(手机页面)

*{margin: 0 auto; padding:0px;}html{width: 100%; height: 100%; }body{width: 100%; height: 100%;-webkit-tap-highlight-color:rgba(255,255,255,0);text-align: center; }ul,li{ list-style: none;}img

2015-05-13 13:38:36 1440

利用grunt合并压缩文件

利用grunt合并、压缩js、css文件,简单罗列步骤,初学者易学

2015-06-15

手机页面触摸滑动

手机页面滑动提示,touchstart 、touchmove、touchend 的运用,简单展示

2014-10-23

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除