JavaScript - 教程之家

110浏览

0评论

vue项目中自定义video视频控制条的实现代码

最近公司项目中，添加了视频模块，但是产品觉得Video自带的控制条有点LOW，于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。首页效果图：需求描述：当鼠标放在图片上的...

2020-05-27

166浏览

0评论

微信小程序个人中心的列表控件实现代码

个人中心的列表控件首先来看效果图wxml<view class="list-item"> <image class="item-image" src="../images/fuwu.png"></image> <text class="item-text">我的收藏</text>...

微信

2020-05-27

98浏览

0评论

element 中 el-menu 组件的无限极循环思路代码详解

实现思路主要组件嵌套（组件自己调用自己）　　下面是组件所需要的数据{ "code": 1, "data": { "menuVoList": [ { "childList": [ { "childList": [], "me...

2020-05-27

132浏览

0评论

React.js组件实现拖拽排序组件功能过程解析

因为使用了react.js技术栈，所以封装优先考虑输入和输出。基于数据驱动去渲染页面、控制拖拽元素的顺序。由于我不考虑兼容IE8等旧版本浏览器，拖拽的效果采用了HTML5的拖放（Drag...

2020-05-27

87浏览

0评论

Node.js API详解之 tty功能与用法实例分析

本文实例讲述了Node.js API详解之 tty功能与用法。分享给大家供大家参考，具体如下：tty 可以理解为终端的意思。tty 模块提供终端相关的接口，用来获取终端的行数列数等。通过 co...

2020-05-27

261浏览

0评论

基于jsbarcode 生成条形码并将生成的条码保存至本地+源码

引言JsBarcode是一个用JavaScript编写的条形码生成器。它支持多种条形码格式，可在浏览器和Node.js中使用。如果你在项目中使用了jquery也可以使用jquery，但它不是依赖项。导读...

2020-05-27

112浏览

0评论

详解elementUI中input框无法输入的问题

最近发现别人项目中在输入密码的时候发现input框无法输入进去键盘都快敲坏了还是无法输入通过各种排查、还是无法解决这个问题后面无意中发现 elementUI中@input事件可以拿...

2020-05-27

153浏览

0评论

详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程

第一步: 打包开始之前删除'./dist'目录
rimraf('./dist', () => {constprodConfig = require('../../lib/webpack.prod')webpack(prodConfig, (err, stats) \=> {if (err) {...

2020-05-27

103浏览

0评论

JS严格模式原理与用法实例分析

本文实例讲述了JS严格模式原理与用法。分享给大家供大家参考，具体如下：使用 "use strict" 指令"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条语句，...

2020-05-27

97浏览

0评论

js HTML DOM EventListener功能与用法实例分析

本文实例讲述了js HTML DOM EventListener功能与用法。分享给大家供大家参考，具体如下：DOM EventListener
用于向指定元素添加事件句柄。在用户点击按钮时触发监听事件：documen...

2020-05-27

142浏览

0评论

Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)

今天，我们使用Vue CLI3 做一个移动端适配。前言首先确定你的项目是Vue CLI3版本以上的。一、移动端适配包1、安装移动端适配包npm i lib-flexible -S2、在 main.js 引入适...

2020-05-27

109浏览

0评论

JS浏览器BOM常见操作实例详解

本文实例讲述了JS浏览器BOM常见操作。分享给大家供大家参考，具体如下：
window尺寸有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explo...

2020-05-27

125浏览

0评论

使用konva和vue-konva库实现拖拽滑块验证功能

1. 在vue项目中安装konva和vue-konva库npm install konva vue-konva --save-dev2. 引入vue-konva库import VueKonva from ‘vue-konva'；Vue.use(VueKonva)3. 创建单独的滑块...

2020-05-27

71浏览

0评论

react基本安装与测试示例

本文实例讲述了react基本安装与测试。分享给大家供大家参考，具体如下：语法特点：声明式编码：只在意结果不在意过程组件化编码：html,css,js的集合单向数据流：vue也是单向数据流，有一...

2020-05-27

78浏览

0评论

react组件基本用法示例小结

本文实例讲述了react组件基本用法。分享给大家供大家参考，具体如下：组件间传值：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head>...

2020-05-27

100浏览

0评论

浅析vue cli3 封装Svgicon组件正确姿势(推荐)

vue cli3 手把手教学封装Svgicon组件第一步:在src文件下新建一个放置svg文件的文件夹第二步:在components文件下新建一个Svg组件这是一个文件夹专门用来存放项目里面需要...

2020-05-27

309浏览

0评论

vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解

在开发过程中发现 vue-baidu-map 封装的 BmPolyline 折线组件不能顺利绘制出带箭头的纹理。原因是 BmPolyline 文档中虽然有 icons 属性，但是对应的源文件中并没有props接收...

2020-05-27

146浏览

0评论

react PropTypes校验传递的值操作示例

本文实例讲述了react PropTypes校验传递的值操作。分享给大家供大家参考，具体如下：校验传递的值：import React, { Component, Fragment } from 'react';import List from './Li...

2020-05-27

125浏览

0评论

在Webpack中用url-loader处理图片和字体的问题

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。一、处理图片文件默认webpack无法处理css文...

2020-05-27

109浏览

0评论

React中Ref 的使用方法详解

本文实例讲述了React中Ref 的使用方法。分享给大家供大家参考，具体如下：React中Ref 的使用 React v16.6.3在典型的React数据流中，props是父组件与其子组件交互的唯一方式。要修...

2020-05-27

117浏览

0评论

JS数组降维的实现Array.prototype.concat.apply([], arr)

把多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，最近跟着黄轶老师学习Vue2.6.1.1版本源码时,看到源码对二维数组降维的代码,所以这里来写一篇,记录一下,加强...

2020-05-27

119浏览

0评论

js最全的数组的降维5种办法(小结)

业务开发中，二维数组、多维数组转为一维数组这种需求是少不了的，有些多维数组里面可能嵌套会更深，数组降维就是来解决此问题的1、数组字符串化let arr = [[222, 333, 444], [55...

2020-05-27

210浏览

0评论

React生命周期原理与用法踩坑笔记

本文实例讲述了React生命周期原理与用法。分享给大家供大家参考，具体如下：React生命周期生命周期概览生命周期的状态组件的生命周期可分成三个状态： Mounting：已插入真实 DOM...

2020-05-27

110浏览

0评论

Vue 3.0 全家桶抢先体验

序
Vue 3.0 全家桶发布内容包括： vue: Beta vue-router: Alpha vuex: Alpha vue-class-component: Alpha vue-cli: Experimental support via vue-cli-plugin-vue-next...

2020-05-27

163浏览

0评论

JavaScript 链表定义与使用方法示例

本文实例讲述了JavaScript 链表定义与使用方法。分享给大家供大家参考，具体如下：链表一个链表是数据元素的线性集合, 元素的线性顺序不是由它们在内存中的物理位置给出的。...

2020-05-27

107浏览

0评论

JavaScript Date对象功能与用法学习记录

本文实例讲述了JavaScript Date对象功能与用法。分享给大家供大家参考，具体如下：Date 实例用来处理日期和时间。Date对象基于1970年1月1日（世界标准时间）起的毫秒数。JavaScript...

2020-05-27

107浏览

0评论

Node.js设置定时任务之node-schedule模块的使用详解

node-schedule是 Node.js 的一个定时任务（crontab）模块。我们可以使用定时任务来对服务器系统进行维护，让其在固定的时间段执行某些必要的操作，还可以使用定时任务发送邮件、爬...

2020-05-27

71浏览

0评论

JavaScript console的使用方法实例分析

本文实例讲述了JavaScript console的使用方法。分享给大家供大家参考，具体如下：Console 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是...

2020-05-27

73浏览

0评论

JS 创建对象的模式实例小结

本文实例总结了JS 创建对象的模式。分享给大家供大家参考，具体如下：1.工厂模式抽象了创建具体对象的过程，创建了一种函数，封装特定的接口创建对象的细节。新建一个对象定义...

2020-05-27

80浏览

0评论

JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】

本文实例讲述了JavaScript 双向链表操作。分享给大家供大家参考，具体如下：一个双向链表(doubly linked list) 是由一组称为节点的顺序链接记录组成的链接数据结构。每个节点...

2020-05-27

76浏览

0评论

uni-app如何页面传参数的几种方法总结

uni.$emit(eventName,OBJECT) 触发全局的自定事件。附加参数都会传给监听器回调。其中eventName为事件名，OBJECT为触发事件附加参数示例代码如下：uni.$emit('update',{msg:...

2020-05-27

91浏览

0评论

jQuery插件simplePagination的使用方法示例

本文实例讲述了jQuery插件simplePagination的使用方法。分享给大家供大家参考，具体如下：正在熟悉项目上的代码，新添加了一个需要，需要对表单进行分页，之前的代码中是有分页的代码...

2020-05-27

60浏览

0评论

JS求解两数之和算法详解

本文实例讲述了JS求解两数之和算法。分享给大家供大家参考，具体如下：题目描述给定一个整数数组和一个目标值，找出数组中和为目标值的两个数。你可以假设每个输入只对应一种答案...

2020-05-27

83浏览

0评论

JavaScript 禁止用户保存图片的实现代码

添加事件禁止选择、拖拽、右键（简单的禁止用户保存图片，但无法阻止用户打开控制台查看，或是直接抓包）
将之转换为 canvas（让浏览器认为不是图片以此禁止用户对之进行图片的操作，但...

2020-05-27

97浏览

0评论

JavaScript禁止右击保存图片,禁止拖拽图片的实现代码

下面先看下js禁止右击保存图片。禁止鼠标右键保存图片<img src="" oncontextmenu="return false;">禁止鼠标拖动图片<img src="" ondragstart="return false;">文字禁止鼠标...

2020-05-27

118浏览

0评论

你准备好迎接vue3.0了吗

前言本月21号晚上看了尤大大的直播，感觉vue3.0离我们越来越近了，预计年中正式发布，3.0的改变的确很大，性能提升了很多，很多东西也在靠向react。为了到时可以很快的转入vue3.0的阵...

2020-05-27

112浏览

0评论

深入浅析vue全局环境变量和模式

我们可以在项目根目录中的下列文件来指定环境变量：.env # 在所有的环境中被载入
.env.local # 在所有的环境中被载入，但会被 git 忽略
.env.[mode]...

2020-05-27

84浏览

0评论

Node.js API详解之 string_decoder用法实例分析

本文实例讲述了Node.js API详解之 string_decoder用法。分享给大家供大家参考，具体如下：string_decoder 模块提供了一个 API，用于把 Buffer 对象解码成字符串。对于参数末尾不...

2020-05-27

123浏览

0评论

Node.js API详解之 querystring用法实例分析

本文实例讲述了Node.js API详解之 querystring用法。分享给大家供大家参考，具体如下：Node.js API详解之 querystringquerystring模块提供了一些实用函数，用于解析与格式换URL查...

2020-05-27

82浏览

0评论

JS实现手写 forEach算法示例

本文实例讲述了JS实现手写 forEach算法。分享给大家供大家参考，具体如下：手写 forEachforEach()方法对数组的每个元素执行一次提供的函数arr.forEach(callback(currentValue [...

2020-05-27

107浏览

0评论

Chart.js功能与使用方法小结

本文实例讲述了Chart.js功能与使用方法。分享给大家供大家参考，具体如下：官方文档英文文档 https://www.chartjs.org/docs/2.8.0/
中文文档 https://chartjs-doc.abingoal.com...

2020-05-27

129浏览

0评论

JS数组push、unshift、pop、shift方法的实现与使用方法示例

本文实例讲述了JS数组push、unshift、pop、shift方法的实现与使用方法。分享给大家供大家参考，具体如下：尾部添加(push)push() 方法将一个或多个元素添加到数组的末尾，并返回该...

2020-05-27

192浏览

0评论

Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解

本文实例讲述了Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能。分享给大家供大家参考，具体如下：公司要写一些为自身业务量身定制的的组件，要基于Vue,写完后扩展...

2020-05-27

57浏览

0评论

React组件设计模式之组合组件应用实例分析

本文实例讲述了React组件设计模式之组合组件应用。分享给大家供大家参考，具体如下：这种模式本质上解决的是组件之间传值的问题。但是它对于传值以及一些内部操控的逻辑封装得...

2020-05-27

79浏览

0评论

JavaScript实现放大镜效果代码示例

JavaScript实现放大镜效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...

2020-05-27

80浏览

0评论

JS数组Reduce方法功能与用法实例详解

本文实例讲述了JS数组Reduce方法功能与用法。分享给大家供大家参考，具体如下：概述一直以来都在函数式编程的大门之外徘徊，要入门的话首先得熟悉各种高阶函数，数组的reduce方法就...

2020-05-27

127浏览

0评论

浅谈Vue3 Composition API如何替换Vue Mixins

想在你的Vue组件之间共享代码？如果你熟悉Vue 2 则可能知道使用mixin，但是新的Composition API 提供了更好的解决方案。在本文中，我们将研究mixins的缺点，并了解Composition API...

2020-05-27

95浏览

0评论

详解Vue3 Composition API中的提取和重用逻辑

Vue3 Composition API可以在大型项目中更好地组织代码。然儿，随着使用几种不同的选项属性切换到单一的setup 方法，许多开发人员面临的问题是……这会不会更混乱，因为一切都在一...

2020-05-27

86浏览

0评论

JS 图片压缩原理与实现方法详解

本文实例讲述了JS 图片压缩原理与实现方法。分享给大家供大家参考，具体如下：前言说起图片压缩，大家想到的或者平时用到的很多工具都可以实现，例如，客户端类的有图片压缩工具 PPDu...

2020-05-27

96浏览

0评论

js this 绑定机制深入详解

本文实例讲述了js this 绑定机制。分享给大家供大家参考，具体如下：函数调用位置与词法作用域相反的是，this的指向由函数运行时决定，它是动态的，随着函数调用位置变化而变化。要理...

2020-05-27

热门文章