解决浮动带来的影响 # 浮动带来的影响会造成父标签塌陷的问题?"""解决浮动带来的影响 推导步骤1.自己加一个div设置高度2.利用clear属性 #d4 { clear: left; /*该标签的左边(地面和空中)不能有浮动的元素*/ }3.通用的解决浮动带来的影响方法在写html页面之前 先提前 ...
分类：
Web程序 时间：
2020-05-15 00:37:50
阅读次数：
102
模态框1 思路 1.界面点击按钮2.遮罩层3.带确定按钮等的一个小页面 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> .content { height: 10 ...
分类：
Web程序 时间：
2020-05-07 20:09:28
阅读次数：
71
思考步骤：1.使用<scroll-view>作为根节点包裹所有view，并动态绑定scroll-view的scroll-y属性<scroll-view scroll-y="{{isScroll}}">，自定义它的高度，var calc = clientHeight * rpxR-100; “-100 ...
分类：
微信 时间：
2020-05-04 23:04:50
阅读次数：
86
出现这种情况的原因，echarts图表默认占用盒子的100%，所以，modal处于隐藏状态下时，宽高为0，此时echarts折线图会使用自身默认的宽100Px和高100px; 解决方案： 首先我们要了解模态框的一个事件：shown.bs.modal 此事件在模态框已经显示出来（并且同时在CSS过渡效 ...
分类：
其他好文 时间：
2020-05-04 17:44:21
阅读次数：
131
Mixins Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。 什么时候使用Mixins 1. 页面的风格不用，但是执行的方法和需要的数据类似，我们是选择每个都写呢还是提取出公共部分呢？ 基础实例 我们有一对不同的组件，它们的作用是切换一个状态布尔值，一个模态框和一个提示框。这些提 ...
分类：
其他好文 时间：
2020-05-01 10:51:39
阅读次数：
73
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width,user-scalable=no, 6 initial ...
分类：
其他好文 时间：
2020-04-28 18:39:42
阅读次数：
51
1、初始化 //初始化模态框 $("#model").modal({ //点击背景不关闭 backdrop:"static", //触发键盘esc事件时不关闭 keyboard: false }); 2、打开前 //模态框弹出前 修改模态框的标题及内容 $('#model').on('show.bs ...
分类：
其他好文 时间：
2020-04-23 11:49:46
阅读次数：
442
js 判断是否安装插件 最近遇到一个需求：点击一个按钮，然后打开本地的软件。类似一些网站打开 qq 一样。但是后来遇到一个问题，如果本地没有安装这个指定的软件，则无法打开。所以需要判断当前的电脑是否已经安装指定软件，如果已安装，则打开软件；否则，弹出模态框，提示下载并安装软件。 刚开始的时候，一直在 ...
分类：
Web程序 时间：
2020-04-22 20:08:45
阅读次数：
92
对话框（别称模态框，浮层）是web项目中用于用户交互的重要部分，我们最常见的就是js中 alert()，confirm()，但是这个对话框的不美观，也不能自定义样式，所以在开发的过程中，一般根据自己自己的需求造轮子或者使用第三方的。 对话框的组成 常见的弹出框形式： 位置：屏幕的左上角，右上角，左下 ...
分类：
Web程序 时间：
2020-04-22 16:54:56
阅读次数：
87
ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。 ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref. ...
分类：
其他好文 时间：
2020-04-19 14:36:46
阅读次数：
48
