随笔分类 -  html

为什么"overflow:hidden"能清除浮动的影响
摘要：我们都知道"overflow:hidden"可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。 然而"overflow:hidden"还有另外一个特殊的用途，那就是清除包含块内子元素的浮动。我们先来看一个实例： html 阅读全文
posted @ 2021-12-30 18:07 wamm521 阅读(376) 评论(0) 推荐(0)
es6之继承extends
摘要：一个类可以去继承其他类里面的东西，这里定义一个叫Person的类，然后在constructor里面添加两个参数:name和birthday; 下面再添加一个自定义的方法intro，这个方法就是简单地返回this.name和this.birthday; class Person{ constructo 阅读全文
posted @ 2021-08-17 19:44 wamm521 阅读(80) 评论(0) 推荐(0)
vue中使用keep- alive缓存机制，切换标签含有iframe标签的界面会被重新刷新的问题处理
摘要：1、序言最近工作中，项目上遇到一个这样的需求，去切换tab标签，切回打印预览界面的时候，要求界面不刷新。vue框架中，我们去处理此类问题，通常马上就会想到去使用vue框架中自带的keep-alive组件，所以一开始我也是去使用了keep-alive,但是发现没有达到预期效果，后面通过研究和查阅资料发 阅读全文
posted @ 2021-07-23 15:21 wamm521 阅读(3467) 评论(0) 推荐(1)
$.serializeArray()获取不到input的value值bug问题
摘要：今天修改form表单，发现有好几个input值保存不上，上网搜索了一下是$.serializeArray()获取不到disabled的值。如果想要让input元素变为不可用，可以把input设为readonly,而不是disabled; 如果想让input元素变为不可用，可以把input设为read 阅读全文
posted @ 2019-08-30 09:55 wamm521 阅读(2688) 评论(0) 推荐(1)
cookie和session，sessionStorage、localStorage和cookie的区别
摘要：1.cookie 含义： 存储在访问者的计算机中的变量,即存储在客户端 创建一个cookie /*　getCookie方法判断document.cookie对象中是否存有cookie，若有则判断该cookie中是否含有指定c_name的cookie，有则返回数据 没有则返回空串　*/ /*　setC 阅读全文
posted @ 2019-08-12 17:48 wamm521 阅读(639) 评论(0) 推荐(0)
详解为什么设置overflow为hidden可以清除浮动带来的影响
摘要：1.问题起源 在平时的业务开发写CSS中，为了满足页面布局，元素的浮动特性我们用的不能再多了。使用浮动的确能够解决一些布局问题，但是也带了一些副作用影响，比如，父元素高度塌陷，我们有好几种可以清除浮动的方法，最常用的就是设置父元素的overflow:hidden这个属性，每次在写代码的时候总是这样写 阅读全文
posted @ 2019-08-12 14:01 wamm521 阅读(933) 评论(0) 推荐(0)
echarts重写图例点击事件
摘要：echarts version: 3.1.2 修改图例点击事件样例代码： 当第一次点击图例时，只显示点击的图例。 当还剩一个图例被取消选中后，自动全选中所有图例。 var triggerAction = function(action, selected) { legend = []; for ( 阅读全文
posted @ 2019-08-09 14:42 wamm521 阅读(7653) 评论(0) 推荐(0)
jQuery异步请求ajax()之complete参数详解
摘要：请求完成后回调函数 (请求success 和 error之后均调用)。这个回调函数得到2个参数：XMLHTTPRequest) 对象和一个描述请求状态的字符串("success", "notmodified", "nocontent"，"error", "timeout", "abort", 或者 阅读全文
posted @ 2019-08-08 14:57 wamm521 阅读(4363) 评论(0) 推荐(0)
使用css让表头固定的方法
摘要：1、可以使用display: table; width: 100%; table-layout: fixed; table-layout: fixed;设置表格布局算法。tableLayout 属性用来显示表格单元格、行、列的算法规则。 详细可见：https://www.w3school.com.c 阅读全文
posted @ 2019-08-02 17:49 wamm521 阅读(11694) 评论(0) 推荐(0)
websocket协议
摘要：WebSocket协议解析 转载请注明出处：WebSocket解析 现在，很多网站为了实现推送技术，所用的技术都是轮询。轮询是指在特定的时间间隔(如每一秒)，由浏览器对服务器发起HTTP请求，然后由服务器返回数据给浏览器。由于HTTP协议是惰性的，只有客户端发起请求，服务器才会返回数据。轮询技术实现 阅读全文
posted @ 2019-03-29 15:21 wamm521 阅读(303) 评论(0) 推荐(0)
弹性盒模型display:flex
摘要：Flex布局意为"弹性布局"，用来为盒模型提供更多灵活性。此外，Flex定义的容器可以对块级元素(display: flex;)或行内元素(display: inline-flex;)生效，需要注意的是，如果父元素设置了Flex容器，则子元素的float、clear和vertical-align属性 阅读全文
posted @ 2018-12-05 17:22 wamm521 阅读(369) 评论(0) 推荐(0)
如何将webstrom本地的代码上传到github上
摘要：首先注册一个github账户，然后下载一个git软件。 文件夹的任意处点击右键，找到gitbash here,打开终端命令窗口。 因为我们本地 Git 仓库和 GitHub 仓库之间的传输是通过 SSH 加密的，所以我们需要配置验证信息。 在小黑框里使用以下命令生成 SSH Key： 后面的 you 阅读全文
posted @ 2018-10-11 09:53 wamm521 阅读(674) 评论(0) 推荐(0)
通过Ajax方式上传文件，使用FormData进行Ajax请求
摘要：一般文件上传是使用form表单提交，通常我们提交（使用submit button）时，会把form中的所有表格元素的name与value组成一个queryString，提交到后台。这用jQuery的方法来说，就是serialize。 通过$('#postForm').serialize()可以对fo 阅读全文
posted @ 2018-09-05 11:25 wamm521 阅读(1639) 评论(2) 推荐(0)
form表单中的enctype 属性以及post请求里Content-Type方式
摘要：对于form表单中的enctype 属性之前理解的一般，就知道是类似于一种编码形式。后来公司做一个form表单提交数据的时候，重点是这个form表单里有文件上传，而我又要用vue来模拟form表单提交，这个时候我就是需要设置表头 。一直报错，发现原来没有向后台post请求是需要传送“multipar 阅读全文
posted @ 2018-04-20 14:32 wamm521 阅读(16902) 评论(0) 推荐(0)
vue+ element table如何给指定的单元格添加点击事件？
摘要：今天使用vue，以及element-ui这个框架时，发现业务需要在表格里加一个连接跳转，当时立刻打开element的官网，进行查看http://element-cn.eleme.io/#/zh-CN/component/table是在<el-table>里进行添加事件的，而此时我进行尝试后发现这个是 阅读全文
posted @ 2018-04-10 16:06 wamm521 阅读(16649) 评论(0) 推荐(0)
手机端页面自适应解决方案—rem布局
摘要：1、为什么要使用rem？ 手机页面自适应，不同设备上看的效果更好，更精确。 引用简单，布局简便 根据设备屏幕的DPR,自动设置最合适的高清缩放。 保证了不同设备下视觉体验的一致性。（老方案是，屏幕越大元素越大；此方案是，屏幕越大，看的越多） 有效解决移动端真实1px问题（这里的1px 是设备屏幕上的 阅读全文
posted @ 2017-08-28 17:11 wamm521 阅读(509) 评论(0) 推荐(0)