前端
壹只很拽的猫
这个作者很懒,什么都没留下…
展开
-
CSS各种居中方法
水平居中的text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的,前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响,否则一切都是无用功。margin:0 auto也可以被写成margin:0 auto 0 auto。不能理解的童鞋们可以自己去找找关于css缩写的内容。 垂直居中的line-转载 2016-01-17 16:02:01 · 269 阅读 · 0 评论 -
css按钮模拟器
http://angrytools.com/android/button/原创 2016-01-15 13:36:24 · 577 阅读 · 0 评论 -
用css3选择器给你要的第几个元素添加不同样式方法
很多时候,我们写网页样式时候会遇到如下面图这种的, 第4个li下面有一行虚线什么的,这样循环,那么,如何很方便的用css实现呢!我们写的html代码 实例如下:class="list"> "#">1·这里是一流资源网信息标题 "#">2·这里是一流资源网信息标题 "#">3·这里是一流资源网信息标题转载 2016-02-17 14:00:02 · 9822 阅读 · 0 评论 -
前端开发遇到的一些小问题
1、ion-list 的item如果不能滚动,可以自己加ion-scroll但是记住一定一定要自己设置scroll的高度,要不没法滚动 style="height:60px;"2、span标签不能用ng-model一些特殊的可以 例如input原创 2016-02-03 22:29:09 · 511 阅读 · 0 评论 -
css设置尖角按钮
http://js.alixixi.com/a/2014021292298.shtmlhttp://w3cshare.com/example/?pid=134http://w3cshare.com/css-border/div 一二三四五八九十css左尖右凹btn:before { position: absolute; content: " "; border:原创 2016-02-01 16:35:24 · 1673 阅读 · 0 评论 -
cordova plugin实践
android res/xml/config.xml android src/com/yyy/plugins/XXXPlugin.java此插件的作用是跳转到微信APP上。package com.smbc.plugins;import org.apache.cordova.CordovaPlugin;import org.apac原创 2016-02-24 15:17:38 · 972 阅读 · 0 评论 -
span文字太长显示不下显示...
一定要为span设置宽度!! width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;原创 2016-03-12 15:27:56 · 6244 阅读 · 1 评论 -
Ionic 控制返回键
Ionic 控制返回键http://stackoverflow.com/questions/32231737/ionic-override-all-back-button-behaviour-for-specific-controller转载 2016-05-11 16:16:54 · 1186 阅读 · 0 评论 -
前端教程好的自学网站
http://angular-ui.github.io/bootstrap/#!#getting_started汤姆大叔的博客http://www.cnblogs.com/TomXu/javascript作用域 闭包http://www.cnblogs.com/wangfupeng1988/p/3977924.htmlhttp://www.cnblogs.com/PeunZhang/p/45178...原创 2016-01-18 14:35:37 · 1322 阅读 · 0 评论 -
$ionicPlatform.registerBackButtonAction用法
var deregister = $ionicPlatform.registerBackButtonAction( function () { console.log("close the popup") }, 100 ); //Then when this scope is destroyed, re原创 2016-11-09 16:09:35 · 5801 阅读 · 0 评论 -
how to write a plugin
For Android https://cordova.apache.org/docs/en/4.0.0/guide/platforms/android/plugin.html#android-integration For iOS.https://cordova.apache.org/docs/en/4.0.0/guide/platforms/ios/plugin.html原创 2017-02-15 09:15:08 · 250 阅读 · 0 评论 -
解决angularjs锚点跟路由冲突的问题
AngularJs中锚点的使用,及锚点偏移量设置http://blog.csdn.net/M_killer/article/details/50394254AngularJS中关于锚点的使用,及锚点偏移量设置有很多人在使用ng-view时都用到了#号做route,所以如果在页面上需要用到锚点的时候就会比较头疼了。这个时候可以使用ng的anchorScroll转载 2017-06-07 17:51:35 · 3623 阅读 · 0 评论 -
JavaScript限制文本框输入字符数,区分中英文
原帖地址:http://bbs.csdn.net/topics/280025790七楼 试试function check(event, len) { var e = window.event || event; if(e.ctrlKey || e.altKey || e.shiftKey || isFunKey(e.keyCode)) {转载 2016-01-15 11:05:49 · 1127 阅读 · 1 评论 -
一种文本框的阴影效果,四周全发光
#nickname { /*line-height: 1.428571429;行高加上去怪怪的*/ vertical-align: middle; background-color: #ffffff; font-size: 20px; border: 1px solid #CCCCCC; border-radius: 4px; /*圆角*/原创 2016-01-15 11:12:17 · 1909 阅读 · 0 评论 -
CSS3 输入框阴影效果及其他阴影效果
此处{ } CSS:form,p ( margin-bottom:30px; margin-left:20px;).shadow,.one,.two,.three,.four,.five,.six ( height:50px; width:280px; border:1px solid #CCC;).shadow ( -moz-box-shadow: inset 0 0转载 2016-01-15 09:36:31 · 954 阅读 · 0 评论 -
div让两个按钮并排显示在一行中
查了好多,对于我来说都不适用,有各种各样的问题,下面的这个试了 好用!!原创 2016-01-14 17:55:16 · 67925 阅读 · 7 评论 -
前后、左右、去掉所有的空格的正则表达式
1去掉左边空格name.replace(/^\s*/g,"");2去掉右边空格name.replace(/\s*$/g,"");1去掉前后空格smSmsModelName.replace(/(^\s*)|(\s*$)/g,"")2去掉所有的空格name.replace(/\s+/g,"")3 手机号码的正则表达式varpartten = /^((\(\d{3}转载 2016-01-17 20:19:25 · 371 阅读 · 0 评论 -
Input的size与maxlength属性的区别自我理解
最近做项目用到input的size和maxlength属性,以前只顾用没有用心去看看这2个标签的区别,今天周末baidu了一下,有所理解。特记录于此! Name: Name2: maxlength="5",则input输入框中只能够输入5个字符 size="5",表示input输入框只显示5个可见的字符,但你可以输入'无数'多字符内容 即:size属性规转载 2016-01-18 09:39:11 · 444 阅读 · 0 评论 -
css居中
http://www.gbtags.com/gb/gbliblist/20.htm原创 2016-01-21 15:48:25 · 245 阅读 · 0 评论 -
css的div垂直居中的方法,百分比div垂直居中
http://www.haorooms.com/post/css_div_juzhong转载 2016-01-22 16:37:06 · 270 阅读 · 0 评论 -
自动生成android、ios开发所需要的所有尺寸的图片
http://makeappicon.com原创 2016-01-25 14:53:53 · 933 阅读 · 0 评论 -
CSS控制Table内外边框、颜色、大小示例
http://www.3lian.com/edu/2013/08-01/85920.html转载 2016-01-25 16:01:30 · 790 阅读 · 0 评论 -
基于display:table的CSS布局让HTML元素和像table一样
http://www.jb51.net/css/67406.html转载 2016-01-26 10:26:26 · 311 阅读 · 0 评论 -
为table-row设置border无效解决办法
Blah blah Blah blah Blah blah .table { display: table; width: 100%;}.row { display: table-row; border-bottom: 1px原创 2016-01-26 12:58:37 · 3794 阅读 · 0 评论 -
AngularJS select详细用法
select 是 AngularJS 预设的一组directive。下面是其官网api doc给出的用法:AngularJS:select大意是,select中的ngOption可以采用和ngRepeat指令类似的循环结构,其data source可以是array或者是object。针对两种data source又有衍生的好几种用法。但是官网的例子实在是太少了。下面是针对几个不太容易理解的转载 2016-01-27 14:19:58 · 1368 阅读 · 0 评论 -
ng-class中的if else判断
来自于stackoverflow的一个问题,自己刚好用到,搬过来做个标记。原问题链接在使用ng-class时,有些时候会碰到根据是否满足条件来设置元素的样式,使用以下方法可以达到这样的目的。(1)使用运算符这样写无需在javascript中添加额外代码,但是需要注意的是要让代码具有良好的可读性。(2)使用额外的方法然后使用以下的代码: $scope.setS转载 2016-02-10 12:27:28 · 15527 阅读 · 0 评论 -
angular directive的使用
正常定义一个directiveapp.directive("testOne", function () { return { template: " " + "2015年11月05日" + "", replace: true, restrict: 'E' }});在Htm原创 2016-01-28 16:23:00 · 514 阅读 · 0 评论 -
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
http://www.jb51.net/article/60502.htmECMAScript5标准发布于2009年12月3日,它带来了一些新的,改善现有的Array数组操作的方法。然而,这些新奇的数组方法并没有真正流行起来的,因为当时市场上缺乏支持ES5的浏览器。Array "Extras"没有人怀疑这些方法的实用性,但写polyfill(PS:兼容旧版浏览器的插件)对他们来说是转载 2016-02-15 11:34:38 · 572 阅读 · 0 评论 -
moment.js的使用方法
https://itbilu.com/nodejs/npm/4k1vtctZl.html转载 2018-03-14 14:26:14 · 12042 阅读 · 0 评论