标签:技术文章
大家好,我是程序视点的小二哥 因为项目上有一个在规定区域内自由拖拽的小需求,自己纯js写又有点小麻烦,就花了点时间寻找到这个小组件。 介绍 vue-drag-resize是一个用于拖拽,缩放的组件根据网上搜索到的使用教程,都是照着文档翻译了一遍,根本解决不了我想要的问题花了几天时间,于是记录下了
1. 使用箭头函数简化函数定义 // 传统函数定义 function add(a, b) { return a + b; } // 箭头函数简化 const add = (a, b) => a + b; 2. 使用解构赋值简化变量声明 //
1.查看分支 查看本地分支 git branch 查看远程分支 git branch -r 查看本地和远程分支  git branch -a 2.创建分支 使用以下命令创建一个本地分支 git branch <本地分支名> 使用以下命令创建一个本地分支且新建分支从特定
本文可以配合本人录制的视频一起食用 作用 节流和防抖是前端开发中常用的优化技术,主要用于优化一些高频触发的事件。 字面理解 节流与防抖,先从字面上理解一下,节流就是节制流入或流出,在前端方面我个人理解一下,指的是节制功能或请求的触发次数,所以节流函数字面上的意思就是防止功能或请求被频繁触发的函数;
大家好,我是程序视点的小二哥!今天小二哥带领大家学习如何使用最少的代码创建令人叹为观止的滚动动画~ 在聊ScrollTrigger插件之前我们先简单了解下GSAP。 GreenSock 动画平台 (GSAP) 可为 JavaScript 可以操作的任何内容(CSS 属性、SVG、React、画
一、js有如下:1、string类型;2、number类型;3、boolean类型;4、null类型;5、undefined类型;6、Object类型;7、Array类型;8、Function类型;9、Symbol类型。共九种数据类型。js把数据类型分为“基本数据类型”和“引用数据类型”。其中6、
一:背景 1. 讲故事 前些天有位朋友微信上找到我,说他们学校的Web系统内存一直下不去,让我看下到底是怎么回事,老规矩让朋友生成一个dump文件丢给我,看一下便知。 二:WinDbg 分析 1. 托管还是非托管 要想看托管还是非托管,可以用 !address -summary 观察下内存段。
在现代的 Web 开发中,使用 OpenAPI(以前称为 Swagger)规范来描述和定义 API 已经成为一种常见的做法。OpenAPI 规范提供了一种统一的方式来描述API的结构、请求和响应,使得开发人员能够更好地理解和使用 API。 然而,手动编写与 OpenAPI 规范匹配的客户端代码或
DOM事件 1.DOM中的事件可以分为两类 1.浏览器行为 如:文档加载完成,图片加载完成 2.用户行为 如:输入框输入数据,点击按钮 (2).常见的DOM事件 onload 浏览器已完成页面的加载 支持事件的对象 window image onchange HTML 元
eslint 可以用于规范我们的编码,使得项目中的代码风格一致,更利于阅读和维护,而 prettier 可以在当我们代码不符合 eslint 规范是进行部分自动修复。 eslint 通过 npm install eslint -D 安装 eslint,然后执行 npx eslint --init
分享的 WebStorm 2023.2 最新激活注册码,可免费永久激活,亲测有效,下面是详细文档哦~ 申明:本教程 WebStorm 激活码收集于网络,请勿商用,仅供个人学习使用,如有侵权,请联系作者删除。若条件允许,希望大家购买正版 ! PS: 本教程最新更新时间: 2023年08月08日~ 前
1.websocket介绍 WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。websocket 协议是在 http 协议上的一种补充协议,是 html5 的新特性,是一种持久化的协议。 2.应用
一、背景 当我们疲于开发一个接一个的需求时,很容易忘记去关注网站的性能,到了某一个节点,猛地发现,随着越来越多代码的堆积,网站变得越来越慢。 本文就是从这样的一个背景出发,着手优化网站的前端性能,并总结出一套开发习惯,让我们在日常开发时,也保持高性能,而不是又一次回过头来优化性能。 指标名称 优化
前言 提到爬虫可能大多都会想到python,其实爬虫的实现并不限制任何语言。 下面我们就使用js来实现,后端为express,前端为vue3。 实现功能 话不多说,先看结果: 这是项目链接:https://gitee.com/xi1213/worm 项目用到的库有:vue、axios、cheeri
7月27号下午2点    New 操作符做了什么:     1. 创建一个新的空对象。     2. 将这个新对象的原型指向构造函数的原型。     3. 将构造函数的this指向这个新对象。     4. 根据构造函数返回类型作判断,如果是值类型,返回newObj。如果是引用类型,就返回这个引用
关于 uniapp 权限申请和跳转系统页面 查询权限 跳转到应用详情 跳转到系统设置 参考 此文中所有 IOS 中使用的代码,因为没有设备所以均未经过实机测试 查询权限 uni.authorize 获取权限只支持微信小程序不支持app,只能用 Native.js 来实现 安卓权限查询 pl
1、跳转Setting应用列表(所有应用) Intent intent = new Intent(Settings.ACTION_MANAGE_ALL_APPLICATIONS_SETTINGS); this.startActivity(intent);   2、跳转Setting应用列表(