- 博客(30)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 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
2122
原创 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
1372
原创 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
473
原创 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
4480
原创 网址
1、http://bookshadow.com/weblog/2014/05/17/jquery-bootstrap-tree-list/ jQuery实现bootstrap树
2015-10-16 10:03:48
409
原创 css3--text-overflow
text-overflow 文字超出部分用‘...’text-overflow:ellipsis;overflow:hidden;white-space:nowrap(文本不换行);width:;
2015-09-14 16:26:46
329
原创 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
1115
原创 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
521
原创 css3--实现最小宽的的方法（带滚动条）
.box{width:expression_r(document.body.clientWidth min-width:300px;}
2015-08-18 17:39:20
4851
原创 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
786
原创 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
2820
原创 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
866
原创 css3--浏览器给网站标识身份
目前是苹果手机的专有属性作用：网页可以添加到主屏幕上，方便访问 它可以设置size 图标按照规定大小设置，有利于图标搜索
2015-07-09 18:00:04
485
原创 js--关于点击的小知识 电脑版与手机
写在标签里的 带上on onclick、ontouchstart(手机点击 touchstart、touchmove、touchend写其中一个就可以)；在js代码里 就把on 去掉
2015-07-07 14:05:52
521
原创 css-display:inline-block引起的上边距差1px
整个div设置height每个li里设置line-height ，height比line-height高1px左右白边距 ： 整个div里设置font-size：0；字标签里再设置字体大小
2015-07-07 14:03:10
2789
原创 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
1919
原创 za压缩图片的几种方法
1、手动压缩 ps切图选择内存小的保存-----xat.com Image Optimizer 余飞雨汉化版（工具） 压缩jpg、gif图片（PNG的不可以，会变成不透明的图）； 色调分离法，图像-调整-色调分离（调整色阶），可以压缩PNG图片，对大的背景图大小改变明显，并且图片质量有损；2、整体压缩（1）安装nodejs（已包含grunt）：https://n
2015-06-10 14:17:48
3857
原创 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
729
原创 za网址--学习、工具不错的网址
tool.lu/css/ (css 整理与优化) xat.comImageOptimizer (压缩图片工具)http://www.w3schools.com/ （css）
2015-05-27 17:50:00
882
转载 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
522
原创 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
428
原创 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
5402
原创 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
777
原创 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
627
原创 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
33414
原创 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
1482
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人