文章库ARTICLE COLUMN

  • 万字详解JavaScript手写一个Promise

    万字详解JavaScript手写一个Promise

      在面试中,Promise会被经常问,下面为大家整合关于Promise各种问题。  Promise核心原理实现  用Promise来写代码  Promise的使用分析  Promise是一个在执行的时候,需要传递一个执行器(回调函数)进去,执行器会立即执行的一一个类。  Promise中...

    34037718643403771864 评论0 收藏0
  • vue parseHTML函数源码解析

    vue parseHTML函数源码解析

      接上篇:现在看看,Vue编译器源码分析AST 抽象语法树具体阿代码:  functionparseHTML(html,options){   varstack=[];   varexpectHTML=options.expectHTML;   varisUnaryTag$$1=options.isUnaryTag||no;   varcanBeLeftOpenTag$$1=options.ca...

    34037718643403771864 评论0 收藏0
  • vue parseHTML函数源码解析AST预备知识

    vue parseHTML函数源码解析AST预备知识

      在说Vue parse源码之前,首先要了解周边的工具函数。  之前见过element元素节点四描述对象?  varelement={   type:1,   tag:tag,   parent:null,   attrsList:attrs,   children:[]   }  是用一个createASTElement函数,创建函数对象...

    34037718643403771864 评论0 收藏0
  • vue parseHTML函数源码解析start钩子函数

    vue parseHTML函数源码解析start钩子函数

      关于parseHTML 函数源码解析 AST 相关知识已做过介绍,下面可以看看Vue start钩子函数源码。  start:functionstart(tag,attrs,unary){   //checknamespace.   //inheritparentnsifthereisone   varns=(currentParent&&currentParent.ns)||...

    34037718643403771864 评论0 收藏0
  • javascript实现纯前端将数据导出excel两种方式

    javascript实现纯前端将数据导出excel两种方式

    javascript实现纯前端将数据导出excel是有两种方式,现在就为大家介绍:  方法一  将table标签,包括tr、td等对json数据进行拼接,直接在table的表格上体现出,但此方法的弊端在于输出的是伪excel,即使是生成xls为后缀的文件,可文件形式上还是html,...

    34037718643403771864 评论0 收藏0
  • js实现列表循环滚动

    js实现列表循环滚动

      js实现列表循环滚动如何实现?下面是具体的代码内容:  知识点:  clientHeight元素的高度  clientTop元素顶部边框的宽度  scrollTop滚动条遮挡的部分的高度(包含border)  scrollHeight整个内容的高度(包含border)  offsetTop距离上一个po...

    34037718643403771864 评论0 收藏0
  • js实现文字无缝轮播

    js实现文字无缝轮播

      知识点介绍:  innerHTML 主要是为获取或设置某个对象的内容  scrollTop 主要是实现滚动条滚动的距离,注意这是系统定义好的属性  offsetHeight 获取或设置对象的高度  setInterval() 开始定时器  clearInterval() 关闭定时器  html布局结构...

    34037718643403771864 评论0 收藏0
  • JS前端首屏优化技巧

    JS前端首屏优化技巧

      访问时间超过3S对于用户就十分痛苦,为考虑到用户访问效果。为此我,首屏加载时间一顿操作,基本都在2s左右,这样的首屏加载时间,对于用户来说,算是可以接受的。  那我都哪些操作?下面就为大家展示  打包分析  在 package.json 中添加命令  "r...

    34037718643403771864 评论0 收藏0
  • 如何使用vite搭建vue3项目详解

    如何使用vite搭建vue3项目详解

      须知:使用vite需要node版本在12以上  一:npm构建  1、npm init vite@latest  2、Project name:(项目名称)  3、Select a framework:(选择要用什么构建自己的项目,这边选vue)然后会有两个选项一个是vue(vue+js) ,一个是vue+ts,要依照自...

    34037718643403771864 评论0 收藏0
  • React封装CustomSelect组件思路详解

    React封装CustomSelect组件思路详解

      前提:一个通过Popover弹出框里自定义渲染内容的组件要进行封装,目前要求实现有: 单选框, 复选框。我们需要考虑封装组件时要权衡组件的灵活性, 拓展性以及代码的优雅规范,现在和大家一起分享。  思路和前提  在层级较多,组件较为多的情况下,为了方...

    34037718643403771864 评论0 收藏0
  • vue3.x使用swiper实现卡片自动轮播效果

    vue3.x使用swiper实现卡片自动轮播效果

      在许多开发项目中轮播效果承担着热门主题、热门推荐,以下是在vue3.x中使用swiper实现自动轮播。  安装Swiper  npm i swiper@5.4.5  引入组件库  importSwiperfrom'swiper'//引入库   import'swiper/css/swiper.css'//引入样式...

    34037718643403771864 评论0 收藏0
  • javascript随机生成用户名的方法

    javascript随机生成用户名的方法

    摘要:在注册用户的环节,如果前端没有填写用户名,后端就给他随机生成一个。接口是返回成功了。看看数据库,也没问题,可以看到是随机生成的。这几天忙着搭一个社区,前端主要vue+antd,后端使用express+MongoDB。 在注册用户的环节,如果前端没有填写用户名...

    sevi_stuosevi_stuo 评论0 收藏0
  • element-ui dialog组件添加可拖拽位置 可拖拽宽高

    element-ui dialog组件添加可拖拽位置 可拖拽宽高

    摘要:最近公司新加需求实现弹窗可拖拽还要拖拽宽高变化国际惯例先上图浏览器下作的有几个点需要注意一下每个弹窗都要有唯一可操作指令可以做到拖拽时要添加可拖拽区块由于组件在设计时宽度用了百分比这里不同浏览器有兼容性问题实现拖拽宽高时获取边缘问题定...

    jzmanjzman 评论0 收藏0
  • 小程序左滑删除如何实现

    小程序左滑删除如何实现

    摘要:微信小程序如何实现左滑删除的功能呢左滑删除组件,基础库开始支持,如下图所示。 微信小程序如何实现左滑删除的功能呢 https://developers.weixin.qq.... https://developers.weixin.qq.com/miniprogram/dev/extended/weui/slideview.html Slideview...

    ChristmasBoyChristmasBoy 评论0 收藏0
  • sea.js的同步魔法

    sea.js的同步魔法

    摘要:写法加载完后,得到的执行结果作为参数传入了回调函数写法预加载了执行模块,并得到结果赋值给调用模块提供的方法从这一点上来看,两者在性能上并没有太多差异。 前些时间也是想写点关于CMD模块规范的文字,以便帮助自己理解。今天看到一篇知乎回答,...

    cloudcloud 评论0 收藏0
  • 浏览器的Event Loop

    浏览器的Event Loop

    摘要:微任务队列的任务将在当前轮次的事件轮询中被推入微任务队列而队列中的任务必须等待下一轮时事件循环相关的文章 微任务队列的任务将在当前轮次的事件轮询中被推入微任务队列 而macrotask队列中的任务必须等待下一轮时事件循环 macrotasks: setTimeou...

    tanglijuntanglijun 评论0 收藏0
  • 如何正确设置canvas尺寸,以及如何在高分辨率屏幕上清晰显示canvas图形

    如何正确设置canvas尺寸,以及如何在高分辨率屏幕上清晰显示canvas图形

    摘要:一如何正确设置尺寸有两种一种是属性,一般称其为画布尺寸,即图形绘制的地方。一般称其为画板尺寸,用于渲染绘制完成的图形。二如何在高分辨率屏幕上清晰显示图形上面说过,避免图形变形失真,要保持画布尺寸和画板尺寸一致。 一、如何正确设置canvas...

    未东兴未东兴 评论0 收藏0
  • webpack 源码分析(四)——complier模块

    webpack 源码分析(四)——complier模块

    摘要:源码分析四模块上一篇我们看到,通过对命令行传入的参数和配置文件里的配置项做了转换包装,然后传递给的模块去编译。这一篇我们来看看做了些什么事。在上面的分析中,我们看到最核心的其实就是实例,接下来我们就看下它的类的内部逻辑。 webpack 源码...

    tianlaitianlai 评论0 收藏0
  • 体验支付宝小程序开发~

    体验支付宝小程序开发~

    摘要:背景这一个月都在用开发一个价签项目现在项目功能完成了一半后接到新的要求用支付宝小程序开发一个页面出来页面上就两个扫描功能一个按钮提交功能于是乎我就开始了学习支付宝小程序开发体验支付宝小程序开发第一天首先我下载了小程序开发者工具然后创建...

    testHstestHs 评论0 收藏0
  • “UCR-DTW”和“UCR-ED”模型详解

    “UCR-DTW”和“UCR-ED”模型详解

    摘要:这两种顺序的计算成本对比如下图所示和模型详解左图表示从左到右的顺序计算差值,它需要计算个时间步才能判断是否提前结束,而右图找到一个新的计算顺序,这时候只需要计算个时间步就能判断是否提前结束。 UCR-DTW和UCR-ED模型详解 DTW(Dynami...

    hqmanhqman 评论0 收藏0
  • Ajax的原理和实现步骤

    Ajax的原理和实现步骤

    摘要:如果我们假设文件和文件位于相同的目录,那么代码是这样的其他方法如下编程步骤创建对象设置请求方式调用回调函数发送请求处理返回的结果创建对象一般来说手写的时候,首先需要判断该浏览器是否支持对象,如果支持则创建该对象,如果不支持则创建对象。...

    Harpsichord1207Harpsichord1207 评论0 收藏0
  • Ajax的原理和编程步骤

    Ajax的原理和编程步骤

    摘要:如果我们假设文件和文件位于相同的目录,那么代码是这样的其他方法如下编程步骤创建对象设置请求方式调用回调函数发送请求处理返回的结果创建对象一般来说手写的时候,首先需要判断该浏览器是否支持对象,如果支持则创建该对象,如果不支持则创建对象。...

    phpmattphpmatt 评论0 收藏0
  • html2canvas使用中的坑

    html2canvas使用中的坑

    摘要:最近项目中使用到,其中遇到了一些坑,在此记录一下绝对定位元素不渲染定位时,一定要设置等值,并且不能减写成加载时,只渲染一部分便签加载的是时,不会读取标签的,而是读取标签上设置的和获取的图片内容向左下偏移可能是未渲染完成导致,一定要在渲...

    springDevBirdspringDevBird 评论0 收藏0
  • Symbol能干什么!为什么要掌握它?

    Symbol能干什么!为什么要掌握它?

    摘要:说到就先来说下中的基础数据类型,就是中的第六种基础数据类型用一句话来描述那就是独一无二的使用基本使用中的标识一般放声明的变量不相等作为语法可以将的值作为属性循环无法遍历属性方法可以拿到所有的属性我们上面说是独一无二的但是有的时候我希望...

    genednagenedna 评论0 收藏0
  • JavaScript—2.操作符

    JavaScript—2.操作符

    摘要:一元操作符一元操作符就是只能操作一个值的操作符自增和自减操作符自增和自减操作符分两种前置和后置。等同于此时变成了,位操作符位操作符可以作为拓展,这里不做详细解释布尔操作符逻辑非逻辑非在中的非用表示。 一元操作符 一元操作符:就是只能操...

    Dr_NooooDr_Noooo 评论0 收藏0

热门文章

<