JavaScript - 教程之家

112浏览

0评论

微信小程序实现富文本图片宽度自适应的方法

引言：在微信小程序里，比如商品展示页面的商品详情会有图片展示，PC端设置的商品详情是PC端的宽度，所以在小程序里图片会显示不全，这时就应该做相应的处理，使小程序里图片显示正确思...

2020-05-27

96浏览

0评论

vue-cli3 从搭建到优化的详细步骤

前言
github地址： https://github.com/LeeStaySmall/vue-project-demo (完整分支：optimize分支)demo地址： vue-project-demo.eloco.cn
安装与初始化架构安装node >= 8.9 推荐：8...

2020-05-27

83浏览

0评论

详解vue挂载到dom上会发生什么

vue 挂载到dom 元素后发生了什么
前一篇文章分析了new vue() 初始化时所执行的操作，主要包括调用vue._init 执行一系列的初始化，包括生命周期，事件系统，beforeCreate和Created h...

2020-05-27

117浏览

0评论

js中实例与对象的区别讲解

关于js中实例和对象的解释如下：比如定义persion如下：var person = new Object();var person = {};JS 是基于原型的面向对象语言, 所有数据都可以当作对象处理，所以 person 是对...

2020-05-27

71浏览

0评论

VUE v-model表单数据双向绑定完整示例

本文实例讲述了VUE v-model表单数据双向绑定。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue v-model双向绑定</title><scrip...

2020-05-27

120浏览

0评论

vue计算属性computed、事件、监听器watch的使用讲解

一.计算属性（computed）<template> <div class="box"> <h1>计算属性</h1> <hr>  <p><input type="text" v-model="message"></p> <!...

2020-05-27

101浏览

0评论

vue中过滤器filter的讲解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...

2020-05-27

376浏览

0评论

JS实现将对象转化为数组的方法分析

本文实例讲述了JS实现将对象转化为数组的方法。分享给大家供大家参考，具体如下：前言其实这本来应该是一个很基础的问题了，但我之做一想记录一下是因为之前因为对象转数组的时候...

2020-05-27

108浏览

0评论

Vue 表情包输入组件的实现代码

Emotion一个用于vue的表情输入组件
https://gitee.com/jiangliyue/vue_expression_input_moduleindex是使用示例，emotion是组件代码（这里用的是微信表情包的地址，大家可根据需...

2020-05-27

107浏览

0评论

js中innerText/textContent和innerHTML与target和currentTarget的区别

一、获取/赋值文本值innerText/textContent、innerHTML<body> <div id="box_text"> <p style="color:hotpink;">muzidigbig</p> <p style="color:pink">lovely</p>...

2020-05-27

124浏览

0评论

JS实现数组去重,显示重复元素及个数的方法示例

本文实例讲述了JS实现数组去重,显示重复元素及个数的方法。分享给大家供大家参考，具体如下：<script>var arr = ['土豆','土豆','茄子','土豆','茄子','土豆','紫红色'];functi...

2020-05-27

93浏览

0评论

JS实现求5的阶乘示例

