JavaScript - 教程之家

67浏览

0评论

JavaScript如何对图片进行黑白化

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

2020-05-27

47浏览

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

77浏览

0评论

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

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

2020-05-27

62浏览

0评论

React如何避免重渲染

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

51浏览

0评论

vue 组件高级用法实例详解

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

2020-05-27

67浏览

0评论

浅谈vue-cli 3.0.x 初体验

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

50浏览

0评论

Mac下安装vue

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

2020-05-27

291浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

48浏览

0评论

node结合swig渲染摸板的方法

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

41浏览

0评论

JS中promise化微信小程序api

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

44浏览

0评论

关于vue中 $emit的用法详解

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

41浏览

0评论

Koa项目搭建过程详细记录

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

67浏览

0评论

vue组件的写法汇总

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

61浏览

0评论

Vue render深入开发讲解

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

2020-05-27

37浏览

0评论

Vue2.0 实现单选互斥的方法

本文介绍了Vue2.0 实现单选互斥的方法，分享给大家，具体如下：需要实现如上图的功能1. 首次加载页面，根据data里的catgoryId高亮对应的选项
2. 点击某个选项，该选项高亮，其他去掉高...

2020-05-27

35浏览

0评论

VSCode中如何利用d.ts文件进行js智能提示

自动补全(智能提示)因为之前微软推出了typescript语言，结合tsd文件，用visual studio写typescript代码是相当爽的，智能提示的功能非常nb。这个功能理所应当也被vsc继承了。vsc的...

2020-05-27

166浏览

0评论

如何编写一个d.ts文件的步骤详解

前言本文主要讲怎么写一个typescript的描述文件（以d.ts结尾的文件名，比如xxx.d.ts)。
最近开始从js转ts了。但是要用到一些描述文件（d.ts），常用的比如jquery等都可以通过 npm下载...

2020-05-27

41浏览

0评论

使用sessionStorage解决vuex在页面刷新后数据被清除的问题

1.原因2.解决方法localStorage没有时间期限，除非将它移除，sessionStorage即会话，当浏览器关闭时会话结束，有时间期限，具有自行百度我这里使用sessionStorage，这里需要注意的是vuex...

2020-05-27

31浏览

0评论

详解vuex中mapState,mapGetters,mapMutations,mapActions的作用

在开始接触vuex框架的时候对那些state,action,mutation,getter等理解的还挺顺利的，然后突然出来一种加了一个前缀的mapState等，这样的就有点蒙圈了。。。特别是官方的文档并没...

2020-05-27

43浏览

0评论

js捆绑TypeScript声明文件的方法教程

前话TypeScript是JavaScript类型的超集，这是TypeScript的文档介绍的一句话，那么他们存在联系呢？我的理解是，TypeScript在JavaScript基础上引入强类型语言的特性。开发者使用Type...

2020-05-27

49浏览

0评论

vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用

一、介绍 vuex里面的四大金刚：State， Mutations，Actions，Getters（上次记得关于vuex笔记 https://www.freexyz.cn/article/138229.htm,是一个简单的应用；这是一些简单的vue的小组件方...

2020-05-27

48浏览

0评论

angular实现页面打印局部功能的思考与方法

前言本文主要介绍了关于angular实现页面打印局部功能的相关内容，分享出来供大家参考，下面话不多说了，来一起看看详细的介绍吧。场景
在页面显示的时候是分页现实的，当前页面只有...

2020-05-27

46浏览

0评论

简单的vuex 的使用案例笔记

1、 npm install vuex2、在src 下新建文件夹 store （为什么是这个单词，vuex 是用来状态管理的，用储存一些组件的状态，取存贮,仓库之意），store 文件下新建文件 index.js (为什...

2020-05-27

33浏览

0评论

vue的常用组件操作方法应用分析

项目技术：webpack + vue + element + axois (vue-resource) + less-loader+ ...vue的操作的方法案例：1.数组数据还未获取到，做出预加载的动画<el-carousel :interval="3000" ty...

2020-05-27

35浏览

0评论

全站最详细的Vuex教程

什么是Vuex？vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。简单的说就是data中需要共用的...

2020-05-27

32浏览

0评论

React中的render何时执行过程

我们都知道Render在组件实例化和存在期时都会被执行。实例化在componentWillMount执行完成后就会被执行，这个没什么好说的。在这里我们主要分析存在期组件更新时的执行。
存...

2020-05-27

65浏览

0评论

Element-UI Table组件上添加列拖拽效果实现方法

Element-UI 的 Table 组件很强大，但是我们的需求更强大...简单粗暴的来一发效果图：一、数据驱动传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 d...

2020-05-27

38浏览

0评论

js实现点击按钮复制文本功能

最近遇到一个需求，需要点击按钮，复制 <p> 标签中的文本到剪切板之前做过复制输入框的内容，原以为差不多，结果发现根本行不通尝试了各种办法，最后使了个障眼法，实现了下面的效果一...

2020-05-27

41浏览

0评论

Vue使用json-server进行后端数据模拟功能

正开发过程中前后端分离或者不分离 ,接口多半是之后与页面的开发 ,所以建立rest的APL的接口给前端提供虚拟的数据是非常必要的所以这里我使用了json-server作为工具,支持...

2020-05-27

44浏览

0评论

js闭包学习心得总结

首先引用来自官网文档的定义：
closure is the combination of a function and the lexical environment within which that function was declared.
闭包是一个函数和其内部...

2020-05-27

75浏览

0评论

Vue-cropper 图片裁剪的基本原理及思路讲解

一：裁剪的思路：1-1，裁剪区域：需要进行裁剪首先需要形成裁剪区域，裁剪区域的大小和我们的鼠标移动的距离相关联，鼠标移动有多远，裁剪区域就有多大。如下图：1-2 裁剪区域的宽和高的计...

2020-05-27

热门文章