![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
怎奈你何
这个作者很懒,什么都没留下…
展开
-
浅谈CSS3中的box-sizing(content-box与border-box)
box-sizing转载 2022-11-23 16:36:30 · 610 阅读 · 0 评论 -
jquery获取data-*属性值
jQuery data属性转载 2022-08-23 15:43:13 · 3109 阅读 · 0 评论 -
vue3.0简单实现点击li改变列表颜色
vue点击改变列表颜色转载 2022-08-23 10:28:10 · 1192 阅读 · 0 评论 -
移动端图片自适应全屏铺满屏幕
移动端背景图自适应转载 2022-08-06 16:58:57 · 924 阅读 · 0 评论 -
js、jquery点击按钮复制内容代码(兼容PC、手机端)
点击按钮复制内容原创 2022-07-20 16:27:24 · 858 阅读 · 0 评论 -
jQuery 获取手机屏幕高度、宽度
获取手机屏幕高度、宽度转载 2022-07-20 16:07:25 · 1008 阅读 · 0 评论 -
jQuery实现获取选中复选框的值
应用场景:我们应该经常见到系统中出现列表,会有一个对列表数据的操作(如删除,修改,查看等)。我们可以在每个列表项后面加一个删除按钮,把列表项的相关参数(如 id)post到后台进行删除。当然如果你每次只要删除一两条数据这样子做并没有什么问题,但是如果你需要一次性删 除100条,你还去一条条的删除吗?每一次删除10条会不会更好些呢?好了,接下来。我们就使用jQuery解决这个问题。首先,假设我们需要删除5个列表项。HTML里面列表标签是ul和ol, 其中ul是无序的,而ol是有序。每一个列转载 2022-01-08 11:07:39 · 9523 阅读 · 0 评论 -
Vue 中的 v-cloak 作用及用法-vue页面加载时会闪烁
用法:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如[v-cloak] { display: none }一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。官方API<div id="app"> {{msg}}</div>HTML 绑定 Vue实例,在页面加载时会闪烁 {{msg}}然后才会出现 加载完成 字样,为了效果更明显,我们可以延后加载 Vue 实例setTimeout(() =&..转载 2022-01-08 10:46:28 · 1036 阅读 · 0 评论 -
H5 tab切换页面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> .转载 2021-12-25 16:13:31 · 948 阅读 · 0 评论 -
div禁用,不可点击
div禁用——添加样式style={pointer-events: none;}1、根据当前项目的场景,在特定条件下时,该div禁用,不可点击,先在HTML内给此标签新加一个类名2、写好不可点击的样式3、在特定逻辑下,加入新类名$(".原类名").addClass("新类名");转自:https://blog.csdn.net/wyh_mwk/article/details/81777270...转载 2021-12-25 15:59:51 · 1400 阅读 · 0 评论 -
H5弹窗,弹出toast(横竖屏通用)
代码如下,亲测好用<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-转载 2021-08-22 17:01:46 · 1492 阅读 · 0 评论 -
h5移动端如何让页面强制横屏
最近公司要开发一个移动端的养成类网页游戏(就是用手点各种按钮最后你会找到一个女朋友=。=),要求横屏显示,不能竖屏。有经验的你肯定知道,当用户竖屏打开时,提示说你要把手机转过来是在是件很傻×的事情。这时如果用户没开启手机里的横屏模式,还要逼用户去开启。这时候用户早就不耐烦的把你的游戏关掉了。我先进行了调研,想看有没有现成的api。参考过screen的api以及manifest方法 ,实验结果当然是不行。那么现在我唯一能想到的解决办法,就是在竖屏模式下,写一个横屏的div,然后把它转过来。好了我的测转载 2021-08-22 16:55:55 · 10183 阅读 · 0 评论 -
aui-靠谱的移动前端框架
文档及下载展示地址:http://aui.ea55.com/转载 2021-06-12 13:54:14 · 722 阅读 · 0 评论 -
JS实现倒计时三秒钟跳转到新的页面
代码如下:<div id="box"> <p>页面在 <span id="Os">5</span> s后跳转 </p></div><script> var Os=document.getElementById("Os"); var num=5; var timer=setInterval(function () { num--;转载 2021-04-01 11:06:16 · 3506 阅读 · 0 评论 -
理解CSS3中的background-size(对响应性图片等比例缩放)
大佬的文章:https://www.cnblogs.com/tugenhua0707/p/5260411.html转载 2021-01-30 14:18:43 · 226 阅读 · 0 评论 -
移动端、微信小程序页面布局参考
转自:阮一峰的网络日志自己手写移动端页面的时候,可参考大佬的这两篇文章。看完之后对页面布局非常有帮助。文章如下:Flex 布局教程:语法篇 网址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex 布局教程:实例篇 网址:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html...原创 2021-01-30 11:19:42 · 402 阅读 · 0 评论 -
border每个边框的阴影(box-shadow属性)
分别设置border四个边框为不同阴影(box-shadow属性)二、代码设置: 设置前的代码 box-shadow: none; 设置后的代码 box-shadow: 0px -10px 0px 0px #ff0000, /*上边阴影 红色*/ -10px 0px 0px 0px #3bee17, /*左边阴影 绿色*/ 10px 0px 0px 0px #2279ee, /*右转载 2021-01-18 18:43:56 · 2070 阅读 · 0 评论 -
微信小程序页面文字超出一行隐藏,文字超出两行隐藏。
页面文字超出一行隐藏,如图所示:wxml <view class="listcbsTitle" >卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签</view>wxss.listcbsTitle{ margin-bottom:10rpx; font-size:32rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}页面文字超出两行隐藏,如下图原创 2020-11-28 11:12:57 · 1600 阅读 · 0 评论