文章库ARTICLE COLUMN

  • 汇总有关JS对象的创建与继承

    汇总有关JS对象的创建与继承

      之前也有和大家讲过有关JS的对象创建和对象继承,本篇文章主要为大家做个汇总和梳理。  JS中其实就是原型链继承和构造函数继承的毛病,还有就是工厂、构造、原型设计模式与JS继承。 JS高级程序设计4:class继承的重点,不只是简简单单的语法...

    34037718643403771864 评论0 收藏0
  • vue 大文件如何分片上传(断点续传、并发上传、秒传)

    vue 大文件如何分片上传(断点续传、并发上传、秒传)

      上传文件中出现内存比较大的情况要如何处理?其实不论是用户端还是服务端,假如采用一次性进行读取发送、接收都是不可取,很容易导致内存问题。这样我们可以考虑采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。  本篇文章主...

    34037718643403771864 评论0 收藏0
  • 小程序有关手写板签名具体代码

    小程序有关手写板签名具体代码

      本文主要为大家讲述在小程序中实现手写板签名的具体代码,下面看看具体内容:  1.wxss代码  page{   background:#F8F8F8;   }   /*签名*/   .qianming{   background:#fff;   padding:20rpx30rpx;   font-size:32rpx;   color:#333; ...

    34037718643403771864 评论0 收藏0
  • JavaScript取消请求有哪些方法

    JavaScript取消请求有哪些方法

      本篇文章主要为大家讲述的就是关于JavaScript 实现异步请求就靠浏览器提供的两个 API —— XMLHttpRequest 和 Fetch。在日常中用多的比较多的就是Promise 请求库 axios,它基于 XMLHttpRequest。  现在我们就来讲讲呱 XMLHttpRequest、Fetch 和 axios ...

    34037718643403771864 评论0 收藏0
  • 解析React SSR 中的限流案例

    解析React SSR 中的限流案例

      本篇文章主要为大家讲述关于ReactSSR之限流,其实我们都知道React SSR是涉及到服务端的,因此,我们先需要考虑到很多的服务器端问题,下面就为大家举例说明。  当简单来说, React 的应用进行页面加载或 SEO 优化时,都会想到React SSR。也就会想到服务...

    34037718643403771864 评论0 收藏0
  • 解析微信小程序如何实现日期范围选择

    解析微信小程序如何实现日期范围选择

      本篇文章主要为大家讲述关于在微信小程序中如何实现日期范围的选择。  具体样式如下:  分别点击开始日期和结束日期选择时间(底部弹框):  date.wxml:  <viewclass="range-stylemar-top">   <viewclass="picker-title">日期范围:</view>   ......

    34037718643403771864 评论0 收藏0
  • 讲解Web Components实现类Element UI中的Card卡片

    讲解Web Components实现类Element UI中的Card卡片

      众所周知 Web Components 是一个浏览器原生支持的组件化方案,这个能够创建新的自定义、可封装、可重用的HTML 标记。同时也可以不用加载任何外部模块,能够直接在浏览器中查看。今天我们想讲的就是如何使用 Web Components 实现一个类 Element UI 中的 Ca...

    34037718643403771864 评论0 收藏0
  • JavaScript使用export和import的两个报错如何解决

    JavaScript使用export和import的两个报错如何解决

      前言  本篇文章主要为大家叙述关于JavaScript中的export和import,这两个常见的报错。  报错:Uncaught SyntaxError: Cannot use import statement outside a module  上面标书的是无法在module以外使用import,在网上进行查阅之后才了解到,这是由...

    34037718643403771864 评论0 收藏0
  • 汇总Vue常见报错以及解决方案实例

    汇总Vue常见报错以及解决方案实例

      前言  学习中有一种方式就是错题汇总,在学习代码,日常书写代码中对于遇到报错,也要汇总,这样可以在以后编码过程中避免或解决这些问题。  一、报错结构  首先对于报错分为:错误类型、错误位置、错误描述、错误规则和问题数量。  如上图:  ...

    34037718643403771864 评论0 收藏0
  • 介绍vue项目中jsconfig.json概念及使用步骤

    介绍vue项目中jsconfig.json概念及使用步骤

      先为大家介绍在vue项目中 jsconfig.json  官方说明:当您在工作空间中有一个定义项目上下文的jsconfig.json文件时,JavaScript体验会得到改进。  概述  目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。该tsconfig.json文件指定...

    34037718643403771864 评论0 收藏0
  • 说明Yarn与Lerna管理monorepo使用

    说明Yarn与Lerna管理monorepo使用

       我们先说下 Yarn workspace  首先Yarn workspace 是 Yarn 提供的 monorepo 下,管理依赖的机制。这就说主要对代码仓库下,多个 package 的依赖,进行管理:将共同的依赖,做 hosting(提升)。前述这样就可以有效的防止 package 中的包重复安装。 wo...

    34037718643403771864 评论0 收藏0
  • 解析ES6变量赋值和基本数据类型

    解析ES6变量赋值和基本数据类型

      let和const  let和const两者并不存在变量提升  这里要说明的是变量一定要在声明后使用,否则报错。  vara=[];   for(vari=0;i<10;i++){   a[i]=function(){   console.log(i);   };   }   a[6]();//10  变量i是var声明的,我们要知道...

    34037718643403771864 评论0 收藏0
  • 关于package.json管理依赖包版本的详解

    关于package.json管理依赖包版本的详解

      我们先说下,npm版本号定义  版本格式:X.Y.Z[-string]其含义为:  X:主版本号  Y:次版本号  Z:修正版本号  string: 先行版本号或版本编译信息  举个例子:  6.3.2-alpha的含义为:  主版本号6,有6次不可向下兼容的更新迭代。  次...

    34037718643403771864 评论0 收藏0
  • vue+element多个相同的select不允许重复选择问题如何解决

    vue+element多个相同的select不允许重复选择问题如何解决

      当element多个相同的select不允许重复选择,这样怎么处理?现在我们看看具体代码:  <template>   <div>   <div>   <el-selectv-model="value1"placeholder="请选择">   <el-optionv-for="itemin...

    34037718643403771864 评论0 收藏0
  • 微信小程序实现简单弹框具体代码

    微信小程序实现简单弹框具体代码

      本篇文章就是为大家分享在微信小程序实现简单弹框的具体代码,现在我们看下: 1、页面结构  <!--遮罩层-->   <view>   <viewclass="mask"bindtap="close"wx:if="{{showModal}}"></view>   <viewcla...

    34037718643403771864 评论0 收藏0
  • 解读高级前端必会的package.json字段

    解读高级前端必会的package.json字段

      今天想为大家讲讲前端项目的package.json文件中相关的字段含义及使用场景。我们先避免一些配置性的错误,提高项目的维护性。  name  我们要知道当项目是需要发版为npm包的,那么name字段是必须的。因为它涉及到npm包的命名。  举个例子  笔者曾发...

    34037718643403771864 评论0 收藏0
  • 微信小程序自定义弹框展示

    微信小程序自定义弹框展示

      本篇文章主要为大家介绍关于微信小程序自定义弹框展示的具体代码,现在我们一起看下:  wxml  <!--取消订单按钮-->   <viewclass="cancelBtn"bindtap="cancelOrder"data-id="{{item.id}}"data-type="{{type}}"&...

    34037718643403771864 评论0 收藏0
  • 微信小程序如何实现计时器开始和结束功能

    微信小程序如何实现计时器开始和结束功能

      本篇文章主要为大家介绍微信小程序实现计时器开始和结束整个演示代码过程:  1、首先,我们先看看微信小程序计时功能,点击开始计时  2、wxml  <viewclass=&#39;tip&#39;>计时器{{h}}:{{m}}:{{s}}</view>   <buttonclass=&#39;butbg-blueon&#39;b......

    34037718643403771864 评论0 收藏0
  • 微信小程序实现获取手机号60s倒计时演示代码

    微信小程序实现获取手机号60s倒计时演示代码

      本篇文章主要为大家讲述关于微信小程序实现获取手机号60s倒计时的具体代码,现在我们看看具体内容:  1.效果:点击获取》60s倒计时》重新获取  2.wxml  <viewclass="cu-form-group"style="border-top:1rpxsolid#eee;">   <viewclass="title&qu...

    34037718643403771864 评论0 收藏0
  • vue导入处理Excel表格功能步骤实例

    vue导入处理Excel表格功能步骤实例

      1. 前言  本篇文章就是为大家讲讲前端导入并处理excel表格的情况,顺便讲讲vue导入并处理excel数据;也总结下使用工具。  2.vue导入Excel表格  vue导入Excel表格主要有两种常用的方法,一个是借助ElementUI文件上传进行表格导入,另一个是自带的inp...

    34037718643403771864 评论0 收藏0
  • vue用element来实现上传图片和修改图片功能

    vue用element来实现上传图片和修改图片功能

      项目要求上传图片的模块,这个简单,但是要在保存图片后需要编辑就不怎么好处理了,现在就和大家一起分享。  一、应用场景  1.上传图片并进行放大预览  2.图片上传代码  就是直接将图片上传到接口,成功后返回图片路径,表单提交时,后台要路径拼...

    34037718643403771864 评论0 收藏0
  • VUE跨域详解以及常用解决跨域的方法汇总

    VUE跨域详解以及常用解决跨域的方法汇总

      跨域  要知道在请求后台接口遇到Access-Control-Allow-Origin时,这就表明跨域了。  首先解释跨域,是因为浏览器的同源策略所导致,同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,同源是指:域名、协议、端口相同...

    34037718643403771864 评论0 收藏0
  • JavaScript本地存储实现用户名存储示例

    JavaScript本地存储实现用户名存储示例

      一、本地存储  1.1 了解本地存储特性  1、数据存储在用户浏览器中  2、需要设置、读取方便、甚至页面刷新不丢失数据  3、容量大,sessionStorage约5M、localStorage约20M  4、只能存储字符串,可以将对象JSON.stringify()编码后存储  1.2 win...

    34037718643403771864 评论0 收藏0
  • 解析vue表单验证rules及validator验证器的使用方法

    解析vue表单验证rules及validator验证器的使用方法

      很多知识都是需要提早知道,才可以规避很多错误。  Element中Form (表单)组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。  注意:prop对应表单域 model 字段,使用 va...

    34037718643403771864 评论0 收藏0
  • 实现uniapp微信小程序自定义导航栏

    实现uniapp微信小程序自定义导航栏

    前言  世界之大无奇不有,当客户对于导航栏不满时候,就需要我们自己去开发了。当然uniapp也有很多自定义导航插件,但现在我们要自己写。  首先,我们要知道有那几部分。  可以看到在我们的,这个时候我们自定义的导航栏,需要做到标题于胶囊水平对...

    34037718643403771864 评论0 收藏0
<