JavaScript - 教程之家

47浏览

0评论

JavaScript常见继承模式实例小结

本文实例总结了JavaScript常见继承模式。分享给大家供大家参考，具体如下：JavaScript中并没有传统的面向对象语言中的类的概念，但是却实现了特殊的继承机制。（阅读此文您首先需要...

2020-05-27

49浏览

0评论

JavaScript寄生组合式继承原理与用法分析

本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考，具体如下：寄生组合式继承寄生组合式继承，就是通过伪造对象来继承属性，通过原型链的混成形式来继承方法。
这种...

2020-05-27

122浏览

0评论

jQuery实现的中英文切换功能示例

本文实例讲述了jQuery实现的中英文切换功能。分享给大家供大家参考，具体如下：1.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/...

2020-05-27

59浏览

0评论

vscode下vue项目中eslint的使用方法

前言
在vscode的vue项目中，关于代码检查和格式化，遇到各种各样的问题，比如：不清楚安装的拓展的功能，导致安装了重复功能的拓展右键格式化文档的时候，不是按eslint的规则来格式...

2020-05-27

82浏览

0评论

vue项目中使用vue-i18n报错的解决方法

前言Vue-i18n大家应该都不陌生，Vue-i18n安装的安装方法如下：
npm install vue-i18n --save然而最近在vue项目中使用vue-i18n的时候，居然报错了，通过查找相关的资料终于找到了解...

2020-05-27

41浏览

0评论

JS实现根据数组对象的某一属性排序操作示例

