09 2020 档案
摘要：网上大部分方案如下，即给出现滚动条的元素 ::-webkit-scrollbar 添加 display: none; html,body { width: 100%; height: 100%; overflow-y: scroll; } body::-webkit-scrollbar { disp
阅读全文
摘要：问题 在做手机页面的时候，遇到这样一个问题： 点击抽奖后，会出现一个弹框，点击弹框上的"确定"按钮，这时问题出现了，当确定按钮和下边的抽奖按钮重合时，弹框隐藏，并且同时触发了抽奖按钮！！！ 这时就了解到：什么是事件穿透？点击上面的一层时会触发下面一层的事件。 zepto的tap是通过兼听绑定在doc
阅读全文
摘要：防抖(debounce) 当持续触发事件时，在一定的时间段内，只有最后一次触发的事件才会执行。 function debounce(fn, wait) { var timer = null; return function () { if (timer !== null) { clearTimeou
阅读全文
摘要：需求 在页面上有"返回顶部"的按钮，要实现在上下滚动页面时，该按钮显示，当页面停止滚动几秒后，按钮消失。 代码 function iconShow() { var scrollTimer = null; function debounce(fn, wait) { return function ()
阅读全文
摘要：需求 希望在页面向下滚动时则隐藏"返回顶部"按钮，否则显示。 以下将滚动代码整理出来scrollEvent()方法 (适用于滚轮滚动、键盘上下滚动、滚动条滚动) 代码 /* 监听页面向上向下滚动事件 */ function scrollEvent() { window.onscroll = func
阅读全文
摘要：首先指出一点，Redux的reducer是浅复制。冲掉的原因，是因为浅复制没有放在更新数据前，把...state放在前面就好了。 Redux作者DanAbramov推荐用Object.assign()and...spread浅复制来在reducer中更新状态： 所以浅复制实现方法： 原生方式： va
阅读全文
摘要：flat() 简述 flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。 语法 var newArray = arr.flat([depth]); 参数 depth:可选。指定要提取嵌套数组的结构深度，默认值为 1。 返回值 一个包含将数组
阅读全文
摘要：问题 js接收数字时，发现最后几位数字变成了0，如图所示： 从Java后台传一个数值到前端的js中，Java中输出为712070446013219840， 但在js中输出便成了712070446013219800 最后一位竟然都变成了0。 解决 根本原因：js的number类型有个最大值（安全值）。
阅读全文
摘要：cache、processData、dataType、contentType cache：缓存 默认值：true 当发起一次请求后，会把获得的结果以缓存的形式进行存储，当再次发起请求时，如果 cache 的值是 true ，那么会直接从缓存中读取，而不是再次发起一个请求了。 从 cache 的工作原
阅读全文
摘要：一 前言 做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrome-dev-tools（F12调试器）中看到的FormData与RequestBody，给小伙伴们提供一种可能的思路。也给小伙伴们提供一些
阅读全文
摘要：/* 点击返回 */ $(document).on('click', '.closeWx', function () { window.history.back(); setTimeout(function () { //这个可以关闭安卓系统的手机 document.addEventListener
阅读全文
摘要：一般情况 添加版本号，在静态资源文件的引用链接后面添加版本号，这样每次发布的时候更新版本号，就能让叫客户端加载新的资源文件，避免再次使用缓存的老文件，如： <script src="//m.test.com/build/activity/js/commons.js?v=20170608"></scr
阅读全文
摘要：在页面中，我希望在符合某个条件后，动态加载script脚本，我首先尝试了把script标签包在字符串中，但是飘红了~~~ $('<script src="../js/index.js?v=20200623"></script>').appendTo("body"); 之后，我又尝试了将script放
阅读全文
摘要：看到以下语句： var a,b,c="c"; if(a="a",b="b",c==0) { console.log(a,b) //a,b已赋值，但此句不执行 } var a,b,c="c"; if(a="a",b="b",c=="c") { console.log(a,b) //a,b已赋值，此句打
阅读全文
摘要：Flexslider是一款基于jQuery的内容滚动插件。它能让你轻松的创建内容滚动的效果，具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 Flexslider特性 支持滑动和淡入淡出效果。 支持水平、垂直方向滑动。 支持键盘方向键控
阅读全文
摘要：在做页面时，希望点击"打印"按钮，只把printonly中的内容打印出来，代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> @media print { .noprint,
阅读全文
摘要：实现效果 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .content,.outer-container { width: 200px; height: 200px
阅读全文
摘要：需求 有这样一个搜索的遮罩层，希望点击除输入框和搜索按钮外的任何位置，都可以将遮罩层关闭。 代码 HTML： <div class="serachMask"> <div class="div_my_zzk"> <input type="text" class="input_my_zzk"> <inp
阅读全文
摘要：:focus a标签有点特殊,需要设置： a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;
阅读全文
摘要：live sass compiler是VSCode扩展，可以实时地将SASS / SCSS文件编译/转换为CSS文件。 可以自动添加css兼容性前缀，-webkit-，-moz-，-ms，-o-等。 可以自定义css文件解析后的代码样式（expanded 展开，compact，compressed
阅读全文
摘要：写代码的方式不一样 1）web: localStorage.setItem(“key”,“value”) localStorage.getItem(“key”) 2）小程序中: wx.setStorageSync(“key”, “value”); wx.getStorageSync(“key”) 存
阅读全文
摘要：基本概念 Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。 如何转换为Fl
阅读全文
摘要：需求 直接上图吧，要实现多个小方块在大盒子里的两端对齐，大部分我们都是想到用flex布局，简单方便。 实现 上代码： HTML: <div class="container"> <div class="justify"> <i>1</i> <i>2</i> <i>3</i> <i>4</i> </d
阅读全文
摘要：需求 移动端要求弹窗显示如图： 先上代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
阅读全文
摘要：单行文本省略 单行文本溢出显示省略号比较简单，设置white-space: nowrap避免换行，设置overflow: hidden溢出隐藏，再设置text-overflow: ellipse即可。 text-overflow CSS 属性确定如何向用户发出未显示的溢出内容信号。它可以被剪切，显示
阅读全文
摘要：需求 给定发布评论的时间戳timestamp， 要求根据时间戳如下显示： 不足一分钟：刚刚， 满一分钟不足24小时：xx分钟前 过了0点：昨天，2天前，3天前…… 超过三天：08-01（月-日） 代码 function getDateDiff(timestamp) { var prev = new
阅读全文
摘要：我坚信很多开发者依旧与这些基本的全局对象打交道：numbers，strings，objects，arrays 和 booleans。 大部分业务场景，以上这些已经够用了。但是，如果你想让你的代码运行的尽可能快、可扩展性尽可能的好，那么这些基本类型并不够优秀。 在这篇文章，我们将要讨论如何利用 JS
阅读全文
摘要：在开发的过程中可能会遇到项目只能在微信浏览器打开的需求，那么只需要在项目的页面添加以下代码即可（单页面应用在入口文件添加即可)。 <script> var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micro
阅读全文
摘要：在许多编程语言中，switch语句存在 - 但是它应该更长吗？如果你是一个JavaScript程序员，你经常跳进和跳出对象，创建，实例化和操作它们。对象非常灵活，它们是JavaScript中几乎所有内容的核心，使用它们代替switch语句是我最近一直在做的事情。 什么是switch语句？ 如果您以前
阅读全文
摘要：一般我们在页面渲染时间的时候都是 xx年-xx月-xx日，这种格式的日期在ios系统里是无法显示的， 将xx年-xx月-xx日的时间格式改为xx年/xx月/xx日就可以解决这个问题。 //获取时间戳 function formatTimeStamp(date,time='0:0:0'){ retur
阅读全文
摘要：JS获取当前时间戳的方法 获取当前毫秒时间戳有以下三种方法： var timestamp = Date.parse(new Date()); 结果：1598924276000 //不推荐; 毫秒改成了000显示 var timestamp = new Date().valueOf(); 结果：159
阅读全文
浙公网安备 33010602011771号