- 博客(19)
- 收藏
- 关注
RSS订阅原创 简单的搜索框样式
这里涉及的是清除input框默认样式和设置聚焦样式；还有就是控制搜索列表的显示，下面直接给除代码，可以去试试效果<!DOCTYPE html><html><head> <meta charset=" utf-8"> <title>新浪微博搜索框功能</title> <sty
2018-09-28 15:04:02
2706
2
原创 css 默认样式初始化
1.css reset:这个是我们在做项目时比较常用的一套css初始化样式，在这里就直接给出代码了html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,...
2018-09-27 23:07:23
6020
原创 css画波浪线和齿状线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-09-27 18:37:58
8113
原创 css3 3D相册
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>旋转相册</title> <style type="text/css">
2018-09-27 10:58:29
693
原创 css3卡片3D翻转翻面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-09-26 17:21:35
591
原创 验证码
这个验证码不是短信验证码，具体情况看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2018-09-17 11:45:10
132
原创 获取短信验证码案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-09-15 12:33:45
1333
原创 记一次移动端H5开发所遇到的问题与细节,以及ios兼容
第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video,一.移动端禁止缩放 兼容<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">主要属性是user-sca...
2018-09-14 18:56:05
3894
1
原创 css中百分比与像素值进行运算---calc
.user-content{ padding: 10px 0 10px 50px; width: calc(100% - 50px); /* 计算宽度，'+'或'-'符号前后有空格 */ height: 18px;background:blue}css中使用calc可以进行简单的运算： 单位可以是百分比，px，rem，em等单位 可以使用...
2018-09-14 16:24:06
2652
原创 一个好用又好看的下来加载上拉刷新组件--mescroll.js
mescroll.js的官方文档：http://www.mescroll.com/里面详情介绍了怎样去使用，也有很多案例和源码，但是里高级的案例登录才可以看得到，有兴趣的可以去官网了解了解...
2018-09-14 16:03:06
1141
原创 vue-awesome-swiper 基本使用及参数说明
vue-awesome-swiper是基于swiper的，安装不同版本的vue-awesome-swiper对应不同的swiper，所以swiper里面的属性多数能应用到vue-awesome-swiper中，也可以根据swiper文档来设置vue-awesome-swiper属性；swiper官方文档：https://www.swiper.com.cn/api/index2.html；在这里我使...
2018-09-14 15:39:07
80570
7
原创 vue 移动端城市搜索列表，实现左右两边联级滚动
页面效果：1.在网上找到了一个已经包含的城市数据，这个可以自己在网上找，根据数据格式对应的渲染add.jsmodule.exports = {"A":{"key":"A","item":[{"city":"\u5b89\u5e86","N":"30.31","E":"117.02","firststr":"A"},{"city":"\u6fb3\u95e8\u5e02","N":"2...
2018-09-10 16:17:49
2739
8
原创 vue 底部导航栏 一级路由显示 子路由不显示的几种实现方式
1.在router中设置meta对象，然后在App.vue里面根据navShow属性来判断是否显示底部导航栏{path: '/consult',name: 'consult',component: Consult,meta: { navShow: true, cname: '一级页面' },},{path: '/consultDetail',name: 'con...
2018-09-05 23:04:40
5626
3
原创 移动端左右两边滑动，并且去除滚动条
.html <div class="yyjx_row"> <div class="yyjx_item" > <img :src="" alt=""> <span>篮球</span> </div&
2018-09-05 22:58:21
5102
1
原创 js 简单的密码强度提示
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</tit
2018-09-04 23:21:03
1170
转载 移动前端中 viewport （视口）--user-scalable
user-scalable来控制用户是否可以通过手势对页面进行缩放。该属性的默认值为yes，可被缩放，你也可以将该值设置为no，表示不允许用户缩放网页。例如：<meta name="viewport" content="user-scalable=no" />这只是对user-scalable的简单介绍，具体的移动前端中viewport(视口)，请看http://www.c...
2018-09-04 23:17:33
6947
原创 清除input 默认样式
outline:none这个属性在平常可能会经常遇到兼容的解决方法：input{background:none;outline:none;border:0px;}2.input聚焦时的样式input[type="text"]:focus,input[type="password"]:focus {border: 1px solid #eb7350;b...
2018-09-03 16:45:55
17952
1
转载 js 无缝滚动
本章节分享一段代码实例，它实现了图片无缝水平滚动效果。这样的功能在实际应用中比较常见，感兴趣的朋友可以做一下参考。代码如下: <!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.s
2018-09-02 16:48:38
226
原创 微信小程序评论功能的实现（用的是假数据）
具体直接看代码wxml:<view><button bindtap='showTalks'>查看评论</button></view><!-- 整个评论区 --><view class='talks-layer' animation='{{talksAnimationData}}'><!-...
2018-09-01 11:59:31
8188
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人