wangweiscsdn的博客

视频自动播放会影响PWA的安装

了解一下PWA应用

社交媒体分享链接时的预览图片和内容

视频播放兼容iOS与Android

视频懒加载

针对各个媒体的分享js

在h5上有个分享 更多的 按钮，可以分享到其他的应用。

content.js在与网页分离的环境中运行，无法直接访问网页的JavaScript对象，包括Vue实例

chrome.storage上没有session只有local？

学习一下ts基础~

学习一下ts基础

作为一个前端，是否经常对正则无从下手？进来看看就能掌握简单的正则知识

iconfont 的symbol方式引入项目不显示

对象转树形数据结构

开始学习Typescript 吧~

你知道exports和module.exports的区别吗？

Object VS MapsObject与 Maps 类似，都允许将键(key)设置为值(value)、检索这些值、删除键以及检测是否在键中存储了某些内容。由于这个原因，Object在历史上一直被用作Map。但是在某些情况下，使用 Map 有一些重要的区别。Object的键是string、number和Symbol，而 Map 可以是任何值，包括函数、对象和任何原始值。// Object 创建const obj1 = new Object()const obj2 = {}const obj3

定义标签函数 会接收被插值记号分隔后的模板和对每个表达式求值的结果。标签函数本身是一个常规函数，通过前缀到模板字面量来应用自定义行为。标签函数 接收到的参数依次是原始字符串数组和对每个表达式求值的结果。举个栗子let a = 1;let b = 2;function simpleTag(strings, aValExpression, bValExpression, sumExpression) { console.log(strings); console.log(aValExpr

postMessagewindow.postMessage() 方法可以安全地实现跨源通信。语法otherWindow.postMessage(message, targetOrigin, [transfer]);otherWindow其他窗口的一个引用，比如iframe的contentWindow属性、执行window.open返回的窗口对象、或者是命名过或数值索引的window.frames。message将要发送到其他 window的数据。它将会被结构化克隆算法序列化。这意味着你可以

let btn = document.getElementById('btn');btn.onclick = function () { setTimeout(() => { let myEvent = new Event('resize'); window.dispatchEvent(myEvent); console.log('111', myEvent) },400)}

领导看到pdf的菜单栏不舒服，要你隐藏在pdf链接上拼接“#scrollbars=0&toolbar=0&statusbar=0”即可eg:https://shshhdk/shsjjs/test.pdf#scrollbars=0&toolbar=0&statusbar=0隐藏后，领导开心啦！...

在B端项目中，会遇到很多导出Excel的需求，这应该怎么实现呢？根据以下步骤就能快速实现！在请求拦截器设置contentType// 文件下载 if (response.status === 200 && response.headers['content-type'] === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') { return response; }

js事件循环机制EventLoop什么是进程？单进程和多进程什么是线程？单线程和多线程浏览器的进程分类事件循环（Event Loop）单线程处理安排好的任务在线程运行中处理新任务处理其他线程发送过来的任务消息队列消息队列+循环处理其他进程发送过来的任务消息队列中的任务类型macro-task(宏任务)micro-task(微任务)requestAnimationFrame（RAF）requestIdleCallback事件循环，宏任务，微任务的关系requestAnimationFrame、requestI

防抖的意思就是用户输入的时候不会频繁请求接口，一旦用户停下来在设定的时间内都没有再输入，那就可以发送请求，所以这样就减少了请求防抖这个用hooks有点小麻烦，主要是要获取input传入的参数event.persist(),这个是要加上的，不然会报一个警告，如下图所示：翻译一下就是：由于性能原因，此综合事件被重用。如果您看到此消息，那么您正在访问已发布/无效的合成事件上的属性“ target”。设置为空。如果必须保留原始的合成事件，请使用event.persist（）i...

先看看效果图然后再看看代码import React, { useState } from 'react'import { Input, message } from 'antd';import './index.scss'import fly from '../../api/flyio'/** * 7：职位详情的分享 */export default ({ userInfomation = {}, type, isVisible, handleToggleLayer, jobNa

定义分享按钮和canvas画布// 分享按钮<View className='job-bottom-share share' onClick={() => this.handleOpenShare()}> <View> <Text className='iconfont icon-share-ic share-img'></Text> </View> <Text>分享</Text></V

Chrome的骚操作二代码块Snippets的使用console中的'$'$0~$4$$$$_$i 使用 npm 插件console篇console.assert()console.log({})console.table()table 和 {} 的配合console.dir()console.time()与console.timeEnd()给logs 加上时间戳给console.log 加上 CSS 样式公众号代码块Snippets的使用在source面板里添加代码块Snippets，不删除的话可以

Chrome的骚操作一Chrome的copying & savingcopyingsaving保存堆栈信息( Stack trace )使用command命令面板截屏切换主题Chrome的copying & savingcopying可以在console里面用copy() 拿到任何信息savingStore as global (存储为一个全局变量)，只需要右击它，并选择 “Store as global variable” (保存为全局变量) 选项。第一次使用的话，它会创建一

JS预编译变量提升JS 代码运行的3大步骤GO和 AO预编译的执行步骤暗示全局变量（imply global）GO对象AO对象举几个????eg1eg2eg3eg4eg5公众号变量提升用var 定义的变量会提升到最顶部，所以可以使用这个变量前声明或者使用后声明const 和let 一定要先声明才能使用函数声明也会提升到最顶部function a() {} // 这个是函数声明var a = function () {} 这个是声明了一个变量a,给a赋值一个函数体，不是函数声明！！！J

这是一个神奇的bug，非常的坑！！！对象可以打印出来，但是里面的key和value却打印出undefined，经过查询，发现是一个异步的问题，需要加setTimeout，把它们放到队列尾，达到取出值的效果...

首选这个问题出现在我们一个h5页面的首页上，滑不动！在iPhone X和iPhone 11上并且系统版本发现是13.2.2，而iPhone X Max 系统版本12.2的并没有出现。所以我估摸着应该是iOS系统版本13.0以上都会有问题。然后写了个监听容器滚动的方法，也是参考别人的代码：https://blog.youkuaiyun.com/qq_39198420/article/details/76...

高德用的汽车路线规划，动画回放的功能，路线颜色改不了，粗细也改不了，所以会很丑。甲方爸爸很生气，后果很严重！！！先来欣赏一下改之前的长什么样然后改之后看看：是不是好看很多！！！只贴部分代码片段哈，主要用react， 下面的代码我是写在componentDidUpdate里面的，用的高德JS API哈~const { Map, Marker, Size, Pix...

这个就是antd的bug解决办法就是加一个定时器，几秒后强制关闭Toast.fail('您输入的账号有误！', 2)setTimeout(() => Toast.hide(), 2000)

这种长列表加载很多页之后，然后跳转至某个详情页面再返回到列表页要到原来的位置最重要的是加ref，ref={ node => handelRef(node) }， 还有就是要动态的设置initialListSize的值，首屏渲染的条数，不然默认只渲染20条，等你数据加载超过20条就不能滚动到指定位置哦~ <ListView r...

本篇博客记录我的一次egg.js的入门项目。背景前端要对接一个java重构的项目，发现java重构的项目跟之前python做的项目接口返回数据结构基本不一样，如果直接前端重新对接，那么改动肯定非常大，在不动前端代码的前提下，可以起一个node服务作为一个中台角色。如下图所示：Egg.js是什么？eggjs 是阿里开源的企业级 Node.js 框架，专注于企业级框架和应用而生，团...

浅拷贝指向同一个内存地址，改变一个对象，另一个跟着改变varobj1 = { a: 11, b: 22 };varobj2 = obj1;obj2.a = 33;console.log(obj1);// { a: 33, b: 22 }console.log(obj2);// { a: 33, b: 22 }深拷贝指向不同的内存地址，比如一对双胞胎，...

一般js 里面typeof 数组是object类型，所以不能判断是否为数组，所以用以下方式判断    

作者：crimxblog.crimx.com/2016/05/12/understanding-this/鉴于this风骚的运作方式，对this的理解是永不过时的话题，本文试图通过将其大卸六块来钉住这个磨人的妖精。首先this is all about context.this说白了就是找大佬，

现在的一个需求就是要前端这边做md5加密，本来想要用crypto，而crypto是node内置的模块，在npm查了一下，这个包已经没有了，所以改用crypto-js，这个还是很简单的。我们这边的md5的加密规则如下：将除了sign和appKey以外的，一级请求参数（不包含对象数组等）根据key值按照字母表的顺序(a~z)排序，将其对应参数值（仅value，不要key）拼接到一起，得到字符串...

我主要是要用react 的mobx 状态管理然后我的Visual Studio Code 提示 ：对修饰器的实验支持是一项将在将来版本中更改的功能。设置 "experimentalDecorators" 选项以删除此警告结论就是：然后搜索这个experimentalDecorators就会出来下面的图，然后勾上就不会报错了...