- 博客(30)
- 资源 (4)
- 收藏
- 关注
原创 吸底样式的写法
具体实现的效果: 1、不满一屏的实现,按钮始终在页面的底部,如下图所示: 2、如果满一屏的话底部按钮按钮就会根据屏幕的长度始终在最后一行的底部,具体效果如下图所示: 下面我来说说这种布局的具体写法:<div class="containter"> <div class="contenrt&qu
2018-09-03 14:32:24 3061
原创 display:table-cell的作用列举
.parents{display:table} .son{display:table-cell;vertical-align: middle;}
2018-08-01 15:33:27 510
原创 display:box布局的详细介绍(图解)
使用display:-webkit-box布局很久了,但是每次使用的时候都是现用现查,而且发现网上没有找到一篇非常全面的关于此布局的介绍,今天决定写一篇博客来记录这个自适应布局。1、首先不同的浏览器要做不同的兼容:目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持,但可以使用它们的私有属性定义firefox(-moz)、opera(-0)、chrome/...
2018-08-01 11:12:17 20980
原创 详解 flex-grow 与 flex-shrink(通俗易懂)
详解 flex-grow 与 flex-shrink - 谢然的文章 - 知乎 https://zhuanlan.zhihu.com/p/24372279
2018-07-31 17:47:47 534
原创 atom 下 wepy 代码高亮步骤
Atom在设置–>安装里面安装两个插件①language-vue ②atom-wx点击菜单下面的打开插件源代码,找到config.cson文件,在core中加入下面一行代码 customFileTypes:"text.html.vue": ["wpy"]...
2018-07-25 11:52:45 1469
原创 顶部和底部固定高度,中间高度自适应的布局
html代码<div id="all"> <div id="top">top</div> <div id="content"></div>
2018-07-19 16:50:42 3476 1
原创 react map遍历时点击事件不起作用,报错事件undefined
第一次使用map函数遍历数组并且返回渲染到组件的时候,不加点击事件是可以正常渲染的,但是只要添加点击事件就会报错事件未定义,报错代码如下所示://点击事件handleClickNext=()=>{ alert(1) }return( this.state.showList.map(function(item,key){ ret...
2018-07-18 11:07:42 3333
原创 React 中引入本地图片和背景图片的方法
1、在webpack.config中找到相应的图片路径的缩写配置(不是所有的项目都有缩写配置的,在大型项目中为了书写方便进行缩写配置) 2、接下来就要说引入图片的方式了如果不是背景图片的话,有以下两种方式 ①直接在内部引用 ②使用import方法import img from 'Image/weixin_erweima.png' //引入图片的路径<img ...
2018-07-16 17:47:09 23624
原创 解决ios软键盘弹起遮盖住底部输入框的问题(终极解决方案!!!绝对好用)
html<div class="layout_flex"> <!-- 头部 --> <div class="header">header</div&a
2018-07-05 17:47:32 16293 7
原创 正则表达式匹配任意字符,每隔特定的数字添加一个特定的元素
<html><head></head><body> <script type="text/javascript"> function Xreplace(str,length,reversed) { var re = new RegExp("([^]){1,"+leng
2018-06-13 10:43:32 2341
原创 让span和img标签水平对齐
html代码<li> <span class="left_item">在线</span> <img class="right_item item_img" src="../../assets/admin/image/ztree_forbid.png" alt=""/></l
2018-06-06 14:46:39 14422
原创 四位分隔
var num =$('.card_num').text()var new_num=num.replace(/\s/g,'').replace(/(.{4})/g,"$1 ");$('.card_num').html(new_num);
2018-06-05 17:50:29 323
原创 符合条件时使用原生方式删除最后一个li元素
var getElm = document.getElementById("navParent").getElementsByTagName("li");getElm[getElm.length - 1].style.display = "none";
2018-06-01 15:10:38 470
原创 给数量的元素随机排序
给定的背景图随机排序//添加背景图片 var bgGounp = [ "images/icon1.png", "images/icon1.png", "images/icon2.png", "images/icon3.png", "images/icon4.png", "images/.
2018-04-27 14:35:05 327
原创 关于文本输入框隐藏滚动条但是依旧可以滚动的问题
设置了一个高度自适应,有最大高度的textarea文本框,并且可以滚动,但是在移动端上总是会出现黑点,实际上是滚动条的问题,解决方法是在css样式上添加::-webkit-scrollbar{display: none;}属性之后,就实现了既可以滚动。滚动条又消失的效果。...
2018-04-27 14:07:30 2157 1
原创 点击自动划出隐藏导航条(关于jq中animate的理解)
想要实现效果,点击时有滑动出导航条的效果。实现代码 html代码<ul class="tab"> <li>全部</li> <li>福利</li> <li>制度</li> <li>管理</li&
2018-04-27 13:55:32 393
原创 导航条多个tab切换,实现筛选效果
实现该效果的核心是使用data-**的自定义属性 html导航条代码<ul class="tab"> <li data-type="all">全部</li> <li data-type="welfare">福利</li> <li data-type="s
2018-04-27 11:28:01 2116
原创 js中的关于时间方法的一些用法
let date = new Date();date.getTime() //获取1970年1月1日到现在的毫秒数setTime( date.getTime() ) //显示新的时间和日期
2018-03-12 10:58:22 260
原创 this.setstate中的回调函数的作用
①不使用回调函数,打印出来的就是this.state中的值this.state{a:123},this.setstate({a:345})console.log(this.state.a) //123 使用回调函数,这个函数相当于使用生命中期中的ComponentDidupdate函数的作用this.state(a:123,)this.setstate({a:34...
2018-03-09 10:33:52 7447 1
原创 解决移动端出现弹窗背景禁止滚动(阻止苹果浏览器的默认行为)
添加js样式: $(“.zzc”).on(“touchmove”,function(){ event.preventDefault(); }); 注意:.zzc是遮罩层的名字
2018-01-26 16:15:16 8857
原创 解决移动端的一像素问题
如果要给一个input标签边框线html代码div class='border border_input'> input type='button' />div>css代码.border{position:relative;}.border:before{position:absolute;content:"";left:0;top:0;right:-100%;bot
2018-01-25 15:27:38 1029
转载 XAMPP错误: Apache shutdown unexpectedly解决办法
报错内容 16:50:25 [Apache] Status change detected: running 16:50:26 [Apache] Status change detected: stopped 16:50:26 [Apache] Error: Apache shutdown unexpectedly. 16:50:26 [Apache] This may
2018-01-25 11:10:32 878
转载 简述return的作用
注意:如果一个函数的返回值类型是具体的数据类型,那么该函数就必须要保证在任意情况下都保证有返回值。(除了返回值类型是void以外)return 关键字的作用:返回数据给函数的调用者。函数一旦执行到了return关键字,那么该函数马上结束。 (能结束一个函数)注意:一个函数的返回值类型 是void,那么也可以出现return关键字,但是return关键字的后面不能有数据。br
2018-01-22 10:44:53 3886
原创 给手机做高度和宽度的适配
在不同型号大小的手机中,我们需要为手机做适配来保证我妈们想要达到的需求。(移动端的单位是rem)给手机(高度)做适配的代码,其中 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。var height=window.screen.height; var adjustRem=(height/667*62.5).toFixed(2)+'%'; $("html...
2018-01-15 14:10:28 2173
原创 表格table的thead固定,tbody显示滚动条,滚动条不占位
在书写项目的时候,当给tbody加滚动条时由于滚动条会占位,总是出现表格边框不对齐有错位的效果呢,如下图 <table class="table_cell"> <div> <thead> <tr class="tr1"> <th>申请日期</th> <th>订单号<
2018-01-03 18:10:20 7099 1
原创 react在组件内定义defaultProps报错
在初次定义的时候发现语法明明没有问题,但是会报下面的错误 这是babel的问题 解决方案: ①npm install –save-dev babel-preset-stage-0 安装 babel-preset-stage-0 ②在babel中进行以下配置 { “presets”: [“stage-0”] } 这样问题就解决了,这是因为定义静态属性不属于es6
2017-12-28 15:39:54 3418
响应式Web设计 HTML5和CSS3实战 第2版
2018-08-01
精通css高级web标准解决方案(第二版)
2018-08-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人