09 2020 档案

HTTPS页面发送HTTP请求----混合内容
摘要：定义： 1、在一个页面加载中，HTML部分通过HTTPS加载，而其他的资源（图像、视频、样式、脚本等等）通过HTTP加载。混合了这两种加载方式的称之为混合内容。 2、混合内容分为主动混合内容和被动混合内容。 3、主动混合内容：在页面上可以直接与页面交互的内容，如下载和执行脚本、样式表、iframe等 阅读全文
posted @ 2020-09-27 18:22 四叶草t 阅读(5318) 评论(0) 推荐(0)
JS实现防抖和节流
摘要：前言： 防抖和节流在js中有很多应用的场景，比如监听滚动条事件，输入字符搜索次数的优化等等。不能只知其然而不知其所以然，所以有必要了解下实现的原理。 区别： 防抖是在一段时间内不能执行某种操作。比如在搜索框这个场景，只有在500ms后没有输入新的字符，才会去调用接口进行搜索。 节流则是有规律的执行某 阅读全文
posted @ 2020-09-25 19:28 四叶草t 阅读(703) 评论(0) 推荐(0)
setTimeout("location.replace(location.href.split(\"#\")[0])",2000);
摘要：现象： 1、访问页面返回的信息如下： <html> <head> <script language="javascript">setTimeout("location.replace(location.href.split(\"#\")[0])",2000);</script> <script ty 阅读全文
posted @ 2020-09-17 18:02 四叶草t 阅读(3004) 评论(0) 推荐(0)
CSS实现左侧固定，右侧自适应布局
摘要：网页基本结构： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" 阅读全文
posted @ 2020-09-10 18:03 四叶草t 阅读(1277) 评论(0) 推荐(0)
CSS实现鼠标移入显示滚动条，移出隐藏滚动条
摘要：网页基本结构： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="renderer" 阅读全文
posted @ 2020-09-09 18:01 四叶草t 阅读(10567) 评论(0) 推荐(3)
设计未读提醒方案的小技巧
摘要：需求： 设计一个方案，实现简单的未读的公告在头像右上角显示数量，不要求显示具体哪条未读，只要求统计数量即可。 思路： 1、由于不要求显示具体哪条未读，所以不必新设计一个数据库表去记录用户和公告的关联； 2、只需要在用户表增加一个字段为上次查看公告的时间，例如：lastCheckTime； 3、当用户 阅读全文
posted @ 2020-09-08 18:04 四叶草t 阅读(329) 评论(0) 推荐(0)
vue中使用对象数组的最佳实践
摘要：前言： 在平常的开发中，经常会在vue中用到对象数组，如渲染一个小区的列表，数据结构可能如下所示： CommunityList: [ { _id: '', community_code: '', community_name: '', ... }, ... ] 当需要实现选择某几个小区加入收藏列表的 阅读全文
posted @ 2020-09-04 18:28 四叶草t 阅读(11889) 评论(0) 推荐(0)
简单公告功能的小技巧--textarea编辑后自动换行展示
摘要：需求： 实现一个简单的公告发布功能，能实现发布简单公告并在展示时能够换行。 思路： 1、由于只是显示简单的公告发布功能，不需要引入额外的富文本编辑插件，所以直接使用textarea标签来实现，但是在textarea中编辑的时候，换行后直接显示在页面是不会换行的，因为浏览器不会识别"\n"为换行，只是 阅读全文
posted @ 2020-09-02 18:19 四叶草t 阅读(715) 评论(0) 推荐(0)
阿里云oss直接下载的小技巧
摘要：需求： 点击图片的下载链接直接触发浏览器下载，而不是浏览器打开图片。 思路： 1、谷歌浏览器在点击图片链接的时候往往是直接打开图片而不是下载； 2、首先考虑的是在a标签上增加download属性来触发下载，但是由于该属性有跨域限制，导致失效； 3、其次考虑在Response头上增加“Content- 阅读全文
posted @ 2020-09-01 18:07 四叶草t 阅读(7412) 评论(0) 推荐(1)