JavaScript 禁止用户保存图片 场景在业务需求中不希望用户保存图片，因为是一些供内部使用的图片。 思路 添加事件禁止选择、拖拽、右键（简单的禁止用户保存图片，但无法阻止用户打开控制台查看，或是直接抓包） 将之转换为 canvas（让浏览器认为不是图片以此禁止用户对之进行图片的操作，但无法阻止抓包） 禁止用户使用控制台查看源码（阻止浏览器打开控制台，但无法阻止抓包） 传输图片使用自定义格式（可以阻止抓包，但需要后台配合） 注： 2020-04-27 javascript
TypeScript 函数根据第一个参数推导后面参数的类型 问题在编写一个重载函数时，吾辈发现了 ts 的方法签名问题。 enum TypeEnum { A, B, } type A = { a: string; }; type B = { b: number; }; //region 普通参数 function fn1(type: TypeEnum.A, obj: A): 2020-04-02 typescript
JavaScript 微任务/宏任务踩坑 场景 SegmentFault 在使用 async-await 时，吾辈总是习惯把它们当作同步，终于，现在踩到坑里去了。使用 setTimeout 和 setInterval 实现的基于 Promise 的 wait 函数，然而测试边界情况的时候却发现了一些问题！ 实现代码 /** * 等待指定的时间/等待指定表达式成立 * 如果未指定等待条件则立刻执行 * @param {Nu 2020-02-02 异步 javascript
JavaScript 防抖和节流 场景网络上已经存在了大量的有关 防抖 和 节流 的文章，为何吾辈还要再写一篇呢？事实上，防抖和节流，吾辈在使用中发现了一些奇怪的问题，并经过了数次的修改，这里主要分享一下吾辈遇到的问题以及是如何解决的。 为什么要用防抖和节流？因为某些函数触发/调用的频率过快，吾辈需要手动去限制其执行的频率。例如常见的监听滚动条的事件，如果没有防抖处理的话，并且，每次函数执行花费的时间超过了触发的间隔时间的话 – 2020-02-02 异步 javascript
js 处理 url 数组参数 场景使用 axios.get 时遇到的问题，axios 在 get 请求时会将参数转换为 url 上，这本是正常的逻辑，然而 Spring MVC 却无法接收，会抛出错误。 使用 Axios 发送的请求代码 axios.get("/api/index/array", { params: { list: ["1", "2", "3"], }, } 2020-02-02 java
jsdoc 注释标签一览 速览表格标签列表 标签 简介 param 参数 returns 返回值 example 示例 test 测试代码 class 类定义 property 类属性定义 语法列表 语法 简介 {T} 类型 {T,R} 多个类型 [] 可选值 [arg=v] 默认值 .<T> 泛型 obj. 2020-02-02 工程化 javascript
FlexBox 布局入门 场景最近刚看了 flexbox，之前一直用的 UI 框架写前端，吾辈可能是个假的前端开发（好吧，其实之前吾辈前后端都写，写得最多的是 JS/TS 就是了），所以写一篇记录便于复习知识。 简介不谈需求讲功能就是扯淡，所以吾辈先来说一下吾辈使用 flex 的主要场景吧 水平布局: 导航栏，多栏展示，媒体元素 水平垂直居中: 这在 flex 之前使用 CSS 很难实现 避免使用浮动，行内块元素，表格进 2020-02-02 css