墨姿狸-CSDN博客

原创 H5弹窗内滚动overflow: scroll

适用场景，活动详情、规则等内容较长的弹窗滑动在需要滑动的div框添加以下css样式即可，如果该方法不生效，或生效后内容区域字体样式变形未生效，在需要滑动的div内再嵌套一层div即可-webkit-overflow-scrolling: touch; overflow: scroll;...

2021-12-06 16:27:41 551

原创 H5遮罩层+弹窗实例（超详细）

遮罩层+弹窗全套实例，包括jq点击事件及禁止屏幕滑动适合新手小白学习理解HTML代码  <div class="maskLayer">  <div class="popup"> <div class="btn-close">关闭弹窗</div> </div> </div>  <d

2021-11-30 15:23:11 3992

该方法适合像我这种新手小白初期使用，简直不要太省事编辑器：HBuilderX1.修改编辑器px转换rem配置，我用的是1px=40rem2.引入以下js文件内容// 获取视口宽度// console.log(document.documentElement.getBoundingClientRect().width);(function() { "use strict"; var docEl = document.documentElement; var viewportEl = doc

2021-11-30 14:33:31 975

原创 h5表单修改placeholder属性字体样式

input::-webkit-input-placeholder {/* WebKit browsers */ font-size: 1.2rem; color: #B2B2B2; text-align: left;}input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ font-size: 1.2rem; color: #B2B2B2; text-align: left;}input::-moz-p

2021-11-30 14:16:15 407

原创 H5分享链接，禁止微信浏览器放大字体导致排版错乱不适配问题

当APP内的H5链接需要禁止webview缩放字体需要安卓前端配置：webview.getSettings().setTextZoom(100),这个方法可以设置webview内部字体的缩放比例当分享至微信浏览器时，需要在H5内配置以下代码禁止微信浏览器对H5页面内的字体缩放<body style="-webkit-text-size-adjust: 100%!important;"> @RenderBody() <script type="text/javasc

2021-08-10 14:09:53 611 1

原创 JS—DOM事件

JavaScript事件基础学习目标1.掌握什么是事件2.掌握HTML事件3.掌握DOM0级事件4.掌握常用的鼠标与键盘事件5.掌握this指向什么是事件事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。比如：点击加入购物车，物品存放至购物车，结算等交互行为绑定事件的方法有两种1、HTML事件 2、DOM0级事件HTML事件直接在HTML元素标签内添加事件，执行脚本语...

2019-11-05 17:44:26 175

原创初识JS-DOM

第一章_DOM基础学习目标如何获取一个元素如何访问一个元素的样式如何设置和删除属性1、掌握基本的DOM查找方法id名称document.getElementById(“id”);tag标签名称document.getElementsByTagName(“tag”);2、掌握如何设置DOM元素的样式设置元素样式语法：ele.style.styleName=“styleValu...

2019-11-05 16:08:11 202

原创 js内置对象——数组

如何创建数组创建数组的基本方式有两种：1.使用Array构造函数语法：new Array()小括号()说明：（1）预先知道数组要保存的项目数量（2）向Array构造函数中传递数组应包含的项<script> var color=new Array(3); var nums=new Array(1,3,6,9);</script>2.使用数组字面量表示法...

2019-10-18 16:35:41 294

原创 js函数

函数的作用通过函数可以封装任意多条语句，而且可以在任何地方，任何时候调用执行函数的定义函数使用function声明，后跟一组参数以及函数体语法：function functionName([arg0,arg1,…argn]){statements}说明：1.functionName是要定义的函数名，属于标识符2.[]中的arg0,arg1,…argn为函数的参数3.[]说明里...

2019-10-17 15:13:13 207

原创 HTML基础——标签

文字和段落标签标题标签：<h1></h1>~<h6></h6>段落标签：<p></p>align对齐属性值值描述left左对齐内容right右对齐内容center居中对齐内容justify对行进行伸展，这样每行都可以有相等的长度换行标签：<br>水平线：...

2019-10-16 15:34:12 113

weixin_45759427的博客