JavaScript - 教程之家

91浏览

0评论

深入理解vue中的slot与slot-scope

写在前面vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生“...

2020-05-27

79浏览

0评论

使用vue-cli3新建一个项目并写好基本配置(推荐)

1. 使用vue-cli3新建项目： https://cli.vuejs.org/zh/guide/creating-a-project.html注意，我这里用gitbash不好选择选项，我就用了基本的cmd（系统命令提示符）：上下箭头和空格键可控...

2020-05-27

74浏览

0评论

详解微信小程序之一键复制到剪切板

最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里我们可以引用大牛封装好的复制插件，比如无flash插件clipboard.js适用移动端，pc端-------言归正装，打开微信开...

2020-05-27

86浏览

0评论

详解微信小程序文件下载--视频和图片

文件下载（遇到的坑）1.要区分下载的内容是什么0.1 图片下载wx.saveImageToPhotosAlbum(Object object)0.2 视频下载wx.saveVideoToPhotosAlbum(Object object)以上算是两大类...

2020-05-27

78浏览

0评论

Vue源码解析之数据响应系统的使用

接下来重点来看Vue的数据响应系统。我看很多文章在讲数据响应的时候先用一个简单的例子介绍了数据双向绑定的思路，然后再看源码。这里也借鉴了这种方式，感觉这样的确更有利于...

2020-05-27

110浏览

0评论

使用vue2.6实现抖音【时间轮盘】屏保效果附源码

写在前面：
前段时间看抖音，有人用时间轮盘作为动态的桌面壁纸，一时间成为全网最火的电脑屏保，后来小米等运用市场也出现了【时间轮盘】，有点像五行八卦，感觉很好玩，于是突发奇想，自...

抖音

2020-05-27

63浏览

0评论

js实现全选反选不选功能代码详解

本文实例为大家分享了js实现全选反选不选功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><meta charset='utf-8' /><body><input type='checkbox' name='id' />...

2020-05-27

46浏览

0评论

vue router 通过路由来实现切换头部标题功能

