Web开发

0

小程序canvas实现图片压缩小程序

马师傅发表了文章 • 1065 次浏览 • 2021-04-20 11:37 • 来自相关话题

我们需要在选择图片后对图片做一次安全校验启用云开发现在我们需要一个后端接口来实现图片的安全校验功能这时候临时搭个Node服务好像不太现实又不是什么正经项目于是就想到了微信的云开发功能用起来真实方便快捷至于图片的校... ...查看全部

0

小程序的「获取URL Scheme」能力小程序

马师傅发表了文章 • 1104 次浏览 • 2021-04-20 11:32 • 来自相关话题

最近，微信小程序更新了一项新的能力：「获取URL Scheme」，这是一项非常有用的功能，你可以借助他，在微信生态中实现各种有意思的营销方式。什么是 URL Scheme微信提供了一个接口，可以生成如 weixin://dl/business/?t=... ...查看全部

0

Web 安全之 Clickjacking web 安全性

马师傅发表了文章 • 850 次浏览 • 2021-04-19 14:08 • 来自相关话题

Clickjacking ( UI redressing )在本节中，我们将解释什么是 clickjacking 点击劫持，并描述常见的点击劫持攻击示例，以及讨论如何防御这些攻击。什么是点击劫持点击劫持是一种基于界面的攻击，通过诱导用户点击钓鱼网站中的被隐藏了... ...查看全部

0

Web 安全之 Directory traversal web 安全性

马师傅发表了文章 • 858 次浏览 • 2021-04-19 14:05 • 来自相关话题

Directory traversal - 目录遍历在本节中，我们将介绍什么是目录遍历，描述如何执行路径遍历攻击和绕过常见障碍，并阐明如何防止路径遍历漏洞。什么是目录遍历？目录遍历（也称为文件路径遍历）是一个 web 安全漏洞，此漏洞使攻击者能够读取运行应用程... ...查看全部

0

Web 安全之 HTTP Host header attacks web 安全性

马师傅发表了文章 • 1363 次浏览 • 2021-04-19 13:59 • 来自相关话题

HTTP Host header attacks在本节中，我们将讨论错误的配置和有缺陷的业务逻辑如何通过 HTTP Host 头使网站遭受各种攻击。我们将概述识别易受 HTTP Host 头攻击的网站的高级方法，并演示如何利用此方法。最后，我们将提供一些有关如... ...查看全部

0

Web 安全之 HTTP request smuggling web 安全性

马师傅发表了文章 • 791 次浏览 • 2021-04-19 13:54 • 来自相关话题

HTTP request smuggling在本节中，我们将解释什么是 HTTP 请求走私，并描述常见的请求走私漏洞是如何产生的。什么是 HTTP 请求走私HTTP 请求走私是一种干扰网站处理多个 HTTP 请求序列的技术。请求走私漏洞危害很大，它使攻击者可以... ...查看全部

0

JS 中循环遍历数组方式总结 Javascript

马师傅发表了文章 • 823 次浏览 • 2021-04-19 13:51 • 来自相关话题