本文实例讲述了JS实现根据数组对象的某一属性排序操作。分享给大家供大家参考，具体如下：根据数组中对象的某一属性排序var newArray = [{ name: "aaa", value: 0},{ name:...

2020-05-27

36浏览

0评论

JS数组求和的常用方法总结【5种方法】

本文实例总结了JS数组求和的常用方法。分享给大家供大家参考，具体如下：题目描述计算给定数组 arr 中所有元素的总和输入描述:数组中的元素均为 Number 类型输入例子:sum([ 1,...

2020-05-27

39浏览

0评论

vue-cli系列之vue-cli-service整体架构浅析

概述
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们...

2020-05-27

155浏览

0评论

使用vue-cli脚手架工具搭建vue-webpack项目

最近更新了webpack配置详解，可移步vue-cli webpack详解对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一...

2020-05-27

47浏览

0评论

用npm-run实现自动化任务的方法示例

自动构建javascript有不少好工具。不过其实很少有人知道，npm run命令就能很好地完成这一任务，配置起来也很简单。James Halliday在博客上分享了使用npm run自动化任务的一些经...

2020-05-27

49浏览

0评论

关于vue的npm run dev和npm run build的区别介绍

关于vue的npm run dev和npm run build的区别介绍，下面就分享给大家，具体如下：├─build│ ├─build.js│ ├─check-versions.js│ ├─dev-client.js│ ├─dev-server.j...

2020-05-27

53浏览

0评论

浅谈webpack devtool里的7种SourceMap模式

我们先来看看文档对这 7 种模式的解释：模式解释 eval 每个module会封装到 eval 里包裹起来执行，并且会在末尾追加注释 //@ sourceUR...

2020-05-27

52浏览

0评论

微信小程序时间轴实现方法示例

本文实例讲述了微信小程序时间轴实现方法。分享给大家供大家参考，具体如下：最近项目需要在页面上做一个时间轴，又是第一次做，而且还是在小程序上，要知道小程序里面没有ol/ul/li，看...

2020-05-27

43浏览

0评论

node全局变量dirname与filename的区别

（1）　__filename变量node.js中，在任何模块文件内部，可以使用__filename变量获取当前模块文件的带有完整绝对路径的文件名。在应用程序根目录下新建app.js文件，其中代码如下所示。...

2020-05-27

44浏览

0评论

详解从react转职到vue开发的项目准备

前言
首先，为什么我需要做这个项目准备工作呢？因为常年习惯React开发的我，最近突然接手了一个Vue项目，而之前基本没有过Vue的实践，这么突兀让还在沉溺于React开发的我进行Vue开发...

2020-05-27

46浏览

0评论

微信 jssdk 签名错误invalid signature的解决方法

几乎每一个开发用于微信公众号页面的工程师都遇到过微信jssdk报的各种错误，通常是permission denied，类似这样：通常他们会建议你把debug选项开开，比如这样： wechat.config({ d...

2020-05-27

70浏览

0评论

微信小程序外卖选购页实现切换分类与数量加减功能案例

本文实例讲述了微信小程序外卖选购页实现切换分类与数量加减功能。分享给大家供大家参考，具体如下：关于微信小程序外卖界面实现选购切换分类与数量加减功能开发步骤：效果图实现...

2020-05-27

51浏览

0评论

element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)

前段时间，在实现带输入建议并且支持模糊查询输入框的时候，发现了两个值得注意的小地方。整理出来，以供借鉴。废话不多说，直接来解决问题。踩坑问题描述：问题一：获取到后端返回的数...

2020-05-27

41浏览

0评论

微信小程序实现多选删除列表数据功能示例

本文实例讲述了微信小程序实现多选删除列表数据功能。分享给大家供大家参考，具体如下：实现小程序一个类似多选列表删除的功能<view class="contarner"> <view...

2020-05-27

52浏览

0评论

Element输入框带历史查询记录的实现示例

需求描述页面的查询框增加一下显示历史查找记录实现及踩坑记录使用Element带输入建议的输入框来实现此需求。用法详见官网1. 坑1：不能直接在querySearch里返回数组，一定要调用...

2020-05-27

42浏览

0评论

jQuery+vue.js实现的多选下拉列表功能示例

本文实例讲述了jQuery+vue.js实现的多选下拉列表功能。分享给大家供大家参考，具体如下：其实就是实现一个多选下拉列表，然后将选中的选项显示到相应的位置；因为主要是jQuery选中...

2020-05-27

46浏览

0评论

webpack file-loader和url-loader的区别

1.前言如果我们希望在页面引入图片（包括img的src和background的url）。当我们基于webpack进行开发时，引入图片会遇到一些问题。其中一个就是引用路径的问题。拿background样式用...

2020-05-27

58浏览

0评论

JS立即执行函数功能与用法分析

本文实例讲述了JS立即执行函数功能与用法。分享给大家供大家参考，具体如下：相信大家经常会遇到下面这两种写法：(function(){ ... })()和(function(){ ... }())关于这样写是什么...

2020-05-27

42浏览

0评论

JS高阶函数原理与用法实例分析

本文实例讲述了JS高阶函数原理与用法。分享给大家供大家参考，具体如下：如果您正在学习JavaScript，那么您必须遇到高阶函数这个术语。这听起来复杂，其实不然。使JavaScript适合函...

2020-05-27

50浏览

0评论

详解webpack引入第三方库的方式以及注意事项

一般情况下，我们不用担心所使用的第三方库，在npm管理仓库中找不到。如果需要某一个库，如：jquery，可以直接运行npm install jquery脚本命令来安装这个项目所需要的依赖；然后，在使用j...

2020-05-27

46浏览

0评论

mock.js实现模拟生成假数据功能示例

本文实例讲述了mock.js实现模拟生成假数据功能。分享给大家供大家参考，具体如下：mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码...

2020-05-27

45浏览

0评论

2019 年编写现代 JavaScript 代码的5个小技巧(小结)

内容基本是今年从其他大神的文章学习到的东西。分享给大家：1 Array.includes 与条件判断
一般我们判断或用 ||// conditionfunction test(fruit) { if (fruit == "apple" ||...

2020-05-27

55浏览

0评论

在vue使用clipboard.js进行一键复制文本的实现示例

需求
最近在做商城项目，有个需求是需要点击复制订单号的，然后就觉得可以使用原生的复制方法和使用第三方库。浏览器原生方法
这种方式兼容性不是太好，还要看浏览器是否支持，容易...

2020-05-27

41浏览

0评论

Vue 样式绑定的实现方法

学习 Vue 的时候觉得样式绑定很简单，但是使用的时候总是容易搞晕自己。因为 :class 和 :style 里的数组语法和对象语法和 data 里绑定的值是不太一样的。这篇文章就简单对 Vu...

2020-05-27

196浏览

0评论

在Create React App中使用CSS Modules的方法示例

前提条件请先进行全局安装 create-react-app 插件哈，安装命令：npm install create-react-app -g先使用 create-react-app 命令下载一个脚手架工程，安装命令：# 使用 npx$ npx cre...

2020-05-27

44浏览

0评论

在Create React App中启用Sass和Less的方法示例

关于创建 create-react-app 项目请查看：create-react-app 的安装与创建。关于在 less 和 sass 如何在 create-react-app 启用 CSS Modules，请查看我的上一篇文章：在 Create R...

2020-05-27

63浏览

0评论

微信小程序出现wx.getLocation再次授权问题的解决方法分析

本文实例讲述了微信小程序出现wx.getLocation再次授权问题的解决方法。分享给大家供大家参考，具体如下：首先，在page外定义一个公共函数用于发送获取位置的请求var getLocation...

2020-05-27

61浏览

0评论

vue开发环境配置跨域的方法步骤

本文要实现的是：使用vue-cli搭建的项目在开发时配置跨域，上线后不做任何任何修改，接口也可以访问production：产品生产环境development：开发开发环境1.开发环境设置跨域使用工具...

2020-05-27

71浏览

0评论

详解微信小程序之scroll-view的flex布局问题

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下...

2020-05-27

44浏览

0评论

jQuery实现的点击图片居中放大缩小功能示例

本文实例讲述了jQuery实现的点击图片居中放大缩小功能。分享给大家供大家参考，具体如下：该功能是基于jquery实现的，所以第一步则是引入jqueryjquery下载地址：https://jquery.com...

2020-05-27

57浏览

0评论

深入koa-bodyparser原理解析

一、前置知识
在理解koa-bodyparser原理之前，首先需要了解部分HTTP相关的知识。1、报文主体
HTTP报文主要分为请求报文和响应报文，koa-bodyparser主要针对请求报文的处理。请...

2020-05-27

60浏览

0评论

vue element动态渲染、移除表单并添加验证的实现

又接到新需求了吧~~背景
在一个大表单里，有可能会出现这种需求，用户可以自己操作动态添加、移除表单，更加个性化的效果。常见于填写个人信息、附加内容的表单例如：“工作经历”...

2020-05-27

37浏览

0评论

vue-cli中vue本地实现跨域调试接口

使用vue的同学们大都是基于vue-cli来搭建项目的，vue-cli中的配置全面强大。// 常用的命令npm run dev // 本地热更新模式npm run build //生产模式会在根目录下打包出一个di...

2020-05-27

39浏览

0评论

JavaScript设计模式之代理模式实例分析

本文实例讲述了JavaScript设计模式之代理模式。分享给大家供大家参考，具体如下：代理模式的定义，代理是一个对象(proxy)用它来控制目标对象的访问。为此他要是先与目标对象相同...

2020-05-27

43浏览

0评论

JavaScript设计模式之责任链模式实例分析

本文实例讲述了JavaScript设计模式之责任链模式。分享给大家供大家参考，具体如下：介绍责任链模式（Chain of responsibility）是使多个对象都有机会处理请求，从而避免请求的发送者...

2020-05-27

49浏览

0评论

js删除数组中某几项的方法总结

1:js中的splice方法splice(index,len,[item]) 注释：该方法会改变原始数组。splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值index:数组开始下标 len: 替换...

2020-05-27

60浏览

0评论

JavaScript设计模式之命令模式实例分析

本文实例讲述了JavaScript设计模式之命令模式。分享给大家供大家参考，具体如下：第一，命令模式：（1）用于消除调用者和接收者之间直接的耦合的模式，并且可以对(调用这个过程进行留痕操...

2020-05-27

48浏览

0评论

JavaScript设计模式之观察者模式实例详解

本文实例讲述了JavaScript设计模式之观察者模式。分享给大家供大家参考，具体如下：观察者模式观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观...

2020-05-27

43浏览

0评论

js中int和string数据类型互相转化实例

在javascript里怎么样才能把int型转换成string型
(1)
var x=100 a = x.toString() (2)
var x=100; a = x +""; //JS会自动隐性转换 javascript 将string 变成...

2020-05-27

36浏览

0评论

jquery获取img的src值实例介绍

简简单单的一句话，如下：<img id="img" src="1.jpg" alt="test" /> 引用的jquery如下：<script type="text/javascript" language="javascript" src="~/Js/jquery-1.2.6.js"></s...

2020-05-27

54浏览

0评论

NVM安装nodejs的方法实用步骤

安装nodejs方式有很多种。第一种：官网下载
通过nodejs官网下载安装，但有个缺陷，不同版本的nodejs无法顺利的切换。第二种: NVM安装
NVM可以帮助我们快速切换 node版本。但是安...

2020-05-27

46浏览

0评论

vuex页面刷新后数据丢失的方法

1. 原因
（1）js代码是运行在内存中的，代码运行时的所有变量、函数都是保存在内存中。
（2）刷新页面，以前申请的内存被释放，重新加载脚本代码，变量要重新赋值。
（3）要想刷新后数据不丢失...

2020-05-27

43浏览

0评论

JavaScript设计模式之享元模式实例详解

本文实例讲述了JavaScript设计模式之享元模式。分享给大家供大家参考，具体如下：通过两个例子的对比来凸显享元模式的特点：享元模式是一个为了提高性能(空间复杂度)的设计模式，享...

2020-05-27

39浏览

0评论

npm 常用命令详解(小结)

今年上半年在学习gulp的使用，对npm的掌握是必不可少的，经常到npm官网查询文档让我感到不爽，还不如整理了一些常用的命令到自己博客上，于是根据自己的理解简单翻译过来，终于有点输...

2020-05-27

49浏览

0评论

JavaScript设计模式之装饰者模式实例详解

本文实例讲述了JavaScript设计模式之装饰者模式。分享给大家供大家参考，具体如下：这里我们通过需求逐渐引出装饰者模式。下面是一个关于几代汽车的不同逐渐体现装饰者模式的。...

2020-05-27

热门文章