摘要: 前言:有时移动端需要用到摇晃的判断,总结一下,android和ios通用。 代码如下: var count = 0;function shakeFun(){ //判断手机摇晃 if(window.DeviceMotionEvent) { var speed = 10; var x = y = z = 阅读全文
posted @ 2022-11-23 10:49 阳光下的向日葵 阅读(110) 评论(0) 推荐(0)
摘要: 一、实现 var date=new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位) date.getMonth(); // 获取当前月份(0-11,0代表1月) =》常用 date.getMonth()+1 阅读全文
posted @ 2022-11-03 16:19 阳光下的向日葵 阅读(39) 评论(0) 推荐(0)
摘要: 注意:设为flex布局以后,flex item的float、clear、vertical-align属性将失效。 一、常见的父属性 1、flex的flex-direction属性 :设置主轴的方向(项目的排列方向) 值 描述 row 默认值 从左往右水平显示 row-reverse 与row相反,从 阅读全文
posted @ 2022-09-30 15:18 阳光下的向日葵 阅读(1308) 评论(0) 推荐(0)
摘要: 一、CSS3 transition 属性: div { width:100px; height:100px; transition:width 2s; -webkit-transition:width 2s; /* Safari and Chrome */ } div:hover{width:300 阅读全文
posted @ 2022-09-30 15:15 阳光下的向日葵 阅读(125) 评论(0) 推荐(0)
摘要: 一、文本超过部分显示省略号: 1、单行文本超过部分显示省略号: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 2、多行文本超过部分显示省略号: overflow: hidden; text-overflow: elli 阅读全文
posted @ 2022-09-30 15:10 阳光下的向日葵 阅读(248) 评论(0) 推荐(0)
摘要: 一、文本样式 1、常用的 text-decoration: underline; 下划线 text-decoration: line-through; 横贯线 text-decoration: underline wavy red; 下划线是红色的波浪 letter-spacing: -0.05re 阅读全文
posted @ 2022-09-30 15:08 阳光下的向日葵 阅读(66) 评论(0) 推荐(0)
摘要: 一、改变input placeholder 的颜色: 样式文件中加入以下代码,!important 是在其他插件影响时使用 input::input-placeholder{color:#b8c4ce!important;} input::-webkit-input-placeholder, tex 阅读全文
posted @ 2022-09-30 15:06 阳光下的向日葵 阅读(29) 评论(0) 推荐(0)
摘要: 一、jQuery设置元素样式 jQuery可以使用css()方法来修改简单元素样式;也可以操作类,修改多个样式。 1、参数只写属性名,则返回属性值 $("div").css("color"); 2、参数是属性名,属性值,逗号分隔,是设置一组样式,属性名必须加引号,值如果是数字可以不用跟单位和引号 $ 阅读全文
posted @ 2022-09-30 14:33 阳光下的向日葵 阅读(475) 评论(0) 推荐(0)
摘要: 一、常用插件 Auto Rename Tag (自动重命名标签) Path Intellisense (路径提示) Project Manager (工程管理) Beautify (代码格式化) Live Server(静态服务器) Git History (git历史) GitLens (git版 阅读全文
posted @ 2022-09-14 15:47 阳光下的向日葵 阅读(91) 评论(0) 推荐(0)
摘要: 前言: 在部分红米手机,android12的机型中出现了带有input的弹框出现或输入后关闭再打开的情况下,app出现了卡顿或无响应。 场景描述: 1、进页面,点击按钮展示带有input模块的弹框,立即出现卡顿,显示app无响应。 2、进页面,点击按钮,弹框展示是正常的,但在input输入内容后,出 阅读全文
posted @ 2022-09-13 14:52 阳光下的向日葵 阅读(237) 评论(0) 推荐(0)