本文比较并总结遍历数组的四种方式：for 循环：for (let index=0; index < someArray.length; index++) { const elem = someArray[index]; // ··· }... ...查看全部

0

Web 安全之 DOM-based vulnerabilities web 安全协议

马师傅发表了文章 • 866 次浏览 • 2021-04-19 10:46 • 来自相关话题

DOM-based vulnerabilities在本节中，我们将描述什么是 DOM ，解释对 DOM 数据的不安全处理是如何引入漏洞的，并建议如何在您的网站上防止基于 DOM 的漏洞。什么是 DOM... ...查看全部

0

Web 安全之 CSRF CSRF 安全性

马师傅发表了文章 • 793 次浏览 • 2021-04-19 10:42 • 来自相关话题

Cross-site request forgery (CSRF)在本节中，我们将解释什么是跨站请求伪造，并描述一些常见的 CSRF 漏洞示例，同时说明如何防御 CSRF 攻击。什么是 CSRF跨站请求伪造（CSRF）是... ...查看全部

0

useEffect, useCallback, useMemo三者有何区别？ hooks react

马师傅发表了文章 • 994 次浏览 • 2021-04-19 10:32 • 来自相关话题

背景在目前的react开发中，很多新项目都采用函数组件，因此，我们免不了会接触到hooks。此外，Hooks也是前端面试中react方面的一个高频考点，需要掌握常用的几种hooks。常用的有基本：useState, useEffect, useContext额... ...查看全部

0

关于 Node.js 中的异步迭代器 node.js

马师傅发表了文章 • 807 次浏览 • 2021-04-19 10:28 • 来自相关话题

从 10.0.0 版开始，异步迭代器就出现在 Node 中了，在本文中，我们将讨论异步迭代器的作用，以及它们可以用在什么地方。什么是异步迭代器异步迭代器实际上是以前迭代器的异步版本。当我们不知道迭代的值和最终状态时，可以使用异步迭代器。两者不同的地方在于，我们... ...查看全部

0

写TypeScript代码的10种坏习惯 typescript

马师傅发表了文章 • 771 次浏览 • 2021-04-19 10:23 • 来自相关话题

近几年 TypeScript 和 JavaScript 一直在稳步发展。我们在过去写代码时养成了一些习惯，而有些习惯却没有什么意义。以下是我们都应该改正的 10 个坏习惯。1.不使用 strict 模式这种习惯看起来是什么样的没有用严格模式... ...查看全部

0

Vue3 Teleport 简介，请过目，这个是真的好用 vue

马师傅发表了文章 • 834 次浏览 • 2021-04-16 16:01 • 来自相关话题

关于 vue3 的一个新特性已经讨论了一段时间了，那就是 Portals(传送门) ，它的功能是将模板HTML移动到DOM不同地方的方法。Portals是React中的一个常见特性，Vue2 中可以使用portal-vue库。Vue3 中，提供了&n... ...查看全部

0

webpack踩坑记录 webpack

马师傅发表了文章 • 827 次浏览 • 2021-04-16 15:46 • 来自相关话题

最近在学习webpack的一些配置，学习的期望就是通过可以通过webpack给html文件中引用的资源例如css、js、img文件加上版本号，避免由于浏览器的缓存造成线上请求的资源依旧是旧版本的东西。首先新建一个webpack的项目(默认大家已经安装node的... ...查看全部

0

2021 年值得关注的 8 个 Node.js 项目 node.js

马师傅发表了文章 • 940 次浏览 • 2021-04-16 15:34 • 来自相关话题

1. Cytoscape.js网站 https://js.cytoscape.org/这个用于可视化和图形分析的开源 JavaScript 库实现了丰富的交互功能。选择方形区域、平移、捏拉缩放等功能都是开箱即用。Cytoscape 可以用于 Node... ...查看全部

0

两种纯CSS方式实现hover图片pop-out弹出效果 CSS3 HTML5

马师傅发表了文章 • 839 次浏览 • 2021-04-16 15:25 • 来自相关话题

主要图形的组成元素由背景和前景图两个元素，以下示例代码中，背景元素使用伪元素 figure::before 表示，前景元素使用 figure img 表示，当鼠标hover悬浮至figure元素时，背景元素产生变大效果... ...查看全部

0

TypeScript Interface vs Type知多少 interface typescript Javascript

马师傅发表了文章 • 833 次浏览 • 2021-04-16 15:16 • 来自相关话题

接口和类型别名非常相似，在大多情况下二者可以互换。在写TS的时候，想必大家都问过自己这个问题，我到底应该用哪个呢？希望看完本文会给你一个答案。知道什么时候应该用哪个，首先应该了解二者之间的相同点和不同点，再做出选择。接口 vs 类型别名相同点1. 都可以用来... ...查看全部

0

taro-ui实现省市区三级联动三级联动 Taro react

马师傅发表了文章 • 2071 次浏览 • 2021-04-15 16:22 • 来自相关话题

因taro-ui没有省市区三级联动，所以我们利用它提供的Picker 实现多列选择器。

0

Node交互式命令行工具开发——自动化文档工具 npm node.js

马师傅发表了文章 • 841 次浏览 • 2021-04-15 11:07 • 来自相关话题

　nodejs开发命令行工具，流程相对简单，但一套完整的命令行程序开发流程下来，还是需要下点功夫，网上资料大多零散，这篇教程意在整合一下完整的开发流程。　　npm上命令行开发相关包很多，例如minimist、optimist、nopt、commander.js... ...查看全部

0

JS前端面试总结面试题 Javascript

马师傅发表了文章 • 800 次浏览 • 2021-04-15 10:47 • 来自相关话题

ES5的继承和ES6的继承有什么区别ES5的继承时通过prototype或构造函数机制来实现。ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上（Parent.apply(this)）。ES6的继承机制完全不同，实质上是先创建父类的实... ...查看全部

1

面向面试编程，面向掘金面试前端面试 iOS面试 面试题

马师傅发表了文章 • 905 次浏览 • 2021-04-15 10:36 • 来自相关话题

我使用 curl 与 jq 一行简单的命令爬取了掘金的面试集合榜单，有兴趣的同学可以看看爬取过程: 使用 jq 与 sed 制作掘金面试文章排行榜，可以提高你使用命令行的乐趣关于前端，后端，移动端的面试，这里统... ...查看全部

0

vue 自动化路由实现路由 vue

马师傅发表了文章 • 881 次浏览 • 2021-04-14 18:22 • 来自相关话题

1、需求描述在写vue的项目中，一般情况下我们每添加一个新页面都得添加一个新路由。为此我们在项目中会专门的一个文件夹来管理路由，如下图所示那么有没有一种方案，能够实现我们在文件夹中新建了一个vue文件，就自动帮我们添加路由。特别在我们的一个ERP后台项目中，我... ...查看全部

0

前端自测清单(前端八股文) 前端面试 前端

马师傅发表了文章 • 4460 次浏览 • 2021-04-14 18:06 • 来自相关话题

缘起这篇文章主要列举一些自己想到的面试题目，让大家更加熟悉前端八股文。先从性能优化开始吧。性能优化大体可以分为两个，运行时优化加载时优化加载时优化网络优化dns寻址过程tcp的三次握手和四次挥手，以及为何要三次和为何要四次https的握手过程，以及对称加密和非... ...查看全部

0

前端如何进行用户权限管理权限管理 前端

马师傅发表了文章 • 1767 次浏览 • 2021-04-14 10:39 • 来自相关话题

【前端如何进行用户权限管理】1：问题：假如在做一个管理系统，面向老师学生的，学生提交申请，老师负责审核（或者还需要添加其他角色，功能权限都不同）。现在的问题是，每种角色登录看到的界面应该都是不一样的，那这个页面的区分如何实现呢？2：要不要给老师和学生各自设计一... ...查看全部

0

彻底解决小程序无法触发SESSION问题 session 微信小程序

马师傅发表了文章 • 798 次浏览 • 2021-04-14 10:15 • 来自相关话题

一、首先找到第一次发起网络请求的地址，将服务器返回set-cookie当全局变量存储起来wx.request({ ...... success: function(res) { console.log(res.header); //set-co... ...查看全部

0

vue 重复点击菜单，路由重复报错 vueRouter vue vue3.0

马师傅发表了文章 • 914 次浏览 • 2021-04-13 18:31 • 来自相关话题

报错信息vue-router在3.0版本以上时，重复点菜单，控制台会报错，虽然不影响使用，但是最好处理下这个问题，不然也可能会影响调试其他问题。报错原因vue-router在3.0版本以上时，回调形式改成了promise api，返回的是promise，如果... ...查看全部

0

深入理解vue中的slot与slot-scope slot 插槽 vue

马师傅发表了文章 • 857 次浏览 • 2021-04-13 18:23 • 来自相关话题

写在前面vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“算了吧，回头再学，反正已经可以写基础组件了”，于是就关闭了vue说明... ...查看全部

0

JavaScript 逐点突破系列 -- 变幻莫测的this指向构造函数 箭头函数 this指向 this Javascript

马师傅发表了文章 • 866 次浏览 • 2021-04-13 12:38 • 来自相关话题

JavaScript 逐点突破系列 – 变幻莫测的this指向this指向事件调用环境谁触发事件，函数里面的this指向就是谁let button = document.getElemetById('button')button.onclick = funct... ...查看全部

0

js实现函数防抖节流函数 节流 防抖 js Javascript

马师傅发表了文章 • 830 次浏览 • 2021-04-13 09:59 • 来自相关话题

一、什么是函数防抖跟节流？函数防抖：在事件被触发n秒之后在执行回调函数，如果在n秒内又被触发，则重新计时。函数节流：规定一个单位时间，规定在这个时间内，只能执行一次回调函数，如果在这个时间内呗触发多次，则只有一次失效。表现形式就是它有... ...查看全部

0

JavaScript new 操作符前端 new Javascript

马师傅发表了文章 • 805 次浏览 • 2021-04-13 09:50 • 来自相关话题

new 操作符做的事情 - 01创建了一个全新的对象。将对象链接到这个函数的 prototype 对象上。执行构造函数，并将 this 绑定到新创建的对象上。判断构造函数执行返回的结果是否是引用数据类型，若是则返回构造函数执行的结果，否则返回创建的对象。new... ...查看全部

0

微信小程序-使用canvas绘制图片,下载,分享前端 合成图片 绘制图片 canvas 微信小程序

马师傅发表了文章 • 1176 次浏览 • 2021-04-12 20:44 • 来自相关话题

接下来下选择图片// 点击选择图片按钮触发start: function() { let that = this let ctx = wx.createCanvasContext('myCanvas') // 设置canvas背景色, 否则制... ...查看全部

0

H5之外部浏览器唤起微信分享微信分享 微信 h5

马师傅发表了文章 • 1295 次浏览 • 2021-04-12 18:37 • 来自相关话题

转自https://blog.csdn.net/qq_18976087/article/details/79095735最近在做一个手机站，要求点击分享可以直接打开微信分享出去。而不是jiathis，share分享这种的点击出来二维码。在网上看了很多，都说AP... ...查看全部

通知设置新通知