本文实例讲述了JS实现求5的阶乘运算操作。分享给大家供大家参考，具体如下：方案一：利用while循环function factorial(num){ var result = 1; while(num){ result *= num;...

2020-05-27

96浏览

0评论

js的对象与函数详解

一、对象就是人们要研究的任何事物，不仅能表示具体事物，还能表示抽象的规则，计划或事件。
属性的无序集合，每个属性可以存一个值(原始值，对象，函数)对象的特性:...

2020-05-27

98浏览

0评论

在vue项目中引入highcharts图表的方法

npm进行highchars的导入，导入完成后就可以进行highchars的可视化组件开发了npm install highcharts --save1、components目录下新建一个chart.vue组件<template> <div class...

2020-05-27

69浏览

0评论

vue项目中实现的微信分享功能示例

本文实例讲述了vue项目中实现的微信分享功能。分享给大家供大家参考，具体如下：/* 微信分享 */Vue.prototype.wechatShare = (shareData) => { let resource = { title: '随我...

2020-05-27

78浏览

0评论

Vue中Axios从远程/后台读取数据

Axios从远程读取数据学习Axios的知识，并把数据从远端读取到页面上。后端数据，只要调用相应的页面就可以调取，在实际开发中，这些后台数据是需要后端程序员和你共同讨论制作的。我...

2020-05-27

111浏览

0评论

js变量声明var使用与不使用的区别详解

一、区分显示的声明与隐式声明（var）JS中变量声明分显式声明和隐式声明。var name = 'muzidigbig';//显示声明 name = 'muzidigbig';//隐式声明（为全局变量的一个属性）在函数中使...

2020-05-27

76浏览

0评论

Jquery的Ajax技术使用方法

Jquery的Ajax技术（重点）jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操作方法更简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中经常使...

2020-05-27

119浏览

0评论

JavaScript作用域链实例详解

本文实例讲述了JavaScript作用域链。分享给大家供大家参考，具体如下：跟其他语言一样，变量和函数的作用域揭示了这些变量和函数的搜索路径。对于JavaScript而言，理解作用域更加重...

2020-05-27

102浏览

0评论

js中事件对象和事件委托的介绍

Ie9以下浏览器中的事件对象是放在全局中的window.event;解决兼容性：event = event || window.event事件委托（就是将事件绑定到父级/爷爷级对象上，通过事件对象的target属性来控...

2020-05-27

92浏览

0评论

JavaScript闭包与作用域链实例分析

本文实例讲述了JavaScript闭包与作用域链。分享给大家供大家参考，具体如下：闭包定义闭包指的是有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，就是在一个函数A...

2020-05-27

104浏览

0评论

JavaScript使用闭包模仿块级作用域操作示例

本文实例讲述了JavaScript使用闭包模仿块级作用域操作。分享给大家供大家参考，具体如下：在阅读这篇文章之前，建议先阅读JavaScript的作用域链以及JavaScript闭包。正如闭包的定...

2020-05-27

84浏览

0评论

JavaScript常用事件介绍

JavaScript 事件（常用）网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个onClick 事件来触发某个函数。事件在HTML...

2020-05-27

92浏览

0评论

详解vuex中action何时完成以及如何正确调用dispatch的思考

在项目中遇到关于action与dispatch使用的一些细节问题，经过搜索得到了一些答案。
特意在此提出，如有错误还请指出，十分感谢～问题1：如果action是异步的，那么怎么知道它什么时候完成...

2020-05-27

87浏览

0评论

js中对象和面向对象与Json介绍

ECMA-262 把对象（object）定义为“属性的无序集合，每个属性存放一个原始值、对象或函数”。严格来说，这意味着对象是无特定顺序的值的数组。面向对象语言的要求一种面向对象语言...

2020-05-27

93浏览

0评论

详解一个基于react+webpack的多页面应用配置

简单介绍首先本文不会对webpack代码进行解释，其所有配置都可以在文档上找到。平时工作中会写一些多页面应用，因为习惯了react的开发模式，故此写了一个简单的配置，跟大家一起分享...

2020-05-27

88浏览

0评论

JavaScript使用Math.random()生成简单的验证码

第一种：单纯的纯数字验证码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js验证码</title></head><body><div class="yzm" style="width: 20%;he...

2020-05-27

92浏览

0评论

vue.js的vue-cli脚手架中使用百度地图API的实例

第一步，去百度地图开发者申请密钥。1.申请密钥（百度地图开放平台-->开发文档-->web开发-->JavaScript API-->立即使用-->创建应用）2.密钥申请成功后第二步，在项目的需要模板中...

2020-05-27

90浏览

0评论

js实现京东秒杀倒计时功能

本文实例为大家分享了js实现京东秒杀倒计时功能的具体代码，供大家参考，具体内容如下首先给大家看看效果图，因为是做的移动端的，所以放大给大家看看局部就行：关于实现京东秒杀，之前...

2020-05-27

79浏览

0评论

深入分析element ScrollBar滚动组件源码

scrollbar组件根目录下包括index.js文件和src文件夹，index.js是用来注册Vue插件的地方，没什么好说的，不了解的童鞋可以看一下Vue官方文档中的插件，src目录下的内容才是scrollbar...

2020-05-27

100浏览

0评论

JavaScript中的"=、==、==="区别讲解

= 是赋值运算,== 用于一般比较，=== 用于严格比较== 在比较的时候可以转换数据类型；=== 严格比较，只要类型不匹配就返回flase。举例说明："1" == true类型不同，"=="将先做类型转换，...

2020-05-27

199浏览

0评论

基于vue的验证码组件的示例代码

最近在自己写页面，模仿思否论坛，然后写登录注册UI的时候需要一个验证码组件. 去搜一下没找到什么合适的，而且大多都是基于后端的，于是自己手写一个。演示分析验证码组件分析验证...

2020-05-27

103浏览

0评论

JavaScript格式化json和xml的方法示例

本文实例讲述了JavaScript格式化json和xml的方法。分享给大家供大家参考，具体如下：格式化json实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原...

2020-05-27

88浏览

0评论

JavaScript继承与聚合实例详解

本文实例讲述了JavaScript继承与聚合。分享给大家供大家参考，具体如下：一、继承第一种方式：类与被继承类直接耦合度高1. 首先，准备一个可以被继承的类（父类），例如//创建一个人员类f...

2020-05-27

73浏览

0评论

vue2.0 如何在hash模式下实现微信分享

最近又把vue的demo拿出来整理下，正好要做“微信分享”功能，于是遇到新的问题；由于hash模式下，带有“#”,导致微信分享的签证无效；当改成history的模式后，分享ok；但是问题来了，histor...

2020-05-27

90浏览

0评论

JavaScript JMap类定义与使用方法示例

本文实例讲述了JavaScript JMap类定义与使用方法。分享给大家供大家参考，具体如下：在JavaScript中我们利用function类定义类在类的内部我们用var 定义私有变量私有函数在类...

2020-05-27

88浏览

0评论

微信小程序使用map组件实现路线规划功能示例

本文实例讲述了微信小程序使用map组件实现路线规划功能。分享给大家供大家参考，具体如下：效果图实现原理1. 通过map组件标记起始点和绘制路线图；
2. 通过高德地图API获取不同类...

2020-05-27

118浏览

0评论

微信小程序全局变量功能与用法详解

本文实例讲述了微信小程序全局变量功能与用法。分享给大家供大家参考，具体如下：全局变量的作用在微信小程序开发中，会遇到一个很实际的应用场景，就是一个变量会在多个页面进行使...

2020-05-27

113浏览

0评论

微信小程序使用map组件实现解析经纬度功能示例

本文实例讲述了微信小程序使用map组件实现解析经纬度功能。分享给大家供大家参考，具体如下：声明bug：页脚的详细地址在真机测试是会出现不显示问题？造成原因：在小程序map组件的同...

2020-05-27

114浏览

0评论

微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能

本文实例讲述了微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能。分享给大家供大家参考，具体如下：效果图实现原理采用高德地图微信小程序开发API（getWeath...

2020-05-27

123浏览

0评论

200行HTML+JavaScript实现年会抽奖程序

本文实例为大家分享了js实现年会抽奖程序的具体代码，供大家参考，具体内容如下需求分析1.多轮抽奖，每轮只有3个环节：展示奖品图，人名闪动，停止闪动确定中奖名单
2.中奖分级，例如试用...

2020-05-27

81浏览

0评论

微信小程序实现九宫格抽奖

本文实例为大家分享了微信小程序实现九宫格抽奖的具体代码，适用于年会抽奖，供大家参考，具体内容如下效果图比较卡顿，真实运行效果是旋转的用到的素材：实现步骤：实现原理改变每一项...

2020-05-27

102浏览

0评论

使用JavaScript保存文本文件到本地的两种方法

一段使用javascript保存文件的代码。这里方法可以保存指定id元素下的所有html内容；不过这个方法只支持IE浏览器。function createHtml() { try { save_record("index1", $("...

2020-05-27

74浏览

0评论

javascript json字符串到json对象转义问题

在使用JavaScriptSerializer.Serialize 方法转json对象时，遇到一个问题，后台方法生成的json字符串中有没有转义的特殊字符代码；而这些特殊的代码在使用javascript的转json对象...

2020-05-27

111浏览

0评论

大转盘抽奖小程序版转盘抽奖网页版

今天整理了下以前写的小demo，把大转盘抽奖的代码，整合下，列了网页版和小程序两个版本，这个转盘抽奖的核心是H5的canvas和Css3的translate属性，非常简单，写了网页版和小程序版供大...

2020-05-27

65浏览

0评论

使用javascript做时间倒数读秒功能的实例

某个试卷在线考试需要读秒。网上找了一会就是没找到我想要的。只好自己改改网上的，这也用用，那也用用。其他代码不贴了。贴相关的：html页面代码：<a class="btn btn-default" onc...

2020-05-27

82浏览

0评论

微信小程序使用map组件实现检索(定位位置)周边的POI功能示例

本文实例讲述了微信小程序使用map组件实现检索(定位位置)周边的POI功能。分享给大家供大家参考，具体如下：声明bug：页面顶部分类【汽车服务、汽车销售等】列表和页脚的详细地址...

2020-05-27

77浏览

0评论

微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例

本文实例讲述了微信小程序map组件结合高德地图API实现wx.chooseLocation功能。分享给大家供大家参考，具体如下：声明bug：页面搜索返回的列表在真机测试是会出现不显示问题？
造...

2020-05-27

54浏览

0评论

vue车牌号校验和银行校验实战

在看这篇文章之前，我建议大伙可以去把项目demo拉到本地看看。如果觉得写得不好，可以一起提提issues，一起维护。或者大伙有刚需，可以留言，后期会不断完善。使用方法：git clone http...

2020-05-27

93浏览

0评论

微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动，右侧滑动)

本文实例讲述了微信小程序MUI侧滑导航菜单。分享给大家供大家参考，具体如下：实现的目标—-YDUI的Popup组件点击列表图标—-左侧的菜单栏显示—-点击关闭按钮或者右侧的遮罩层...

2020-05-27

热门文章