在做单页面应用程序时，一般页面布局头尾两块都是固定在布局页面，中间为是路由入口。这时访问页面时头部标题不会变，该问题的解决方案如下：通过采用组件内路由卫士(beforeRouterE...

2020-05-27

98浏览

0评论

微信小程序实现的一键连接wifi功能示例

本文实例讲述了微信小程序实现的一键连接wifi功能。分享给大家供大家参考，具体如下：在已知wifi账号和wifi密码的情况下，一般采用以下的流程来连接wifiWi-Fi 接口调用：1.Android：...

2020-05-27

86浏览

0评论

详解关于webpack多入口热加载很慢的原因

之前为公司搭建了套webpack多页面应用脚手架，起初用得挺爽，资源整合打包，组件化开发，各种组件复用，需要什么就拿什么，后来入口有50个页面了，慢慢的发现了每次按保存后的热加载等待...

2020-05-27

102浏览

0评论

微信小程序分享功能onShareAppMessage(options)用法分析

本文实例讲述了微信小程序分享功能onShareAppMessage(options)用法。分享给大家供大家参考，具体如下：在页面的js文件中定义了 onShareAppMessage 函数时，页面可以表示改页面可...

2020-05-27

47浏览

0评论

vue模仿网易云音乐的单页面应用

说明一直想做一个基于VUE的项目,但是因为项目往往要涉及到后端的知识(不会后端真的苦),所以就没有一直真正的动手去做一个项目。直到发现GitHub上有网易云音乐的api Netease...

2020-05-27

72浏览

0评论

微信小程序实现跳转的几种方式总结（推荐）

今天把实现微信页面的跳转的几种方法总结分享下1.使用导航组件，标签，页面链接来实现（可以发现点击时有背景）<view class="btn-area"> <navigator url="../m...

2020-05-27

95浏览

0评论

浅谈Webpack多页应用HMR卡住问题

起因在公司搭建了套webpack多页面应用脚手架，开始用着很爽，解决了既想使用Vue的模块化开发，又想做多页打包上线管理的初衷，但是随着业务项目的增加，我发现npm run dev的时候，每次...

2020-05-27

84浏览

0评论

vue中的inject学习教程

最近看源码有一段对于整合参数的代码，normalizeProps(child, vm) normalizeInject(child, vm) normalizeDirectives(child)想象里边的Inject很少用到，所以查了一下资料，通常组...

2020-05-27

87浏览

0评论

微信小程序实现的图片保存功能示例

本文实例讲述了微信小程序实现的图片保存功能。分享给大家供大家参考，具体如下：微信小程序保存图片分为两步：1.下载文件资源到本地，客户端直接发起一个 HTTP GET 请求，返回文件的...

2020-05-27

110浏览

0评论

详解vue中使用vue-quill-editor富文本小结（图片上传）

vue-quill-editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue-quill-editor默认的处理方式是直接将图片转成base64...

2020-05-27

93浏览

0评论

微信小程序实现的一键拨号功能示例

本文实例讲述了微信小程序实现的一键拨号功能。分享给大家供大家参考，具体如下：1. 在.wxml文件中绑定拨号事件<button type="default" bindtap="calling">拨打电话</button>2....

2020-05-27

72浏览

0评论

详解微信小程序开发用户授权登陆

本篇将帮助读者实现基于微信开发者工具 & C#环境下的用户在小程序上的授权登陆。准备：微信开发者工具下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools...

2020-05-27

115浏览

0评论

基于mpvue小程序使用echarts画折线图的方法示例

第一次使用mpvue框架来写小程序，项目开发直接搬用mpvue-shop（一个仿网易严选的小程序开发项目）,项目结构清楚,实现了大部分功能，对于初次使用mpvue的小伙伴们来说，是一个很好的选...

2020-05-27

108浏览

0评论

微信小程序中使用echarts的实现方法

刚开始学微信小程序，有说的不对的地方大家可以提出！首先体验示例小程序在微信中扫描下面的二维码即可体验 ECharts Demo：下载为了兼容小程序 Canvas，我们提供了一个小程序的组...

2020-05-27

130浏览

0评论

详解Vue项目中实现锚点定位

背景今天在开发限时练-提分加项目的时候，有一个需要锚点定位的需求，而在Vue项目中，使用传统的在a标签的href属性中写id的方法无效，会导致浏览器的地址改变从而跳转到其他页面。...

2020-05-27

89浏览

0评论

页面内锚点定位及跳转方法总结（推荐）

接着上一篇，其实是一个功能，本来感觉挺简单的一个问题，没想到遇到两个坎儿，无语。。。上一篇是关于scroll事件绑定的问题，这一篇的问题是：点击锚点跳转到相应DIV的问题。最简单的...

2020-05-27

70浏览

0评论

使用webpack4编译并压缩ES6代码的方法示例

前段时间第一次接触了layabox游戏引擎做了一个项目，由于ES6相当好用，所以在项目中使用了很多的ES6语法，但是在发布的时候发现该引擎无法压缩ES6的代码，而不进行压缩的话则代码体...

2020-05-27

77浏览

0评论

深入解析vue 源码目录及构建过程分析

“ 本文主要梳理一下vue代码的目录，以及vue代码构建流程，旨在对vue源码整体有一个认知，有助于后续对源码的阅读。”一、目录结构上图是对vue的代码的所有目录进行的梳理...

2020-05-27

85浏览

0评论

Vue组件通信的几种实现方法

组件的通信一般常见的组件之间的通信有以下几种情况，A和B，B和C，B和D之间都是父子关系，C和D之间是兄弟组件关系。
常用的通信手段有两种：
1.ref：给元素或组件注册引用信息
2.childr...

2020-05-27

81浏览

0评论

微信小程序实现单列下拉菜单效果

接下来我想做的是一个下拉菜单用来分类的，但是在网上搜了一下，基本上全都是比较复杂的分类菜单，最简单的也是分三列的下拉菜单，但是并不想要这么复杂的，最后找了一个三列的，改成...

2020-05-27

94浏览

0评论

微信小程序实现的五星评价功能示例

本文实例讲述了微信小程序实现的五星评价功能。分享给大家供大家参考，具体如下：实现五星评价功能，效果图如下：.wxml文件：<view class="star-title">1、品质效果</view><view clas...

2020-05-27

80浏览

0评论

微信小程序整合使用富文本编辑器的方法详解

本文实例讲述了微信小程序整合使用富文本编辑器的方法。分享给大家供大家参考，具体如下：使用WxParse插件实现小程序的富文本显示，下载地址：富文本插件WxParse具体使用步骤：1. 复...

2020-05-27

61浏览

0评论

小程序开发踩坑：页面窗口定位（相对于浏览器定位）（推荐）

开发中我们要做一些类似遮罩层或者页面header固定而页面内容滚动的效果时，往往会使用到：position: fiexd;属性，但是往往会出现绑定在定位元素上的事件无法触发，原因出现在哪里？经...

2020-05-27

109浏览

0评论

详解如何实现Element树形控件Tree在懒加载模式下的动态更新

Element提供的Tree树形控件，可以用清晰的层级结构展示信息，还可以展开或折叠。Tree支持两种加载模式：一次性加载全部树节点和懒加载模式。所谓懒加载模式，是指当需要展开父节点...

2020-05-27

81浏览

0评论

微信小程序Flex布局用法深入浅出分析

本文实例讲述了微信小程序Flex布局用法。分享给大家供大家参考，具体如下：Flex布局： Flexible Box的缩写，意为“弹性布局”，为盒模型提供巨大的灵活性使用说明：1. 任何容器都可以使...

2020-05-27

77浏览

0评论

elementUI Tree 树形控件的官方使用文档

Tree 树形控件---官方文档地址用清晰的层级结构展示信息，可展开或折叠。基础用法基础的树形结构展示。<el-tree :data="data" :props="defaultProps" @node-click="handleNod...

2020-05-27

79浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

109浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

48浏览

0评论

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

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

2020-05-27

64浏览

0评论

详解javascript中的Error对象

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

38浏览

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

48浏览

0评论

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

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

2020-05-27

46浏览

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

热门文章