JavaScript - 教程之家

95浏览

0评论

使用React手写一个对话框或模态框的方法示例

打算用React写对话框已经很长一段时间，现在是时候兑现承诺了。实际上，写起来相当简单。核心在于使用React的接口React.createPortal(element, domContainer)。该接口将element...

2020-05-27

103浏览

0评论

JS实现指定区域的全屏显示功能示例

本文实例讲述了JS实现指定区域的全屏显示功能。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2020-05-27

122浏览

0评论

node.js ws模块搭建websocket服务端的方法示例

首先下载websocket模块，命令行输入npm install wsnode.js的模块ws，可用于创建websocket服务，基本的express 和 http模块的使用
var express = require('express');var http =...

2020-05-27

90浏览

0评论

详解JS实现简单的时分秒倒计时代码

本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js简单时分秒倒计...

2020-05-27

84浏览

0评论

Vue开发之watch监听数组、对象、变量操作分析

本文实例讲述了Vue开发之watch监听数组、对象、变量操作。分享给大家供大家参考，具体如下：1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(ne...

2020-05-27

84浏览

0评论

详解vue项目中调用百度地图API使用方法

步骤一：申请百度地图密钥；JavaScript API v1.4以及以前的版本无序申请秘钥（ak），自v1.5版本开始需要先申请秘钥（ak），才可以使用，如需获取更高的配额，需要申请认证企业用户。百度地图A...

2020-05-27

94浏览

0评论

从零到一详聊创建Vue工程及遇到的常见问题

准备工作1.判断是否需要FQ或安装镜像，镜像一般可安装国内淘宝镜像，详情可看这里：cnpm
npm install -g cnpm --registry="cnpm"全局安装淘宝cnpm。2.开发工具选择很多，VUE无专用...

2020-05-27

91浏览

0评论

Vue注册组件命名时不能用大写的原因浅析

这段时间一直在弄vue，当然也遇到很多问题，这里就来跟大家分享一些注册自定义模板组件的心得。首先“VUE注册组件命名时不能用大写“其实这句话是不对的，但我们很多人开始都觉得...

2020-05-27

64浏览

0评论

Vue开发之封装分页组件与使用示例

本文实例讲述了Vue开发之封装分页组件与使用。分享给大家供大家参考，具体如下：使用elementui中的el-pagination来封装分页组件pagination.vue:<template> <div class="pagina...

2020-05-27

69浏览

0评论

vue2.0自定义指令示例代码详解

1、什么是指令？指令通常以"v-"作为前缀, 以方便Vue知道你在使用一种特殊的标记。除了 Vue 核心携带着的一些默认指令（v-model 和 v-show）之外，Vue 还允许你注册自己的自定义指令...

2020-05-27

68浏览

0评论

Vue开发之封装上传文件组件与用法示例

本文实例讲述了Vue开发之封装上传文件组件与用法。分享给大家供大家参考，具体如下：使用elementui的 el-upload插件实现图片上传组件每个项目存在一定的特殊性，所以数据的处理会...

2020-05-27

80浏览

0评论

详解javascript中的Error对象

概念
error是指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”，解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息；
ECMASc...

2020-05-27

71浏览

0评论

Vue使用zTree插件封装树组件操作示例

本文实例讲述了Vue使用zTree插件封装树组件操作。分享给大家供大家参考，具体如下：1.通过npm安装jquerynpm install jquery --save-dev2.在build/webpack.base.conf文件当中引...

2020-05-27

72浏览

0评论

Angular封装搜索框组件操作示例

本文实例讲述了Angular封装搜索框组件操作。分享给大家供大家参考，具体如下：后台管理系统多是以表格和表单为主，有列表就一定会有列表的筛选功能，所以在此把列表头部的搜索功能...

2020-05-27

62浏览

0评论

WebGL学习教程之Three.js学习笔记(第一篇)

webgl介绍WebGL是一种3D绘图协议，它把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染。WebGL技...

2020-05-27

75浏览

0评论

WebGL three.js学习笔记之阴影与实现物体的动画效果

实现物体的旋转、跳动以及场景阴影的开启与优化本程序将创建一个场景，并实现物体的动画效果
运行的结果如图：运行结果
完整代码如下：
<!DOCTYPE html><html lang="en"><head>...

2020-05-27

72浏览

0评论

详解VUE Element-UI多级菜单动态渲染的组件

以下是组件代码：<template> <div class="navMenu"> <label v-for="navMenu in navMenus"> <el-menu-item v-if="navMenu.childs==null&&navMenu.entity&&navMenu.entity....

2020-05-27

73浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

154浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

52浏览

0评论

react高阶组件添加和删除props

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

43浏览

0评论

详解VUE前端按钮权限控制

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

56浏览

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

50浏览

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

62浏览

0评论

JS原生瀑布流效果实现

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

热门文章