JavaScript - 教程之家

40浏览

0评论

微信小程序 scroll-view 水平滚动实现过程解析

1. scroll-view水平滚动使用
1. wxml
<scroll-view class="scroll-wrap" scroll-x> <view class="scroll-view-item"> <view class="scroll-img-wrap scroll-major-img...

2020-05-27

43浏览

0评论

Jquery 动态添加元素并添加点击事件实现过程解析

给动态添加的元素添加js事件，不能直接添加js事件，需要借助on( )方法，给选择器指定的子元素添加事件处理函数，并非选择器本身；
1. 语法$(selector).on(event,childSelector,data,f...

2020-05-27

48浏览

0评论

vue中uni-app 实现小程序登录注册功能

思路：1.使用微信的 open-type="getUserInfo" 获取用户信息，将用户信息保存到userinfoDetails对象中去。<button v-else type="primary" class="reserve-btn" open-type="getUs...

2020-05-27

47浏览

0评论

使用webpack将ES6转化ES5的实现方法

babel使用
打开babel官网，按教程安装babel安装
npm install --save-dev babel-loader @babel/core @babel/preset-env配置rules
module: { rules: [ { test: /\.js$/, exclu...

2020-05-27

38浏览

0评论

Vue3.x源码调试的实现方法

几句话说下我看源码的方式断点调试根据demo小例子或者api的使用姿势进行调试，每个小例子只关心其走过的逻辑分支。如何调试vue3.x的ts源码官网说使用 yarn dev 命令就可以...

2020-05-27

74浏览

0评论

nodejs语言实现验证码生成功能的示例代码

验证码已经是非常常用的反作弊、反攻击手段了，其实要实现这个功能对技术水平好的人也不难，但是并不是每个人，每种语言都天然适合搞某个功能...不过我们可以通过封装接口，来屏蔽...

2020-05-27

50浏览

0评论

15 分钟掌握vue-next响应式原理

写在前面
最新 vue-next 的源码发布了，虽然是 pre-alpha 版本，但这时候其实是阅读源码的比较好的时机。在 vue 中，比较重要的东西当然要数它的响应式系统，在之前的版本中，已经有...

2020-05-27

39浏览

0评论

js 实现watch监听数据变化的代码

1.js/** * @desc 属性改变监听，属性被set时出发watch的方法，类似vue的watch * @author Jason * @study https://www.jianshu.com/p/00502d10ea95 * @data 2018-04-27 * @const...

2020-05-27

40浏览

0评论

javaScript把其它类型转换为Number类型

一:基本类型字符串把字符串转换为数字,只要字符串中包含任意一个非有效数字字符(第一个点除外)结果都是NaN,空字符串会变为数字零console.log(Number("12.5")); //12.5conso...

2020-05-27

41浏览

0评论

javascript sort()对数组中的元素进行排序详解

javascript sort()可以对数组中的元素进行排序，语法格式：arrayObject.sort(sortby)arrayObject是数组对象，sortby为可选项，用来确定元素顺序的函数的名称，如果这个参数被省略，那么...

2020-05-27

220浏览

0评论

VUE+node（express）实现前后端分离

vue作为前端的框架，node(express)作为后端的框架。无数据库，使用端口保存数据。 VUE:使用vue-cli构建vue项目（vueapp）。npm install -g vue-cli（安装，安装过的就不用了）vue init we...

2020-05-27

71浏览

0评论

基于纯JS实现多张图片的懒加载Lazy过程解析

一、效果图如下上面的效果图，效果需求如下1、还没加载图片的时候，默认显示加载图片背景图2、刚开始进入页面，自动加载第一屏幕的图片3、下拉界面，当一张图片容器完全显露出屏幕，...

2020-05-27

146浏览

0评论

vue循环数组改变点击文字的颜色

本文实例为大家分享了vue循环数组改变点击文字颜色的具体代码，供大家参考，具体内容如下效果图如下所示
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></titl...

2020-05-27

79浏览

0评论

JavaScript this在函数中的指向及实例详解

一、this，其实可以类比成人说到this的话，我们在js中主要研究的都是函数中的this，在javascript中，this代表当前行为的执行主体，而context代表的是当前行为执行的的环境（区域）。例如...

2020-05-27

68浏览

0评论

基于JS实现父组件的请求服务过程解析

这篇文章主要介绍了基于JS实现父组件的请求服务过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下<template> <di...

2020-05-27

177浏览

0评论

Vue3 源码导读(推荐)

5号凌晨，尤雨溪公布了 Vue 3 源代码。话不多说，我们趁热对 Vue 3 源码进行一些简要的分析。
如果你还没有阅读过Composition API RFC，可能无法完全看懂下面的内容。
兼容性
目...

2020-05-27

259浏览

0评论

Vue3.0中的monorepo管理模式的实现

前言
前段时间9月21日参加了在成都举办的第五届FEDAY，印象比较深刻的是白鹭引擎首席架构师@王泽分享的《框架开发中的基础设施搭建》，提到了在下一代白鹭引擎中使用到monore...

2020-05-27

194浏览

0评论

为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)

导读vue3.0中，响应式数据部分弃用了 Object.defineProperty ，使用 Proxy 来代替它。本文将主要通过以下方面来分析为什么vue选择弃用 Object.defineProperty 。 Object.defi...

2020-05-27

88浏览

0评论

浅谈Vue为什么不能检测数组变动

问题来源：https://segmentfault.com/q/1010000015780995问题描述：Vue检测数据的变动是通过Object.defineProperty实现的，所以无法监听数组的添加操作是可以理解的，因为是在构造...

2020-05-27

137浏览

0评论

vue的路由映射问题及解决方案

今天在项目中遇到了一个问题，明明在Router文件夹下的路由js映射文件中，配置好了，如下：// 生日贺卡 { path: 'birthdayRemind', component: load('@/components/app/birthdayRemi...

2020-05-27

75浏览

0评论

微信小程序 textarea 层级过高问题简单解决方案

这篇文章主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下建立一个...

2020-05-27

85浏览

0评论

Vue3.0 响应式系统源码逐行分析讲解

前言
关于响应式原理想必大家都很清楚了，下面我将会根据响应式API来具体讲解Vue3.0中的实现原理, 另外我只会针对get,set进行深入分析，本文包含以下API实现，推荐大家顺序阅读...

2020-05-27

130浏览

0评论

深入理解基于vue-cli的webpack打包优化实践及探索

转眼已经是2019年，短短三四年时间，webpack打包工具成为了前端开发中必备工具，曾经一度的面试题都是问，请问前端页面优化的方式有哪些？大家也是能够信手拈来的说出缓存、压缩文件...

2020-05-27

157浏览

0评论

vue中进行微博分享的实例讲解

1、首先要在页面写出点击可进行微博分享的入口，样式因自己项目而定：<li class="bottomIcon_5 shareSina"><a href="javascript:;" rel="external nofollow" target="_blank"><...

2020-05-27

316浏览

0评论

vue实现百度语音合成的实例讲解

这里我完全依照百度提供的语音合成api来做：https://ai.baidu.com/docs#/TTS-Online-Node-SDK/top 直接去看node.js SDK。1.换取access_token：参考：https://ai.baidu.com/docs#/...

2020-05-27

125浏览

0评论

浅析微信小程序modal弹窗关闭默认会执行cancel问题

在我们使用小程序的modal组件时候，有的时候会碰到一个问题，那就是弹框的关闭，我们并没有选择取消或确定，而是点击弹框之外的部分，这个时候弹框会关闭，按理来说不会触发取消和确定...

2020-05-27

98浏览

0评论

Vue项目打包部署到iis服务器的配置方法

一将Vue项目打包切换到项目目录下，输入cnpm run build 打包

等待打包完成

二 URL 重写
访问我们的一个url
原因是vue不是根据项目目录的地址访问的，是根据vue-router转发路...

2020-05-27

114浏览

0评论

vue中axios的二次封装实例讲解

我们做项目时，虽然axios也可以直接拿来用，但是对接口比较零散，不太好进行维护，也会产生大量的重复代码，所以我在这对axios进行了统一接口处理第一步，先在src中的公共文件夹中如uti...

2020-05-27

79浏览

0评论

javascript随机变色实例代码

1.打开网页，网页效果如图所示代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机变色</title> <style type="text/css"> #box{ width: 200px; he...

2020-05-27

59浏览

0评论

javascript网页随机点名实现过程解析

主要知识点涉及if选择结构判断语句、数组的定义、定时器、清除定时器、日期对象的使用。1.HTML结构<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>随机点名...

2020-05-27

110浏览

0评论

浅谈微信小程序列表埋点曝光指南

背景最近项目中，开发一个小程序列表页，PM大大给我提了一个埋点需求，列表中的每一项，出现在屏幕中的时候，需要上报一条记录。目标如图中操作，要依次上报 item 1 - item7,但是上滑...

2020-05-27

187浏览

0评论

JS实现灯泡开关特效

JS实现灯泡开关特效的具体代码，供大家参考，具体内容如下并且显示时间，文字首先准备两张图片：开灯ON.jpg：关灯OFF.jpg效果图：下面是具体实现代码：HTML：<!DOCTYPE html><html> <head>...

2020-05-27

53浏览

0评论

js实现开关灯效果

本文实例为大家分享了js实现开关灯效果的具体代码，供大家参考，具体内容如下开关灯 <style> body{background: black;cursor: pointer;} .lamp{width: 100px;height: 100px;bor...

2020-05-27

114浏览

0评论

谈谈IntersectionObserver懒加载的具体使用

概念IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewpo...

2020-05-27

163浏览

0评论

vue实现树形结构样式和功能的实例代码

一、主要运用element封装的控件并封装成组件运用，如图所示代码如图所示：下面是子组件的代码：<template> <ul class="l_tree"> <li class="l_tree_branch" v-for="item in mo...

2020-05-27

573浏览

0评论

vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法详解

本文实例讲述了vue使用@scroll监听滚动事件时，@scroll无效问题的解决方法。分享给大家供大家参考，具体如下：在网上看了一下vue中监听滚动条滚动事件，清一色的使用document.addEv...

2020-05-27

50浏览

0评论

ES6中let、const的区别及变量的解构赋值操作方法实例分析

本文实例讲述了ES6中let、const的区别及变量的解构赋值操作方法。分享给大家供大家参考，具体如下：声明：本文内容依照阮一峰老师ECMAScript 6 入门一书所总结。let和const相同点...

2020-05-27

267浏览

0评论

vue vantUI实现文件（图片、文档、视频、音频）上传（多文件）

说在前面
网上有很多种文件上传的方法，根据公司最近的业务需求，要求实现多种文件的上传，在实现过程中，查阅了很多资料，最后，终于把功能实现了，开心！<template> <div> <v-header...

2020-05-27

167浏览

0评论

详解Vue.js 作用域、slot用法（单个slot、具名slot）

作用域在介绍slot前，需要先知道一个概念：编译的作用域。比如父组件中有如下模板：<child-component> {{message}}<child-component>这里的message就是一个slot，但是它绑定的是父...

2020-05-27

78浏览

0评论

ES6 Promise对象概念及用法实例详解

本文实例讲述了ES6 Promise对象概念及用法。分享给大家供大家参考，具体如下：参考文章：ECMAScript 6 入门一、 Promise是什么Promise是异步编程的一种解决方案，它是一个容器，里面...

2020-05-27

95浏览

0评论

node.js express框架实现文件上传与下载功能实例详解

本文实例讲述了node.js express框架实现文件上传与下载功能。分享给大家供大家参考，具体如下：背景昨天吉视传媒的客户对IPS信息发布系统又提了一个新需求，就是发布端发送消息时...

2020-05-27

121浏览

0评论

微信小程序如何实现五星评价功能

这篇文章主要介绍了微信小程序如何实现五星评价功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果要实现的效果：点...

2020-05-27

150浏览

0评论

Centos7 安装Node.js10以上版本的方法步骤

Node.js 是一个基于Chrome JavaScript运行时的平台，可轻松构建快速，可扩展的网络应用程序。最新版本 node.js yum存储库由其官方网站维护。使用本教程添加yum存储库，并使用简...

2020-05-27

190浏览

0评论

Vue 实现输入框新增搜索历史记录功能

vue实现搜索显示历史搜索记录,采用插件-good-storage安装插件 npm install good-storage -S在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据...

2020-05-27

84浏览

0评论

vue-cli 为项目设置别名的方法

1.使用场景：在项目开发过程中经常需要引入各种文件，例img，css，js等，我们可以在vue-cli中给不同目录设置别名，方便我们使用2.vue-cli 2x 配置// 在 webpack.base.config.js中的 res...

2020-05-27

173浏览

0评论

javascript实现点亮灯泡特效示例

本文实例为大家分享了javascript实现点亮灯泡特效的具体代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-05-27

79浏览

0评论

Vue.js中provide/inject实现响应式数据更新的方法示例

vue.js官方文档：https://cn.vuejs.org/v2/api/#provide-inject首先假设我们在祖辈时候传入进来是个动态的数据，官方不是说如果你传入了一个可监听的对象，那么其对象还是可响应...

2020-05-27

108浏览

0评论

JavaScript Canvas编写炫彩的网页时钟

本文实例为大家分享了JavaScript Canvas编写炫彩网页时钟的具体代码，供大家参考，具体内容如下只是利用了Canvas制作的。示意图如下：<!DOCTYPE html><html><head> <meta http-eq...

2020-05-27

229浏览

0评论

javascript实现动态时钟的启动和停止

javascript实现动态时钟的启动和停止，点击开始按钮，获取当前时间，点击停止按钮，时间停止<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态时钟的启动和停止<...

2020-05-27

84浏览

0评论

vue实现鼠标经过动画

本文实例为大家分享了vue实现鼠标经过动画的具体代码，供大家参考，具体内容如下详细代码：<template> <div class="hello"> <h1>{{ msg }}</h1> <div class="box"> <div class="b...

2020-05-27

热门文章