个人中心PERSONAL CENTER

首页/3403771864的个人中心
  • 详解JS前端并发多个相同的请求控制为只发一个请求方式

      描述如下  我们要同时发多个相同的请求,第一个请求成功后,剩余结果都不会发出,返回结果是成果。  假如第一个反馈失败,第二个是成功,后面就不会发出,后面都直接反馈成功。第三个才是成功的话,后面就不会在发出,后面都反馈成功。依次如此处理,...

    3403771864
    详解JS前端并发多个相同的请求控制为只发一个请求方式
  • JavaScript+CSS实现唯美蝴蝶动画

      演示  技术栈  我们今天用到svg标签。在svg标签就是用来解决图形的复用。 举个例子:在图形中红色圆圈 ● 还有黄色圆圈 ● 都是复用的元素。结构都是一样的,只是颜色和位置的差别。  关于figure:<figure标签规定独立的流内容(图像、...

    3403771864
    JavaScript+CSS实现唯美蝴蝶动画
  • js实现上下滑动轮播

      本文主要讲述关于js实现上下滑动轮播的具体代码,希望对大家有帮助。具体内容如下  一、效果图  二、设计思路  第一步:要在经过所有的元素让鼠标点击右侧小图时,图片至少变亮且根据偏移值加上红框。点击右边的小图左边出现对用的图片。  第二步...

    3403771864
    js实现上下滑动轮播
  • Vue3中reactive与ref函数使用场景

      我们知道在 Vue3 中有两个非常常用的响应式 API:reactive 和 ref。这样就可以变成我们想要追踪的数据变成响应式。  知道吗?在使用时一直被告知 ref 用于创建基础类型的响应式,也可以创建引用类型的响应式。而对于引用类型,底层也是转换为 reactive ...

    3403771864
    Vue3中reactive与ref函数使用场景
  • 10个优化JavaScript代码实用小tips

      说道JavaScript的代码优化,就先要做的是准确的测试JavaScript的代码执行时间。简单来说就是采集大量的执行样本进行数学统计和分析,这里我们使用的是benchmark.js来检测代码的执行情况。  首先我们需要在项目中安装依赖,代码如下:  yarnadd&...

    3403771864
    10个优化JavaScript代码实用小tips
  • 详细解说JavaScript内存管理和GC算法

      JavaScript在创建变量(数组、字符串、对象等)是自动进行了分配内存,而且当它没有被使用的状态下,会自动的释放分配的内容;其实这样基层语言,如C语言,他们提供了内存管理的接口,比如malloc()用于分配所需的内存空间、free()释放之前所分配的内存...

    3403771864
    详细解说JavaScript内存管理和GC算法
  • 解析uni-app和原生小程序混合开发的具体实现过程

      在微信小程序开发中用新功能利用uni-app来开发,我们看看都有哪些优缺?  首选我们看看官网给出的解决思路方案  https://uniapp.dcloud.io/hybrid  方式1:把原生小程序转换为uni-app源码。有各种转换工具,详见  方式2:新建一个uni-app项目,把...

    3403771864
    解析uni-app和原生小程序混合开发的具体实现过程
  • Vue编程三部曲之模型树优化实战代码

      实践是所有展示最好的方法,因此我觉得可以不必十分细致的,但我们的展示却是整体的流程、输入和输出。现在我们就看看Vue 的指令、内置组件等。也就是第二篇,模型树优化。  分析了 Vue 编译三部曲的第一步,「如何将 template 编译成 AST ?」上一篇已...

    3403771864
    Vue编程三部曲之模型树优化实战代码
  • 汇总在vue中写jsx的方式

      学习就是在不断的总结,我们今天说的就是汇总在vue中写jsx的方式。  版本  本文版本配置 vue: 2.7.2 vue-cli: ~4.5.18;本文代码github仓库地址  render函数  render函数和vue中的template是互斥的,template最终是要编译成virtual Dom的,但我们...

    3403771864
    汇总在vue中写jsx的方式
  • JS实现图片轮播跑马灯代码

      今天为大家讲述的就是JS实现图片轮播跑马灯的具体代码,不说废话直接看下面:  实现原理:  1、准备一个展示区域的盒子,设置宽高;  2、准备一个存放所有图片的盒子,将所有图片依次放入,设置溢出隐藏  一、HTML布局  <divclass="wrapp...

    3403771864
    JS实现图片轮播跑马灯代码
  • JavaScript数组的9个方法示例

      今天主要就是汇总JavaScript数组的9中不同方法汇总,也将详细示例展示给大家。  如果你还不知道数组实例中迭代方法有什么区别,可以看下面这张图:  map  代表返回一个新的数组,且数组中的每一项都是执行过map提供的回调函数结果。  实现代码如...

    3403771864
    JavaScript数组的9个方法示例
  • 展示vue编译器util工具使用方法

      本篇文章为大家介绍关于vue编译器util工具使用方法,希望对于大家有帮助。  makeMap源码:  functionmakeMap(str,expectsLowerCase){   varmap=Object.create(null);   varlist=str....

    3403771864
    展示vue编译器util工具使用方法
  • 教你实现React文字展开收起组件

      今天我们讲讲项目中实战就是文字展开收起组件的实现过程,讲解这个就是为了让多给大家一个思路,想法。  简单来说文字展开收起组件产生的需求背景,就是为省略显示,然后有展开收起的按钮可以操作。我们看显示效果上图:  上图是文字收起的图示,超过...

    3403771864
    教你实现React文字展开收起组件
  • 解析Vue编译器optimize源码

      之前我们讲过template转成AST(抽象语法树),现在我就继续对模型树优化,进行静态标注。这要如何实现?  在源码的注释中我们找到了下面这段话:  /** * Goal of the optimizer: walk the generated template AST tree * and detect sub-trees that a...

    3403771864
    解析Vue编译器optimize源码
  • 讲解冻结JS对象方法技术

      我们现在讲讲冻结JS对象方法技术吧,下面举例相关代码。我们一起来学习学习吧!  冰封的美人——冻结JS对象  现在我们了解下JS对象  js对象是普通对象,键值对方式,且其属性不加引号,表示方法如下,对象内有对象属性,对象方法和普通的对象概念相...

    3403771864
    讲解冻结JS对象方法技术
<