04 2019 档案

前端常见问题
摘要：1. div里包含img底部必定多出空白的解决办法 解决方案： 1、设置div{ font-size: 0} 2、设置img{ display: block} 3、设置img{ vertical-align:top;} 推荐第二种方法，让img对象成为块级元素。 2．绘制圆形图片 height: 2 阅读全文
posted @ 2019-04-28 17:51 小平头~ 阅读(170) 评论(0) 推荐(0)
微信小程序 --- 日历效果
摘要：wxml部分: <view class='box1' style='width: {{ sysW * 7 }}px'> <view class='dateBox'>{{ year }} - {{ month}}</view> <block wx:for='{{ weekArr }}'> <view 阅读全文
posted @ 2019-04-28 14:58 小平头~ 阅读(989) 评论(0) 推荐(0)
CSS 实现一个自适应的正方形
摘要：传统方法正方形用固定的形式写 直接长＝宽写固定的值如下 .box{ width: 200px; height: 200px; background: pink; color: #666; } 但是很多情况下，在移动端的设计里，图片的宽度随着不同的移动设备进行改变的，这个时候就需要用到自适应的正方形的 阅读全文
posted @ 2019-04-28 11:34 小平头~ 阅读(6595) 评论(0) 推荐(0)
mui 时间选择器和上传图片
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1, 阅读全文
posted @ 2019-04-26 19:10 小平头~ 阅读(441) 评论(0) 推荐(0)
css实现聊天气泡效果
摘要：css功能强大，能实现很多炫 酷的效果，今天给大家分享 用css3绘制聊天气泡的方法： 在绘制气泡之前，先实现箭 头的绘制，代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ar 阅读全文
posted @ 2019-04-25 17:50 小平头~ 阅读(5510) 评论(0) 推荐(0)
css总结 -使用display：inline-block，出现元素高度错位
摘要：在进行页面布局时发现一个问题,两个相同高度的元素显示高度不一致，发生错位。 <style> .left{ display:inline-block; height:110px; width:110px; } .right{ display:inline-block; height:110px; wi 阅读全文
posted @ 2019-04-19 08:28 小平头~ 阅读(4039) 评论(0) 推荐(0)
js DIV延时几秒后消失或显示代码
摘要：2017年01月20日 15:18:46 小丫007 阅读数：13561 标签： js缓冲运动jq延迟加载 2017年01月20日 15:18:46 小丫007 阅读数：13561 标签： js缓冲运动jq延迟加载 2017年01月20日 15:18:46 小丫007 阅读数：13561 标签： j 阅读全文
posted @ 2019-04-17 14:08 小平头~ 阅读(888) 评论(0) 推荐(0)
js监听textarea 内容的变化，并计算内容的长度c
摘要：html代码如下： <div class="customer-message"> <label for="customerMessage">留言</label> <textarea id="customerMessage" maxlength="500o"></textarea> <p class= 阅读全文
posted @ 2019-04-10 18:44 小平头~ 阅读(2414) 评论(1) 推荐(0)
app遮罩层--网赚
摘要：css .mask{display: none; position: fixed; width: 100%; height: 100%; top:0; background: rgba(0, 0, 0 ,0.5); z-index: 99; } .mask-red{ position: absolu 阅读全文
posted @ 2019-04-10 18:04 小平头~ 阅读(259) 评论(0) 推荐(0)
flex布局 居中
摘要：display:flex;justify-content: center;检查侧轴是否居中，比如古代竖着写字，检查字是否在每条竹简的中央。 display:flex;align-items: center;检查横轴是否居中，比如现代人是横着写字，检查字是否写在上下横线的中间。 display:fle 阅读全文
posted @ 2019-04-10 11:56 小平头~ 阅读(52213) 评论(1) 推荐(2)
实现绝对定位元素水平垂直居中的两种方法
摘要：平时,用的方法即第一种方法是设置left,top值均为50%,同时margin-left设置为绝对定位元素width的一半取负,margin-top设为其height的一半取负。 例如，绝对定位元素的width:100px;height:100px; 代码如下: 这是比较常用的一个方法，今天介绍一个 阅读全文
posted @ 2019-04-09 16:42 小平头~ 阅读(7404) 评论(0) 推荐(0)
CSS背景图怎么自适应全屏（手机或者电脑）
摘要：#demo{ background-img:url(../bg.png); --（1）适用于上半部分背景图片，下半部分纯色 将背景图像等比缩放到完全覆盖屏幕，背景图有可能超出屏幕（容器） background-size:cover; --（2）将背景图像等比缩放到宽度或高度与容器的宽度或高度相等，背 阅读全文
posted @ 2019-04-08 14:14 小平头~ 阅读(2830) 评论(0) 推荐(0)
纯css实现移动端横向滑动列表(可应用于ionic3移动app开发)
摘要：前几天在公司做开发的时候碰到一个列表横向滑动的功能，当时用了iscroll做，结果导致手指触到列表的范围内竖向滑动屏幕滑动不了的问题。 这个问题不知道iscroll本身能不能解决，当时选择了换一种方式来做，只要css就能搞定了，主要是利用了display:-webkit-box来实现。 <!DOCT 阅读全文
posted @ 2019-04-07 22:05 小平头~ 阅读(746) 评论(0) 推荐(0)
四种webAPP横向滑动模式图解—H5页面开发
摘要：一、容器整体滑动（DEMO只演示A-B-C-B，下同） 模拟动画效果见下图(上)，滑动分解见下图(下)： DEMO地址：http://nirvana.sinaapp.com/demo_slider/slider_1.html 具体实现重点代码解析： 布局方式：父容器相对定位并撑满整个device的v 阅读全文
posted @ 2019-04-07 22:05 小平头~ 阅读(2847) 评论(0) 推荐(0)
神器扒网站——teleport ultra
摘要：在平时的开发或者学习的过程中，我们难免会看到一些让人心动的网站，于是自己想把它搞下来，自己手工一个文件一个文件把它保存下来也可以实现，完成了也累得够呛，有一款扒站的神器，可以把你所喜欢的目标网站整个网站给扒下来，这个神器就是teleport ultra！ 在平时的开发或者学习的过程中，我们难免会看到 阅读全文
posted @ 2019-04-01 22:48 小平头~ 阅读(8442) 评论(0) 推荐(0)
前端学习计划
摘要：一、前端学习路线图 二、前端学习路线图——视频篇 六大 阶段 学完后目标 知识点 视频资源(附笔记+PPT+模板 +源码) 密码 准备篇 学习周期：15天 学完后目标： 1、熟悉媒体查询和响应式设计，使得设计有适配不同的移动; 2、熟悉基础CSS的格式和CSS盒模式; 3、理解网页间是如何链接的、如 阅读全文
posted @ 2019-04-01 22:45 小平头~ 阅读(6747) 评论(2) 推荐(5)