JavaScript - 教程之家

47浏览

0评论

在微信小程序中使用图表的方法示例

前言：网上有许多的图表库，如：Echarts、Tau Charts、ChartJS等等，具体自行百度。这次我们使用的是：Echarts官方教程：点击查看Echarts下载地址：飞机直达1.下载好之后，把里面的ec-canva...

2020-05-27

59浏览

0评论

微信小程序遍历Echarts图表实现多个饼图

如何在微信小程序中使用Echarts可以看我的另一个教程：点击查看首先看一个简单的例子1.wxml文件<view style='width:100%;height:200rpx'> <ec-canvas id="mychart-dom-bar" c...

2020-05-27

53浏览

0评论

详解vuejs2.0 select 动态绑定下拉框支持多选

select 下拉选择产品类型：这一项是select 涉及到父子组件信息传递下面拆开讲解父组件 <div class="sales-board-line"> <div class="sales-board-line-left"> 产品类...

2020-05-27

140浏览

0评论

vue项目中使用fetch的实现方法

fetch的由来和定义fetch的由来众所周知，传统 Ajax （指 XMLHttpRequest）是最早出现的发送异步请求技术，其核心是使用XMLHttpRequest对象。但是它也存在一些令人头疼的问题：XH...

2020-05-27

68浏览

0评论

详解如何给React-Router添加路由页面切换时的过渡动画

PS: 本篇文章使用的React-Router版本为react-router-dom: ^5.0.0 (兼容4.x)使用过Vue2的同学们应该都知道<transition>这个内置组件，它可以帮我们添加过渡动画，之前一直用它来...

2020-05-27

46浏览

0评论

vue中img src 动态加载本地json的图片路径写法

目录：注意：本地json文件和json文件里的图片地址都必须写在static 静态文件夹里；否则json文件里的url地址找不到。major_info.json文件里的图片路径写法页面通过v-bind的方式加...

2020-05-27

40浏览

0评论

vue请求本地自己编写的json文件的方法

1.第一步，这是目录结构2.接下来是build/webpack.dev.conf.js文件需要配置的内容代码：//vue配置请求本地json数据const express = require('express')const app = express()con...

2020-05-27

42浏览

0评论

原生JS实现图片懒加载之页面性能优化

在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏...

2020-05-27

35浏览

0评论

JS异步错误捕获的一些事小结

引入
我们都知道 try catch 无法捕获 setTimeout 异步任务中的错误，那其中的原因是什么。以及异步代码在 js 中是特别常见的，我们该怎么做才比较？无法捕获的情况
function main...

2020-05-27

48浏览

0评论

关于Vue源码vm.$watch()内部原理详解

