自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 文章超出显示省略号

超出一行overflow:hidden;text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行超出两行 overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient: vertical; //从

2021-12-27 16:58:29 132

原创 移动端手写滚动条时,隐藏默认滚动条

::-webkit-scrollbar { width: 0px;}::-webkit-scrollbar { display: none;}

2021-11-11 12:10:50 153

原创 文字两端对齐

PC端空格占位傻瓜,但有些地方亲测有用css3文字对齐text-align: justify;text-align-last: justify;text-justify: inter-ideograph;增加字间距(移动端也适用) white-space: nowrap; overflow: hidden; letter-space:2em;伪类(移动端也适用)如果只有一行或者两个字,利用伪类做出两行,如此再利用css3的方式即可...

2020-11-19 13:34:10 166

原创 移动端输入框获取焦点页面自动放大

头部添加代码<meta content="yes" name="apple-mobile-web-app-capable"><meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> apple-mobile-web-app-capable 表示苹果工具栏和菜单栏,默认content为n

2020-11-19 11:22:51 475

原创 网页不满屏时,让footer固定在底部,网页满屏时,随高度走

底部高度固定第一种方式:position定位:footer{ width:100%; height:2.26rem; background:url(../images/footer.jpg)no-repeat center; background-size: cover; position: absolute; bottom: 0; left: 0; right: 0;}html { position: relative; min-height: 100%;

2020-11-19 10:51:00 371

原创 swiper 滑动移动端闪屏问题

给闪动的模块加样式: transform: translate3d(0, 0, 0);

2020-11-12 15:53:01 1587 1

原创 记录一下从Windows到Mac的迁移

Windows到Mac的迁移安装谷歌浏览器安装ps安装node首先进入node官网 https://nodejs.org/en/ 下载安装包安装npm和cnpmnpm install cnpm -g –registry=https://registry.npm.taobao.org未完待续。。。...

2019-09-06 14:47:48 2131

原创 大部分页面会用到的重置样式 reset.css 总结

css reset 总结reset图片或a链接点击后会有蓝框清除浮动一般会写的几个重置reset一般都是因项目而异,记录一下综合使用图片或a链接点击后会有蓝框*{outline:none;}敲好用哒~~~清除浮动.cf:after {content: " ";display: inline-block;height: 0;clear: both;visibility: hi...

2019-09-06 14:06:17 201

原创 在ie10中出现错误 => SCRIPT1004: 缺少 ';'

其实是由于使用了es6语法,IE10不支持导致的,改为es5即可。

2019-08-21 13:12:56 5098 2

原创 微信小程序中由于权限的限制,无法直接更改云数据库中的数据

解决办法:通过云函数修改云函数sum:// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()const db = cloud.database()const _ = db.command// 云函数入口函数exports.main = async (event, context) => { try { ...

2019-08-06 15:07:13 2896

原创 微信小程序400 (Bad Request)坑!

总结一下请求问题1:域名配置2:问度娘,400的问题主要是由’Content-Type’的值导致的,有两种解决办法a:‘Content-Type’: ‘application/text’b:“Content-Type”: “json”可惜对我来说都不管用,后来看到有这么写的c: ‘Content-Type’: ‘application/json;charset=UTF-8;’依然不...

2019-07-31 16:22:48 1086

原创 pc端和移动端自定义滚动条

pc端滚动条可以自定义css,滚动条也可以拖动,但是文字可以选中但是不可以拖动,所以适用于pc端。HTML结构:<div class="scroll_wrap"><div class="scroll_cont">滚动内容</div><div class="scroll_bar"><div class="scroll_slider"...

2019-07-29 14:42:01 514

原创 微信小程序数据库

微信小程序数据库在控制台直接添加数据时添加的数据默认是仅创建者可读写的,在程序里面是获取不到的,要修改器设置,如图,选择合适的即可

2019-07-24 16:46:08 1409

原创 滚动插件iscroll.js的使用

官方文档:iScroll 5 API 中文版移动端目前用到的一款插件,可以自定义滚动条。有个坑的就是设置最外层元素的css样式必须在js定义之前,否则无法获取高度,也是因为这个特性,如果demo结构开始display:none;会导致js无法获取里面内容的高度。脑洞里面有几个解决办法:1.不要用display:none;来控制显示隐藏,visibility:hidden和visibilit...

2019-07-24 13:10:09 282

原创 小程序页面之间的数据传递

在vue中当一个页面的数据需要传递到另一个页面的时候,可以在路由设置:xx通过url传值,而在小程序中也可以通过此途径,在页面实现onLoad(options)方法,获取参数。当然,还可以通过本地数据缓存,wx.setStorage来保存数据,用wx.getStorage并传入要获取到的键值名就可以获取本地缓存的数据。或者全局变量getApp()方法。...

2019-07-18 12:26:38 160

原创 transform:scale()兼容

transform:scale(0.75);// -webkit-transform:scale(0.75);//for Chrome || Safari -moz-transform:scale(0.75);//for Firefox -ms-transform:scale(0.75);//for IE -o-transform:scale(0.75);/...

2019-07-18 10:55:06 2606

原创 微信小程序如何段落首行缩进

微信小程序中“text”标签首行缩进会失效,换成“view”标签用text-indent:2em;可生效。

2019-07-10 16:29:40 3688

原创 for循环加if

在for循环里面嵌套if条件语句,如果没有break 循环不会停止直到循环结束,而里面的if语句将会在每一遍循环的时候查找执行条件是否符合,若符合则执行里面的代码,若里面有break语句,将会跳出循环。

2019-07-09 12:00:28 12134

原创 微信云开发获取openid 时问题

微信 云开发获取openid 时失败如下:VM1184:1 [云函数] [login] 调用失败 Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail cloud function service error code -501005, error message Envir...

2019-07-08 16:12:09 379

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除