JavaScript
文章平均质量分 83
年轻正好
这个作者很懒,什么都没留下…
展开
-
Auto.js抓取移动端数据实战
事情是这样的,最近做闲鱼,就是在闲鱼上面卖拼多多的商品。把拼多多的商品上架到闲鱼,顾客下单后,就去拼多多用顾客的地址给下单购买。我以前也在想一个问题,同一个商品,拼多多的价格比闲鱼低得多,为啥还是有人在闲鱼上面买东西。首先大家都知道闲鱼是一个二手商品交易平台,上面的东西便宜,性价比又不错,自然深受很多人喜欢,比如我,也在闲鱼上面淘了一些使用的宝贝。当用户习惯使用某个app去购物的时候,他很少会与其它平台比价,信息差就这样诞生了。这就促生了"无货源一件代发"的模式。一、现实的需求呃,(⊙o⊙)…,跑原创 2021-08-28 10:48:59 · 6605 阅读 · 0 评论 -
前端常见跨域解决方案
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1、资源跳转: A链接、重定向、表单提交2、资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3、脚本请求: js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类请求场景。什么原创 2021-08-28 10:37:11 · 324 阅读 · 0 评论 -
开源头像制作小程序
一、前言大家好!这是我第一个开源小作品——头像创作大师,欢迎大家体验。二、功能介绍目前小程序的挂件类型有口罩、圣诞节、姓氏和国旗,这些挂件是部署在我的服务器,大家可以长期使用。小程序主要有三块:首页、头像酷和个人中心。1、首页我把生成头像的功能封装成了一个组件,使用的时候,我们可以把背景图片传入组件。<mask-design :avatarPath="avatarPath" ref="maskDesign"></mask-design>添加挂件,绘制头像、保存头像等原创 2021-08-27 15:41:02 · 1085 阅读 · 0 评论 -
JavaScript中的闭包-终结篇
闭包,一个似曾相识的家伙,总是在面试中被问到。今天,就让我们来好好的总结一下闭包吧。一、什么是闭包在JavaScript中,根据词法作用域的规则,内部函数总是可以访问其外部函数声明的变量,当通过调用一个外部函数返回一个内部函数后,即使该外部函数已经执行结束了,但是内部函数引用外部函数的变量依然保存在内存中,就把这些变量的集合称为闭包。这段话有点绕。我的理解是,闭包就是能够读取其它函数内部变量的函数,它是连接函数内部和函数外部的一座桥梁,它同时含有对函数对象以及作用域对象引用的对象。闭包的实现也很简单原创 2021-07-22 23:54:43 · 324 阅读 · 1 评论 -
Axios如何取消重复请求
在实际开发中,我们需要对用户发起的重复请求进行拦截处理,比如用户快速点击提交按钮。对于重复的 get 请求,会导致页面更新多次,发生页面抖动的现象,影响用户体验;对于重复的 post 请求,会导致在服务端生成两次记录(例如生成两条订单记录)。无论从用户体验或者从业务严谨方面来说,取消无用的请求是需要避免的。一、一般处理方式我们可以在用户即将发送请求,但还未发送请求时给页面添加一个 loading 效果,提示数据正在加载,loading 会阻止用户继续操作。这种方式在大部分情况下是可行的,但是在某些原创 2021-07-06 22:27:17 · 909 阅读 · 1 评论 -
JavaScript 可选链操作符(?.)
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。当尝试访问可能不存在的对象属性时,可选链操作符将会使表达式更短、更简明。一、语法obj?.prop;obj?.[expr];arr?.[index];func原创 2021-07-06 22:26:01 · 637 阅读 · 0 评论 -
15个JavaScript优化技巧
一段精简的代码不仅能让人心情愉悦,而且也会让代码的逼格有所提升。一个优秀的产品往往需要一点一点的打磨才能脱颖而出,精简的代码是其中重要的组成部分。那么,就让我们来了解一下一些常见的优化代码的手段吧。1、多个条件判断数组includes方法用来判断是否包含某个元素,如果是返回 true,否则false。//longhandif(student==="Tom"||student==="Jack"||student==="Shanguagua"){//busine...原创 2021-04-28 09:37:07 · 393 阅读 · 1 评论 -
JavaScript语言基础速览
今天我们来总结一下 JavaScript 的基础语法,它是实现业务逻辑的基础。古人云:万丈高楼平地起,所以基础还是很重要的。一、变量和关键字ECMAScript 中无论时变量、函数还是操作符都是区分大小写的,你不能使用 typeof 作为函数名,但是 Typeof 是一个完全有效的函数名。我们使用的变量,函数,属性或函数参数的名称统一称为标识符,标识符的命名也有两个规则: 第一个字符必须是一个字母、下划线( _)或美元符号( $) 剩下的其他字符可以是字母、下划线、美元符号或数字原创 2021-04-28 09:45:24 · 188 阅读 · 1 评论 -
JavaScript的变量、作用域与内存
JavaScript 变量是松散的,变量不过是特定时间点的一个特定值的名称。由于没有规则定义变量必须包含什么数据类型,变量的值和数据类型在脚本生命期内可以改变。这样的变量很有意思,很强大,当然也有不少问题。一、原始值与引用值ECMAScript 变量包含两种不同类型的数据:原始值和引用值。原始值就是最简单的数据,引用值则是由多个值构成的对象。保存原始值的变量是按值访问的,因为我们操作的就是存储在变量中的实际值,而引用值是保存在内存中的对象。由于 js 不允许直接访问内存位置,也就不能直接操作原创 2021-04-28 09:44:26 · 209 阅读 · 0 评论