关于vm.$watch()详细用法可以见官网。大致用法如下:<script> const app = new Vue({ el: "#app", data: { a: { b: { c: 'c' } }...

2020-05-27

42浏览

0评论

配置一个vue3.0项目的完整步骤

说起来有点丢人，我已经使用vue好久了，但是怎么从0开始配置一个vue项目，每次还是要百度。这次决定写个博客，加强下记忆，如果再记不住就直播自己的女朋友洗澡。以下以新建一个图书...

2020-05-27

54浏览

0评论

详解JS判断页面是在手机端还是在PC端打开的方法

我们想要的效果是pc文件和mobile文件统一入口，适配不同的设备。
先看看项目的目录：在index.html里面配置js控制选择那一个文件夹下的文件就可以了。
我们要利用：Navigator 对象...

2020-05-27

42浏览

0评论

vue 进阶之实现父子组件间的传值

本章我们将深入了解一下组件，并实现父子组件间的传值。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="https://cdn.js...

2020-05-27

58浏览

0评论

详解微信小程序-canvas绘制文字实现自动换行

在使用微信小程序canvas绘制文字时，时常会遇到这样的问题：因为canvasContext.fillText参数为我们只能设置文本的最大宽度，这就产生一定的了问题。如果我们绘制的文本长度不确定...

2020-05-27

41浏览

0评论

react高阶组件添加和删除props

唠叨几句啦
在看程墨老师的深入浅出高阶组件，开头一点提了一个需要，创建两个高阶组件，一个能给传入的元素自定义添加props，一个是删除特定的props。我刚刚做了一下，发现高阶组件...

2020-05-27

35浏览

0评论

详解VScode编辑器vue环境搭建所遇问题解决方案

前言为什么选择VScode？在之前我用过sublime、webstorm、atom、Brackets、eclipse、HBuilder、notepad++等等。应该还有一些用过几次的编辑器，记不起来的，这些编辑器的作用不外...

2020-05-27

60浏览

0评论

js验证身份证号码记录的方法

在一些需要填写身份证的表单网页中，需要对身份证的输入做一个验证，于是，我记录下了自己写的验证。在写验证之前，我们需要理解身份证的一些常识规则。中华人民共和国居民身份证验...

2020-05-27

43浏览

0评论

微信小程序如何修改本地缓存key中单个数据的详解

最近在做教师评教系统，有一个‘个人信息'页面中有个编辑修改邮箱的功能，本来想得很简单，结果进坑了，搞了好久才出来。我想实现的效果是点击下图左侧邮箱，然后进入右侧页面，进行邮...

2020-05-27

44浏览

0评论

Vue使用Canvas绘制图片、矩形、线条、文字，下载图片

1 前言1.1 业务场景图片储存在后台中，根据图片的地址，在vue页面中，查看图片，并根据坐标标注指定区域。由于浏览器的机制，使用 window.location.href 下载图片时，并不会保存到本地，...

2020-05-27

41浏览

0评论

微信小程序实现的绘制table表格功能示例

本文实例讲述了微信小程序实现的绘制table表格功能。分享给大家供大家参考，具体如下：表格的绘制jsPage({data:{infeed:['"", "1周", "2周", "3周", "总计"],endwise1: "游泳",...

2020-05-27

58浏览

0评论

js最实用string(字符串)类型的使用及截取与拼接详解

var a = '世界上最远的距离不是天涯海角';一、通过字符获取位置或通过位置获取字符：//指定位置返回字符console.log(str.charAt(1));console.log(str[1]);//指定位置返回字符...

2020-05-27

45浏览

0评论

微信小程序开发之点击按钮退出小程序的实现方法

微信小程序官方是没有提供退出的API的，但是在navigator这个组件中，是有退出这个功能的：详情参考官方文档：navigator。示例代码： <navigator open-type="exit" target="miniProgra...

2020-05-27

33浏览

0评论

详解VUE前端按钮权限控制

在用户登陆后，根据用户id读取用户的所有权限数据，放入本地的storage进行存储，之后，定义指令，如果用户含有此按钮权限，则在页面显示出来：/**权限指令**/ Vue.directive('has', {...

2020-05-27

35浏览

0评论

vue组件间的参数传递实例详解

场景分析在前端开发中，我们常常会运用到“组件库”。在main入口中引入组件库，就可以很轻松的在页面中引入，并做一些基本的配置，如样式，颜色等。只需要在引入的组件中写入特定的属...

2020-05-27

35浏览

0评论

详解auto-vue-file:一个自动创建vue组件的包

auto-vue-file
auto create .vue file by shell command
通过终端自动创建vue文件
前言：
1: 我们在写xxx.vue页面文件的时候，一般都要写这些重复的代码：
<template> <div class...

2020-05-27

33浏览

0评论

Vue基于vuex、axios拦截器实现loading效果及axios的安装配置

准备利用vue-cli脚手架创建项目进入项目安装vuex、axios（npm install vuex,npm install axios）axios配置项目中安装axios模块（npm install axios）完成后，进行以下配置：main.js...

2020-05-27

51浏览

0评论

JS原生瀑布流效果实现

今天早起看了慕课的瀑布流，的确讲的十分详细，也十分的好，我在博客里也就只能给代码加些注释，和说一下思路。建议大家去看一下慕课的瀑布流教程，非常详细，每一个细节都讲的非常好，只...

2020-05-27

39浏览

0评论

vue操作动画的记录animate.css实例代码

transition动画//使用动画库animate.css<transition enter-active-class='animated bounceIn' leave-active-class='animated bounceOut' :duration='200'>//其中duration是...

2020-05-27

33浏览

0评论

详解在HTTPS 项目中使用百度地图 API

百度地图 API 产品简介百度地图 JavaScript API 是一套由 JavaScript 语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持 PC 端和移动端基于浏...

2020-05-27

36浏览

0评论

js比较两个单独的数组或对象是否相等的实例代码

所谓js的中的传值,其实也就是说5种基本数据类型(null,undefind,boolean,number,string)传引用也就是说的那个引用数据类型,(array和object)基本数据类型的值不可变,而引用数...

2020-05-27

39浏览

0评论

详解在Javascript中进行面向切面编程

面向切面编程（Aspect-oriented programming，AOP）是一种编程范式。做后端 Java web 的同学，特别是用过 Spring 的同学肯定对它非常熟悉。AOP 是 Spring 框架里面其中一个重要概念...

2020-05-27

40浏览

0评论

详解小程序退出页面时清除定时器

由于小程序页面退出时，定时器和长连接等不会自动清除断开，所以需要我们在生命周期函数中手动清除但是定时器定义在函数中，我们无法在函数外清除，所以为了解决这个问题，我们需要把...

2020-05-27

65浏览

0评论

vue实现移动端轻量日期组件不依赖第三方库的方法

不需要依赖第三方组件的vue日期移动端组件小轮子轻量可复用: https://github.com/BeckReed/datepicker-for-vue2.用法：参见 src/view/demo.vue 文件的用法，简单易懂<div>...

2020-05-27

58浏览

0评论

如何在微信小程序里面退出小程序的方法

公司要求用小程序重构已有的微信公众号，于是没接触过小程序的我。。。好的，直接进入主题。如何在小程序里面退出小程序。这个功能基本上都会用到，而文档里面没有找到如微信一样...

2020-05-27

37浏览

0评论

vue自定义js图片碎片轮播图切换效果的实现代码

定义一个banner.js文件，代码如下;window.requestAnimationFrame = window.requestAnimationFrame||function(a){return setTimeout(a,1000/60)};window.cancelAnimationFrame...

2020-05-27

52浏览

0评论

详解微信小程序获取当前时间及日期的方法

获取当前时间首先，在要获取时间的.js文件中加载util.js文件然后在onload方法中，调用util.js中的formatTime方法获取当前时间//获取当前时间// 调用函数时，传入new Date()参数，返...

2020-05-27

58浏览

0评论

使用异步组件优化Vue应用程序的性能

单页应用其一个问题是首屏屏渲染速度较慢。这是因为页面首次加载时服务器将向客户端发送大量JavaScript，在屏幕上显示任何内容之前必须下载并解析。可以想象，随着应用程序规模...

2020-05-27

47浏览

0评论

使用webpack编译es6代码的方法步骤

前言
团队使用的 webpack 功能很强大，有时候会碰到编译失败的情况，总得找工具的作者解决问题，自己很少去追究原因，感觉对于 webpack 的认知总是一知半解。因此，从本篇文章开始，自...

2020-05-27

53浏览

0评论

Vue 中文本内容超出规定行数后展开收起的处理的实现方法

文字比较难解释，直接看图应该就懂是要做什么了。需求工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要这个按钮并显示所有内容。思路...

2020-05-27

43浏览

0评论

详解微信小程序调用支付接口支付

我前段时间做微信支付，遇到了很多坑，网上也没有讲解的特别明白的，通过借鉴各路人才的经验，最后也完成了，网上有很多讲解，我在这只讲一些注意点和解决的方法。我就讲讲我从完全懵到...

2020-05-27

59浏览

0评论

判断文字超过2行添加展开按钮，未超过则不显示，溢出部分显示省略号

在进行H5页面开发时，项目都要提测了，产品却加了个点击展开和点击收起的需求。。上知乎看了下，也有人有这样的疑问，今天我就把问题给解决啦~
这里就来讲述下我的解决方案：
利用...

2020-05-27

59浏览

0评论

js+html5 canvas实现ps钢笔抠图

html5 canvas+js实现ps钢笔抠图1. 项目要求需要用js实现photoshop中钢笔抠图功能，就用了近三四天的时间去解决它，最终还是基本上把他实现了。做的过程中走了不少弯路，最终一同...

2020-05-27

65浏览

0评论

Vue2(三)实现子菜单展开收缩，带动画效果实现方法

以前做这种操作就是简单的display：block，但现在用户的要求也越来越高，需要美观和动画感。现在介绍用一种简单的方式来实现子菜单从上向下展开子菜单。看下效果图：点开效果：其实原...

2020-05-27

58浏览

0评论

详解vue更改头像功能实现

如上图所示：需要完成的功能是点击更改头像，获取本地文件库，选择图片后将原始图片替换。这里我就直接用html文件引入vue来简单实现在这功能，代码如下：HTML：<div id="app"> <div cla...

2020-05-27

50浏览

0评论

微信小程序--特定区域滚动到顶部时固定的方法

项目要求：如图所示，当页面滚动到导航条到达搜索栏下方时固定，向上滚动到导航条位置时又恢复原样。
以下是代码展示： 1.wxml<scroll-view style="width:100%;height: 100%;" scr...

2020-05-27

59浏览

0评论

vue项目中在外部js文件中直接调用vue实例的方法比如说this

一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期...

2020-05-27

52浏览

0评论

Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

测试环境jquery-easyui-1.5.3需求场景点击父页面tab 页关闭按钮时，需要做判断，判断该tab页面是否可以关闭：获取子页面js中定义的taskStatus，如果taskStatu不为taskEnd，则表示任务...

2020-05-27

290浏览

0评论

Vue项目从webpack3.x升级webpack4不完全指南

前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。
原先的环境项目原先通过Vue...

2020-05-27

44浏览

0评论

vue slot与传参实例代码讲解

插槽分为默认插槽和具名插槽：默认插槽：　
//父组件<div> <h3>父组件</h3> <testChild> <div>默认插槽</div> </testChild></div>//子组件<div> <h4>子组件</h4> <slot></...

2020-05-27

192浏览

0评论

详解JavaScript对数组操作（添加/删除/截取/排序/倒序）

js对数组对象的操作以及方法的使用如何声明创建一个数组对象：var arr = new Array();或者var arr = [];如何移除所有数组中数据？arrayJson.dataList.splice(0,arr.length);如...

2020-05-27

热门文章