当当当当，我是美团技术团队的程序员鼓励师美美～“基本功”专栏又来新文章了，本篇是我们前端安全系列文章的第二篇，主要聊聊前端开发过程中遇到的CSRF问题，希望对你有帮助哦～我们将不断梳理常见的前端安全问题以及对应的解决方案，希望可以帮助前端同学在日常开发中不断预防和修复安全漏洞，Enjoy Reading！背景随着互联网的高速发展，信息安全问题已经成为企业最为 …
最新内容
简介日常我们都忙于写bug，有时候不妨停下脚步，找找bug。测试广义上分为黑盒测试和白盒测试。单元测试属于后者，是在知道程序运行逻辑的基础上，设计测试用例，确保程序模块行为与我们预期一致。前端做单元测试的不多，但是并不代表不必要，对于一些复杂的数据处理、公共类库等，单元测试是非常有必要的，代码只要有修改，就是有风险的，检验代码正确与否，最安全的方法就是通过设 …
Alex 发自 凹非寺量子位 | 公众号 QbitAIHTML不是编程语言，但这并不妨碍前端工程师把它玩出花儿来。比如，有人就拿HTML来访问用户的相机——在网页上，点击按钮即可直接打开手机前置镜头来拍照。（没错，就是前置镜头！小哥可能有镜子之类的）也可以调用手机的后置镜头，开启摄像模式。值得注意的是，在这里，小哥只用了HTML语言就实现了上述功能。他利用H …
事件JavaScript和html之间的交互是通过事件实现的。事件就是用户或者浏览器自身执行的某种动作。响应某个事件的函数就叫做事件处理函数。事件对象当事件被触发时，浏览器会创建一个事件对象，这个对象包含了与事件相关的信息，比如事件的类型，事件发生的位置等。事件对象会在事件处理函数中作为参数传递。常见的属性event.target：事件源，即触发事件的元素。 …
推荐阅读Vue3 学习笔记，Vue 简介及如何引入 Vue3 框架（一）Vue3 学习笔记，快速初始化Vue项目及 data 函数用法学习（二）如何定义事件在 Vue 中，可以使用 v-on 指令来绑定事件监听器。下面是一个示例，在点击按钮时触发事件处理程序：{{ counter }}export default {data() {return {count …
在开发中，有些提交保存按钮有时候会在短时间内被点击多次，这样就会多次重复请求后端接口，造成数据的重复，详情接口无法显示报错，比如新增表单的提交按钮，多次点击就会新增多条重复的数据。问题解决方案如下：1.在main.js中注册Vue.directive('debounce', { inserted(el, binding, vnode) { l …
注意了！为诈骗分子“引流”后果很严重！“喂，您好，我是某某证券公司的客服，现在我们公司免费提供一个股票投资交流群，由专业的老师推荐牛股，请问可以加你微信么？”这样的套路是不是很熟悉？日前，奉新县公安局抓获一名为网络诈骗犯罪提供前端“吸粉引流”服务的犯罪嫌疑人林某。案情回顾2022年3月，奉新县的林某因疫情期间找不到工作，便开始琢磨挣钱的点子。一次偶然的机会， …
前端写自动脚本中最常见的就是 debugger 的干扰，debugger 仅在调试模式中起作用，需要手动点击才会继续向下执行，这样我们的自动脚本也就卡住无法向下执行，本篇文章介绍几种跳过 debugger 的方法。方法1：禁用所有断点禁用所有的断点，会包含自己的断点也会被禁用掉，暂停了调试。方法2：添加到 Ignore List 中把需要忽略掉的断点被包含的 …
之前也有一些前端程序员会陆陆续续和我私聊，说想要找一些私活，但是不清楚具体的方法，今天就给大家介绍一些可行性高的方法，让你找到合适的前端兼职：干货满满，希望大家点点收藏，避免走丢哦~在兼职以前，有这些需要你注意：1、一定要问清楚人家要什么，理出思路；动手前务必再三确认每个模块、每个功能点的细致要求、对框架有不有要求、用Vue还是React实现...最好让甲方 …
招聘话务员，地点任意时间灵活，日结300元......诱人的招聘广告背后却暗藏诈骗陷阱近期宿迁沭阳警方抓获10名为电信网络诈骗团伙“吸粉引流”的犯罪嫌疑人案情回顾近期，沭阳警方在日常工作中，发现了一个为网络诈骗犯罪提供前端“吸粉引流”服务的犯罪团伙，逐步摸清了该犯罪团伙的活动轨迹。6月16日中午，沭阳警方出动近30名警力，将该犯罪团伙一举摧毁。经查，自202 …