JavaScript - 教程之家

65浏览

0评论

vue脚手架及vue-router基本使用

首先在大前提vue-cli已经安装好的情况下，并且cnpm install后(官网使用的是npm，但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象)，这里有个小提醒就是关于是否开启esli...

2020-05-27

66浏览

0评论

JS中双击和单击事件冲突的解决方法

在JS中代码中同一功能块中通常同时会用到单击、双击事件，但通常会遇到一个问题，就是在双击的时候即执行了一次双击事件，而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中...

2020-05-27

68浏览

0评论

Vue 中使用 CSS Modules优雅方法

CSS Modules：局部作用域 & 模块化CSS Modules 为每一个局部类赋予全局唯一的类名，这样组件样式间就不会相互影响了。如：/* button.css */.button { font-size: 16px;}.mini { f...

2020-05-27

52浏览

0评论

vue写一个组件

写一个vue组件我下面写的是以.vue结尾的单文件组件的写法，是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的，可以移步到vue-cli。一个完整的vue组件会...

2020-05-27

65浏览

0评论

webpack中的热刷新与热加载的区别

webpack非常的强大，合理的脚手架可以为我们的工作省去众多繁琐无意义的工作。其中热刷新、热加载相较于传统开发大大提高了开发节奏。从脚手架发现热刷新、热加载的差异
相信...

2020-05-27

64浏览

0评论

vue-cli扩展多模块打包的示例代码

场景在实际的项目开发中会出现这样的场景，项目中需要多个模块（单页或者多页应用）配合使用的情况，而vue-cli默认只提供了单入口打包，所以就想到对vue-cli进行扩展实现首先得知道we...

2020-05-27

54浏览

0评论

node实现基于token的身份验证

最近研究了下基于token的身份验证，并将这种机制整合在个人项目中。现在很多网站的认证方式都从传统的seesion+cookie转向token校验。对比传统的校验方式，token确实有更好的扩...

2020-05-27

63浏览

0评论

详解Vue打包优化之code spliting

在http1的时代，比较常见的一种性能优化就是合并http的请求数量，通常我们会把许多js代码合并在一起，但是如果一个js包体积特别大的话对于性能提升来说就有点矫枉过正了。而如果...

2020-05-27

57浏览

0评论

bing Map 在vue项目中的使用详解

写在最前面拥有全球数据库国内好像就只有百度地图有，高德、搜狗、腾讯的都不行，但是由于百度地图的数据更新不及时，所以在做相关项目要用到国外数据的时候，最好还是推荐使用bing...

2020-05-27

115浏览

0评论

vue2.0+koa2+mongodb实现注册登录

前言前段时间和公司一个由技术转产品的同事探讨他的职业道路，对我说了一句深以为然的话：“不要把自己禁锢在某一个领域，技术到产品的转变，首先就是思维上的转变。你一直做前端，数...

2020-05-27

62浏览

0评论

Angular CLI在Angular项目中如何使用scss详解

前言SCSS 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 SCSS 文件。另外，SCSS 还能识...

2020-05-27

57浏览

0评论

详解webpack 打包文件体积过大解决方案（code splitting）

优化对比：　　未优化前：index.html引入一个main.js文件，体积2M以上。　　优化后入：index.html引入main.js、commons.js、charts.js、other.js。以达到将main.js平分目的。每个...

2020-05-27

53浏览

0评论

详解给Vue2路由导航钩子和axios拦截器做个封装

1.写在前面最近在学习Vue2，遇到有些页面请求数据需要用户登录权限、服务器响应不符预期的问题，但是总不能每个页面都做单独处理吧，于是想到axios提供了拦截器这个好东西，再于是...

2020-05-27

55浏览

0评论

vue 微信授权登录解决方案

背景
vue前后端分离开发微信授权场景
app将商品分享到微信朋友圈或者分享给微信好友，用户点击页面时进行微信授权登陆，获取用户信息。
问题：没有固定的h5应用首页。授权后重定...

2020-05-27

69浏览

0评论

vue实现验证码按钮倒计时功能

本人最近开始尝试学习vue.js。想使用vue写一个小例子，就选择做验证码按钮倒计时功能。上网上搜了一下，也把他们的代码试了一下，自己出了很多问题。所以，需要写一篇基础入门...

2020-05-27

64浏览

0评论

vue.js中npm安装教程图解

首先理清nodejs和npm的关系：node.js是javascript的一种运行环境，是对Google V8引擎进行的封装。是一个服务器端的javascript的解释器。包含关系，nodejs中含有npm，比如说你安装好...

2020-05-27

70浏览

0评论

axios 处理 302 状态码的解决方法

比如说浏览器打开了一个单页面（SPA）应用，过了一段时间token（或者session）过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。我这是使用的是 Vue + axio...

2020-05-27

77浏览

0评论

JavaScript如何对图片进行黑白化

HTML5推出了<canvas>元素，使我们可以通过js动态的在 <canvas> 这个区域之中进行图像的绘制。而我们这次对图像的黑白化就是使用js操作<canvas>元素来实现的。先看一下效果图...

2020-05-27

58浏览

0评论

vue 自定义 select内置组件

1.整合了第三方 jQuery 插件 (select2)<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="js/select2/select2.m...

2020-05-27

96浏览

0评论

vue select组件的使用与禁用实现代码

业务：消息推送方式有两种，为“微信”和“邮件”，微信发送时需要选择“要发送的应用程序”，邮件发送时不需要微信发送时，页面如下：邮件发送时，选择器不可用，页面如下：虽然官网上没有给...

2020-05-27

70浏览

0评论

React如何避免重渲染

组件的重新渲染我们可以在 React 组件中的 props 和 state 存放任何类型的数据，通过改变 props 和 state，去控制整个组件的状态。当 props 和 state 发生变化时，React 会重新渲...

2020-05-27

94浏览

0评论

vue单个组件实现无限层级多选菜单功能

wTree.vue 原理：每一个多选框都是一个节点，每个节点就是一个wTree组件，有父级（顶级level为0）,有子级（底层list[]是空的），组件之间状态传递是通过组件通信传递，对于外部数据checkList...

2020-05-27

58浏览

0评论

vue 组件高级用法实例详解

一、递归组件组件在它的模板内可以递归地调用自己，只要给组件设置name 的选项就可以了。示例如下： <div id="app19"> <my-component19 :count="1"></my-component19> </d...

2020-05-27

87浏览

0评论

浅谈vue-cli 3.0.x 初体验

最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用。感觉还蛮不错的。因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build...

2020-05-27

57浏览

0评论

手动用webpack搭建第一个ReactApp的示例

学习 React 可以用以下方法直接创建一个 ReactApp ,本文主要介绍如何手动来搭这个环境。npm install -g create-react-appcreate-react-app my-appcd my-appnpm start使用淘...

2020-05-27

74浏览

0评论

vue-cli 组件的导入与使用教程详解

概述：一个文件就是一个模块，需要引入模块，和暴露模块的方法在一个组件中使用另一个组件三部曲：引入组件、注册组件、使用组件1.main.js文件解读.是整个项目的入口文件,在src文件...

2020-05-27

67浏览

0评论

Mac下安装vue

前面文章安装了node和cnpm下面就要安装vue这个框架了首先要确保你的node -v
npm -v
cnpm -v
这些环境都已经配置成功了，若没有的话请点击这篇文章查看：node和cnpm安装看着...

2020-05-27

318浏览

0评论

关于Mac下安装nodejs、npm和cnpm的教程

今天新配置了macbook-pro-所以之前的环境都要重新配置所以记录一下免得以后忘记了首先是打开node官网 nodejs然后你会看见如下图片点击上面的任何一个都可以完成下载，下载完...

2020-05-27

60浏览

0评论

详解react、redux、react-redux之间的关系

本文介绍了react、redux、react-redux之间的关系，分享给大家，也给自己留个笔记，具体如下：React一些小型项目，只使用 React 完全够用了，数据管理使用props、state即可，那什么时候需...

2020-05-27

52浏览

0评论

node结合swig渲染摸板的方法

在这里就nodejs如何应用swig摸板，总结一下一些基本的用法。
首先当然是利用express框架在node后台上面搭建服务var express = require('express');var server = express();se...

2020-05-27

57浏览

0评论

JS常用的几种数组遍历方式以及性能分析对比实例详解

本文实例讲述了JS常用的几种数组遍历方式以及性能分析对比。分享给大家供大家参考，具体如下：前言这一篇与上一篇 JS几种变量交换方式以及性能分析对比属于同一个系列，本文继续...

2020-05-27

108浏览

0评论

jQuery实现合并/追加数组并去除重复项的方法 <font color=red>原创</font>

本文实例讲述了jQuery实现合并/追加数组并去除重复项的方法。分享给大家供大家参考，具体如下：<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-...

2020-05-27

59浏览

0评论

JS实现的JSON数组去重算法示例

本文实例讲述了JS实现的JSON数组去重算法。分享给大家供大家参考，具体如下：需求描述：去除JSON数组中paymode字段相同的项，并将paymoney累加。paylist:[{paymode:'1',payname:"现...

2020-05-27

79浏览

0评论

JS实现的合并多个数组去重算法示例

本文实例讲述了JS实现的合并多个数组去重算法。分享给大家供大家参考，具体如下：var arr1 = ['a','b'];var arr2 = ['a','c','d'];var arr3 = [1,'d',undefined,true,null];//...

2020-05-27

41浏览

0评论

jQuery实现判断上传图片类型和大小的方法示例

本文实例讲述了jQuery实现判断上传图片类型和大小的方法。分享给大家供大家参考，具体如下：这里使用jQuery判断上传图片的类型和大小：<!DOCTYPE html><html><head><meta charset...

2020-05-27

46浏览

0评论

vue配置请求本地json数据的方法

本篇文章主要介绍了vue配置请求本地json数据的方法，分享给大家，具体如下：在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require('portfinder')后添加const...

2020-05-27

54浏览

0评论

JS中promise化微信小程序api

promise化的原因
微信小程序的api用的是对象参数回调模式,很容易造成回调地狱,代码难以阅读,判断,修改和调试.微信小程序api示例// 获取用户信息 wx.getSetting({ succe...

2020-05-27

44浏览

0评论

Vue 页面跳转不用router-link的实现代码

1、给父页面跳转的地方设置事件//原来的页面上展示的信息 <div v-if="!addShow" class="function"> <el-row> <template slot-scope="scope"> <el-button type="succ...

2020-05-27

55浏览

0评论

关于vue中 $emit的用法详解

1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监...

2020-05-27

45浏览

0评论

react-native 圆弧拖动进度条实现的示例代码

本文介绍了react-native 圆弧拖动进度条实现的示例代码，分享给大家，具体如下：先上效果图因为需求需要实现这个效果图非原生实现，难点1：绘制使用svg 难点2：点击事件的处理难...

2020-05-27

62浏览

0评论

React props和state属性的具体使用方法

在上一节中，我们讲到了React组件，说了如何使用ES6类创建一个React组件并在其他的地方使用它。这一节我们将讲到React组件的两大灵魂——props和state。props不知道大家还记不...

2020-05-27

45浏览

0评论

Koa项目搭建过程详细记录

本文介绍了Koa项目搭建过程详细记录，分享给大家，具体如下:
Java中的Spring MVC加MyBatis基本上已成为Java Web的标配。Node JS上对应的有Koa、Express、Mongoose、Sequelize等...

2020-05-27

62浏览

0评论

jQuery实现鼠标点击处心形漂浮的炫酷效果示例

本文实例讲述了jQuery实现鼠标点击处心形漂浮的炫酷效果。分享给大家供大家参考，具体如下：鼠标点击一下,在鼠标上方显示一个爱心❤,并有慢慢向上消失的效果,如下图：是不...

2020-05-27

58浏览

0评论

JavaScript实现简单的文本逐字打印效果示例

本文实例讲述了JavaScript实现简单的文本逐字打印效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE><html><head><title>www.freexyz.cn js打字效果...

2020-05-27

55浏览

0评论

基于angular6.0实现的一个组件懒加载功能示例

我们常常会遇到这样一个问题，当我们使用一个第三方控件库的时候，我们只用到了其中 1 个或某几个组件，会连带一大堆无用的东西，造成体积臃肿不堪。又或者首页用到的组件较多，首页...

2020-05-27

65浏览

0评论

基于vue-simplemde实现图片拖拽、粘贴功能

项目使用的是vue框架，需要一个markdown的编辑框，就在npm上找了一下，发现simplemde挺不错的，由于我比较懒，就顺便在npm又搜了一下，找到了vue-simplemde这个 package ，那就开始使用它...

2020-05-27

86浏览

0评论

jQuery实现文件编码成base64并通过AJAX上传的方法

本文实例讲述了jQuery实现文件编码成base64并通过AJAX上传的方法。分享给大家供大家参考，具体如下：使用AJAX是无法直接上传文件的，一般都是新建个iframe在它里面完成表单提交的...

2020-05-27

81浏览

0评论

vue组件的写法汇总

数据驱动和组件化是vue.js两个最重要的特点。组件化是为了方便代码复用，提高开发效率。常见的vue组件写法有四种，各有特色，适用于不同的场景。1、全局组件结构：// 组件的注册 Vu...

2020-05-27

49浏览

0评论

用vue2.0实现点击选中active其他选项互斥的效果

在正常的js中。我们如果要实现点击选中active然后其他取消的效果，我们可以定义一个类，当点击的时候给给多有的dom取消active的类，给当前元素加上这个类名，说的很啰嗦，直接来看代...

2020-05-27

67浏览

0评论

Vue render深入开发讲解

简介
在使用Vue进行开发的时候，大多数情况下都是使用template进行开发，使用template简单、方便、快捷，可是有时候需要特殊的场景使用template就不是很适合。因此为了很好使用re...

2020-05-27

热门文章