文章库ARTICLE COLUMN

  • node安装及环境变量配置详细教程

    node安装及环境变量配置详细教程

      第一步:安装node包 地址http://nodejs.cn/download/  安装选择电脑D盘下的文件夹,后面直接都不停的选择next    完成上述步骤后,以管理员身份打开命令提示符  输入命令:node -v  上面提示表示安装成功  第二步:安装环境变量  首先在D:\...

    34037718643403771864 评论0 收藏0
  • 如何通过Vue自定义指令实现前端埋点详析

    如何通过Vue自定义指令实现前端埋点详析

      获取用户的交互习惯及喜好,进一步提升转化率,可以在之前的埋点方案实现中,都是在具体的按钮或者图片被点击或者被曝光时主动通过事件去上报埋点。但这种方法适合在埋点比较少时还行的项目,遇见项目中需要大量埋点时,添加的代码就太多了,就会埋点逻辑...

    34037718643403771864 评论0 收藏0
  • vue实现列表无缝循环滚动

    vue实现列表无缝循环滚动

      vue如何为大家展示列表无缝循环滚动,以下就是具体代码内容如下:  功能介绍:  在PC端、大数据、官网、后台管理平台开发项目中,时常会要求展示这种列表循环滚动。  大致需求:  1、列表内容可以循环展示;  2、每条内容展示时间间距几秒; ...

    34037718643403771864 评论0 收藏0
  • Vue实现Excel本地下载及上传的方法详解

    Vue实现Excel本地下载及上传的方法详解

      在开发中,文件上传下载是常见相关功能,现在就Excel在该功能进行讲述:  咱直接看代码:  <divclass="import-main-content">   <divclass="import-main-button"@click="checkFile">   <divclass="imp...

    34037718643403771864 评论0 收藏0
  • React父组件调用子组件中的方法实例详解

    React父组件调用子组件中的方法实例详解

      本文主要讲述ref 的应用仅为父组件调用子组件场景下的应用方式1  Class组件  1. 自定义事件  Parent.js  importReact,{Component}from&#39;react&#39;;   importChildfrom&#39;./Child&#39;;   classParentextendsComponent{   compo...

    34037718643403771864 评论0 收藏0
  • 利用JavaScript实现ISO周日历

    利用JavaScript实现ISO周日历

      知识普及  阳历:就是以太阳来计算日期的一类历法;  阴历:根据月亮周期制定出的历法,由阴转晴,再由晴转阴为一个月,换算下来合29天12个小时44分零二秒八,接近30天。  公历:属阳历的一种,我国现在使用的就是公历;  农历:我国的农历是一种...

    34037718643403771864 评论0 收藏0
  • 关于react+antd样式不生效问题的解决方式

    关于react+antd样式不生效问题的解决方式

      1、下面是添加antd组件样式不生效代码  在入口文件中引入import&#39;antd/dist/antd.css&#39;   样式生效,但是生成警告   WARNINGin./node_modules/antd/dist/antd.css   Failedtoparsesourcemap:&#39;webpack://antd/./components/time...

    34037718643403771864 评论0 收藏0
  • react基于react-slick实现多图轮播效果

    react基于react-slick实现多图轮播效果

      在这里为大家介绍,实现多张图自动轮播可以用react-slick插件,下面一起看看:  一、进入官网查看文档(Docs)  react-slick官网  二、安装插件(Quick Start)  //npm安装   npminstallreact-slick--save   //yarn安装   yarnaddreact-sli...

    34037718643403771864 评论0 收藏0
  • vue实现列表固定列滚动

    vue实现列表固定列滚动

      想要在移动端中实现列表固定列固定样式,可以用vue+scss以下具体内容:  功能介绍:  在移动端开发中,会用到列表作为信息展示方式,一般希望上下滚动时,可以固定表头,左右滚动时,可以固定最左列。  大致需求:  1、数组循环遍历可以让列表所...

    34037718643403771864 评论0 收藏0
  • vue实现移动端拖拽悬浮按钮

    vue实现移动端拖拽悬浮按钮

      移动端拖拽悬浮按钮如何用vue实现,下面看看具体内容:  功能介绍:  开发中,要考虑用户体验,悬浮按钮不仅要显示在侧边,更是可以允许随意拖拽换位。  需求描述:  1、按钮悬浮显示在页面侧边;  2、当手指长按左键按钮,即可允许拖拽改变位...

    34037718643403771864 评论0 收藏0
  • Skypack布局前端基建实现过程详解

    Skypack布局前端基建实现过程详解

      用vite作为项目打包工具,这是为什么?其中最主要的原因是 ——vite在开发环境基于ESM规范实现的Nobundle模式,节省了代码打包的时间。  当前打包的需求任然有,且ESM规范兼容性越来越好,进入生产环境大面积可用的状态也不是不可能。  当生产环境打...

    34037718643403771864 评论0 收藏0
  • JS中switch的四种写法示例

    JS中switch的四种写法示例

      JavaScript 的 switch 有四样写法,你都知道哪些?   JavaScript 的 switch 语句只有一种写法。其他的写法,if 分支写法可以算一种,switch 分支写法可以算第二种,第三种是使用策略模式,如果要把条件运算符也算上的话,嗯,刚好四种。  switch一般写...

    34037718643403771864 评论0 收藏0
  • vue实现循环滚动图片

    vue实现循环滚动图片

      运用vue可以实现图片自动循环滚动,下面是效果展示(循环滚动且可切换方向):  轮播组件BaseSwiper.vue:  <template>   <divclass="swiperBox">   <imgclass="imgLeft"@click="clickLeft"src="../../....

    34037718643403771864 评论0 收藏0
  • vue实现伸缩菜单功能

    vue实现伸缩菜单功能

      效果展示:  点击即可随意调节菜单宽度  变动后  页面结构一共分为三部分,加上一个伸缩按钮,在你的项目对应的部分都加上class名。  我这里定义的分别是box、left、mid、resize(按钮类名)  html  页面结构划分完成之后,完善一下样式(直接...

    34037718643403771864 评论0 收藏0
  • vue递归组件实现elementUI多级菜单

    vue递归组件实现elementUI多级菜单

      效果展示:  一、子组件  <template>   <divclass="myDiv">   <!--这里的listAll用于接收父组件传递进来的菜单列表-->   <templatev-for="(item,i)inlistAll">   <!--有child就显示child的下拉型菜单,有小箭头...

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

    js实现列表自动滚动循环播放

      列表自动滚动循环播放不要太爽,下面看看具体代码:  1.实现效果图  鼠标移入,暂停滚动; 鼠标移出,继续滚动;  2.原理  第一:要实现无缝衔接,在原有ul后面还要有一个一样内容的ul;  第二:在最外层div为可视区域,设overflow:hidden; ...

    34037718643403771864 评论0 收藏0
  • npm install安装报错:gyp info it worked if it ends with

    npm install安装报错:gyp info it worked if it ends with

      前端vue新项目 npm install安装报错gyp info it worked if it ends with ok这个问题我们应该如何处理?  可能报错原因:node和node-sass版本冲突,对应的node和node-sass的版本如下:  接下来node.js卸载与安装。之前有安装过弄过node.js的,如果node...

    34037718643403771864 评论0 收藏0
  • js实现图片查看器

    js实现图片查看器

      1. 前言  以对图片进行一些处理,例如:删除、下载、标记等。  2. 设计思路  项目中用的是vue+iview,于是使用Modal弹窗组件做为播放器的盒子,考虑需要用到的基本功能有:放大缩小、监听鼠标滚轮放大缩小、拖拽、全屏查看、查看上/下一张、双击图...

    34037718643403771864 评论0 收藏0
  • JavaScript进阶之函数和对象知识点详解

    JavaScript进阶之函数和对象知识点详解

      在过往学习的JavaScript都是在基础,现在为大家介绍更为深入的JavaScript知识。  JavaScript函数  JavaScript函数和Java函数是有一部分相似的,所以学习起来也会相对简单  基本构造  1.直接构造  //function代表函数标志,name为函数名称,参数...

    34037718643403771864 评论0 收藏0
  • vue项目中canvas实现截图功能

    vue项目中canvas实现截图功能

      在vue项目中canvas实现截图功能是常用的,下面是具体代码:  实现效果:  在vue项目中做的一个截图功能(只能够截取图片),只用鼠标就可以在画面中进行框选截取。  实现:做一个弹窗,打开弹窗的时候传入要截的图,接下来在这个窗口里面,点击截图...

    34037718643403771864 评论0 收藏0
  • 基于element-ui表格的二次封装实现

    基于element-ui表格的二次封装实现

      项目中element的表格,每次都cv很麻烦,可以用表格进行了二次封装,写一个Table组件。  首先,下面是表格样式  <el-table   :data="tableData"   :header-cell-style="headerStyle"   :height="height"   :border="bord...

    34037718643403771864 评论0 收藏0
  • Vue+canvas实现视频截图功能

    Vue+canvas实现视频截图功能

      上传视频要提供视频封面(视频封面必填),这是在开发中实际问题。封面可以用户自己制作并上传,但这样脱离网站,体验不好,常见的处理方案就是用户未选择或上传封面时,自动截取视频第一帧作为封面,但这样并不友好。因此考虑视频上传后,在播放中由人员...

    34037718643403771864 评论0 收藏0
  • vue调用谷歌授权登录获取用户通讯录的实现示例

    vue调用谷歌授权登录获取用户通讯录的实现示例

      vue调用用在很多场景,今天为大家介绍如何用谷歌授权登录获取用户通讯录  当前背景  业务端要求,用户本人填写信息,推荐到朋友,要求可以导出用户谷歌邮箱的通讯录,让用户选择,并且回显到页面 ##步骤  在谷歌开发者平台, 创建一个项目,我的理...

    34037718643403771864 评论0 收藏0
  • vue使用OfficeWeb实现线上文件预览

    vue使用OfficeWeb实现线上文件预览

      在日常中查看使用word,excel,pptx的offic文件是常见之事,想过用使用微软的开发接口,比如一个阅读器Office Web。  什么是 Office Web 查看器?  它是一种创建 Office Web Viewer 链接的服务。Office Web Viewer 链接可在浏览器中打开 Word、PowerP...

    34037718643403771864 评论0 收藏0
  • Vue实现可复用轮播组件的方法

    Vue实现可复用轮播组件的方法

      vue可以简单的就实现一个轮播图的基础功能,不仅重复用,且可抽离出来作为一个公共组件。  html和js部分  <template>   <div   class="img-box"   ref="img-box"   :style="{width:styles.width,height:styles.height}"...

    34037718643403771864 评论0 收藏0

热门文章

<