Web开发

0

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

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

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

0

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

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

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

0

Web 安全之 CSRF CSRF 安全性

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

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

0

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

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

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

0

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

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

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

0

写TypeScript代码的10种坏习惯 typescript

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

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

0

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

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

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

0

webpack踩坑记录 webpack

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

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

0

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

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

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

0

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

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

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

0

TypeScript Interface vs Type知多少 interface typescript Javascript

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

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

0

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

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

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

0

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

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

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

0

JS前端面试总结面试题 Javascript

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

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

1

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

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

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

0

vue 自动化路由实现路由 vue

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

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

0

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

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

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

0

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

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

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

0

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

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

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

0

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

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

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

0

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

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

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

0

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

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

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

0

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

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

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

0

JavaScript new 操作符前端 new Javascript

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

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

0

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

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

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

0

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

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

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

通知设置新通知