JavaScript - 教程之家

87浏览

0评论

JS实现横向轮播图（初级版）

本文实例为大家分享了JS实现横向轮播图的具体代码，供大家参考，具体内容如下描述：轮播图，初级，横向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），核心知...

2020-05-27

104浏览

0评论

JS数组方法reverse()用法实例分析

本文实例讲述了JS数组方法reverse()用法。分享给大家供大家参考，具体如下：reverse()方法定义：反转数组项的顺序语法： arr.reverse()参数：/返回值：返回该数组的引用。代码如下：var a...

2020-05-27

117浏览

0评论

JS实现纵向轮播图（初级版）

本文实例为大家分享了JS实现纵向轮播图的具体代码，供大家参考，具体内容如下描述：纵向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），核心知识是数据驱...

2020-05-27

73浏览

0评论

JS数组方法concat()用法实例分析

本文实例讲述了JS数组方法concat()用法。分享给大家供大家参考，具体如下：数组方法concat() concat()可以基于当前数组中的所有项创建一个新数组。即这个方法会先创建当前数...

2020-05-27

185浏览

0评论

vue.js+ElementUI实现进度条提示密码强度效果

要求一：判断输入的字符串是否包含数字、小写字母、大写字母以及特殊字符四种内容的8-20位字符通过搜索了解到可以使用?=这个正则语法判断字符串中是否含有多种内容。(&#6...

2020-05-27

104浏览

0评论

JS实现横向轮播图（中级版）

本文实例为大家分享了JS实现横向轮播图的具体代码，供大家参考，具体内容如下描述：轮播图，中级，横向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），解决了...

2020-05-27

112浏览

0评论

JS数组方法slice()用法实例分析

本文实例讲述了JS数组方法slice()用法。分享给大家供大家参考，具体如下：slice()方法slice()，它能基于当前数组中的一个或多个创建一个新数组。可以接受一或两个参数，即要返回的...

2020-05-27

176浏览

0评论

vue+elementUi 实现密码显示/隐藏+小图标变化功能

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...，先给大家展示下效果图，感觉不错可以参考实现代码。【效果图】

【html】// 前后代码【略】<e...

2020-05-27

74浏览

0评论

vue实现微信浏览器左上角返回按钮拦截功能

【需求】　　在微信公众号开发中，有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑，而并不是让页面直接返回上一页，之前在这个细节点上的一直实现得不是很好。但看到...

2020-05-27

84浏览

0评论

Node.js实现批量下载图片简单操作示例

本文实例讲述了Node.js实现批量下载图片简单操作。分享给大家供大家参考，具体如下：使用Node.js批量下载图片首先要获取到图片链接：const img = [ "http://yw-yx.oss-cn-hangzh...

2020-05-27

313浏览

0评论

vue组件内部引入外部js文件的方法

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js：export def...

2020-05-27

355浏览

0评论

vue项目中监听手机物理返回键的实现

背景：项目中有一个场景要监听android手机物理返回键，但是app和js的中间件又没提供这个事件的监听，只能百度纯js实现了第一步：
xback.js;!function(pkg, undefined){ var STATE =...

2020-05-27

136浏览

0评论

ES6 Object.assign()的用法及其使用

1.Object.assign()基本用法：Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源...

2020-05-27

89浏览

0评论

ES6如何用一句代码实现函数的柯里化

柯里化是干什么的？首先看看下面这个函数let store = (a,b,c) => "这是你的七仔面" //函数就好像一个小卖部，一碗七仔面要三张软妹币：a,b,c (五个参数)那函数柯里化是什么？就是我...

2020-05-27

105浏览

0评论

js实现图片上传到服务器和回显

关于js实现图片的上传和回显，曾经用户的代码粘在这里：样式：这样写样式的道理是给<input>标签的父级设置一个背景图，就是‘+'那个背景图，然后把<input>的宽高设置得跟父级一样，且完...

2020-05-27

96浏览

0评论

JS基础之逻辑结构与循环操作示例

本文实例讲述了JS逻辑结构与循环操作。分享给大家供大家参考，具体如下：JS的逻辑结构与循环和java基本相同。不同会进行解释；instance：<html> <head> <title>js逻辑结构与循环</t...

2020-05-27

182浏览

0评论

Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)

这几天做个了项。就是微信扫描二维码的然后进入公众号网页巴拉巴拉的，然后就很顺利的遇到了在安卓端扫码的时候，顺利的一塌糊涂，然后到了苹果端的时候，就只能出现一个保存图片，然...

2020-05-27

73浏览

0评论

JS运算符简单用法示例

本文实例讲述了JS运算符简单用法。分享给大家供大家参考，具体如下：js中的运算符算术运算符：+，-，*，/,%逻辑运算符：&，&&，|，||，！自增运算符：++，--，+=，-=关系运算符：<,>,=,<=,>=,!=等于运算符：==，==...

2020-05-27

55浏览

0评论

Node.js操作MongoDB数据库实例分析

本文实例讲述了Node.js操作MongoDB数据库。分享给大家供大家参考，具体如下：Node.js操作MongoDBnpm initnpm i mongodb --save{ "name": "test", "version": "1.0.0", "descrip...

2020-05-27

75浏览

0评论

js原生map实现的方法总结

js原生方法map实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...

2020-05-27

161浏览

0评论

浅谈webpack和webpack-cli模块源码分析

webpack4与webpack3的区别webpack4.0 以后，似乎执行方式就发生了改变，不再是 webpack 一波流，而是多了一个 webpack-cli。webpack3中webpack-cli是合在webpack中。所以在命令行...

2020-05-27

82浏览

0评论

JavaScript Window窗口对象属性和使用方法

一、Window对象概述Window对象可以用来打开浏览器，调整浏览器的位置、大小等等功能。Window对象可以处理框架和框架之间的关系，通过这种关系在一个框架中处理另一个框架中的文...

2020-05-27

56浏览

0评论

阿望教你用vue写扫雷小游戏

前言话说阿望还在大学时，某一天寝室突然停网了，于是和室友两人不约而同地打开了扫雷，比相同难度下谁更快找出全部的雷，玩得不亦乐乎，就这样，扫雷伴我们度过了断网的一周，是整整一周...

2020-05-27

114浏览

0评论

D3.js 实现带伸缩时间轴拓扑图的示例代码

效果图:

基于d3-v5, 依赖dagre-d3, 直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...

2020-05-27

222浏览

0评论

vue elementui 实现搜索栏公共组件封装的实例代码

1、背景vue后台管理系统，会有很多表格页面，表格上方会有一些搜索选项，表格直接使用el-table即可，而搜索栏区域每次写起来都很繁琐，而且多人开发情况下每个人写的样式都不相同，布局...

2020-05-27

99浏览

0评论

Angular单元测试之事件触发的实现

=在angular项目中时常有一些click、input、focusout等事件操作，那么如何在单元测试中触发这些事件呢？一、触发Click事件
// 方法一const ele = fixture.debugElement.query(By...

2020-05-27

228浏览

0评论

vue.js iview打包上线后字体图标不显示解决办法

在vue+cli项目中使用iview组件及icon图标，打包后icon不显示,解决办法：
1.在build文件夹下找到utils.js文件，把publicPath改为 ../../if (options.extract) { return ExtractTe...

2020-05-27

263浏览

0评论

详解vue中v-bind:style效果的自定义指令

自定义指令1.什么是自定义指令以 v- 为前缀，然后加上自己定义好的名字组成的一个指令就是自定义指令。为什么要有自定义指令呢？在有些时候，你仍然需要对普通的DOM元素进行底层...

2020-05-27

152浏览

0评论

python虚拟环境 virtualenv的简单使用

virtualenv是什么？virtualenv是一个创建隔绝的Python环境的工具。为什么要创建虚拟环境？它解决了“项目X依赖于版本1.x，而项目Y需要项目4.x”的两难问题，而且使你的全局site-pac...

2020-05-27

276浏览

0评论

Ant Design Vue 添加区分中英文的长度校验功能

原本的maxLength属性是不区分全角/半角字符的，对于一些可中英文混合输入地方而言不太合适。所以想找一个可区分全角/半角字符的校验，而且要保证一定的可重用性。百度搜了一圈...

2020-05-27

193浏览

0评论

ant-design-vue 快速避坑指南(推荐)

ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。用下...

2020-05-27

213浏览

0评论

浅谈Vue.use到底是什么鬼

我们在使用Vue做项目开发的时候，看到不少轮子都是通过Vue.use来进行使用，感觉甚是高大上。
不过Vue.use到底是什么鬼？不妨来看个究竟。其实这些轮子都可以称之为插件，它的功能范...

2020-05-27

64浏览

0评论

js判断在哪个浏览器打开项目的方法

通过以下方法判断浏览器var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息...

2020-05-27

84浏览

0评论

微信小程序全选多选效果实现代码解析

这篇文章主要介绍了微信小程序全选多选效果实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图：wxml代码...

2020-05-27

104浏览

0评论

微信小程序修改checkbox的样式代码实例

这篇文章主要介绍了微信小程序修改checkbox的样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下修改前：修改后...

2020-05-27

136浏览

0评论

微信小程序如何实现点击图片放大功能

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

2020-05-27

94浏览

0评论

微信小程序如何实现精确的日期时间选择器

这篇文章主要介绍了微信小程序如何实现精确的日期时间选择器,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下声明bug：由...

2020-05-27

360浏览

0评论

微信小程序如何通过用户授权获取手机号(getPhoneNumber)

这篇文章主要介绍了微信小程序如何通过用户授权获取手机号(getPhoneNumber),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参...

2020-05-27

96浏览

0评论

Vue实现兄弟组件间的联动效果

需求说明
如图，我想要实现当点击字母L，页面定位到L开头的城市名Do it
1.找到字母表的页面在html标签绑定一个click事件，在js中定义一个方法，并使用参数e获取点击的字母。当在页...

2020-05-27

236浏览

0评论

微信小程序button标签open-type属性原理解析

这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下open-ty...

2020-05-27

106浏览

0评论

微信小程序图片自适应实现解析

这篇文章主要介绍了微信小程序图片自适应实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下关于微信小程序图片自...

2020-05-27

48浏览

0评论

修改vue源码实现动态路由缓存的方法

动态路由官网解读：我们经常需要把某种模式匹配到的所有路由，全都映射到同个组件。例如，我们有一个 User 组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可...

2020-05-27

74浏览

0评论

微信浏览器下拉黑边解决方案 wScroollFix

这篇文章主要介绍了微信浏览器下拉黑边解决方案 wScroollFix,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下开始
由于...

2020-05-27

84浏览

0评论

jquery将信息遍历到界面上实例代码

废话不说上代码 ps:能不能看懂全看造化<script> $(document).ready(function () { $('#btn').keydown(function () { $.ajax({ url:'admin/car/query',...

2020-05-27

287浏览

0评论

微信小程序swiper实现文字纵向轮播提示效果

摘要小程序顶部总会看到滚动的通知栏，一般单条的都会用跑马灯去实现，但面对多条的内容，就需要用轮播去实现，轮播自然是swiper了，查了查，还真有vertical这个属性，swiper真好用。效果...

2020-05-27

173浏览

0评论

微信小程序仿淘宝热搜词在搜索框中轮播功能

摘要逛淘宝的时候，发现淘宝搜索框中一直在垂直方向上轮播热搜提示词，觉得这是个不错的设计，除了能让空间更充分使用，也能让页面更有动感，最重要的是能够增加搜索框的使用频率。就...

2020-05-27

385浏览

0评论

微信小程序如何实现radio单选框单击打勾和取消

前端使用input 来写radio,小程序使用radio标签也可以使用<radio />单标签1.自定义radio样式、wx默认的是真的丑/* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{...

2020-05-27

215浏览

0评论

微信小程序点击view动态添加样式过程解析

这篇文章主要介绍了微信小程序点击view动态添加样式过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下基本逻辑：1....

2020-05-27

104浏览

0评论

vue中英文切换实例代码

1、安装 vue-i18n依赖yarn add vue-i18n 或者 npm install vue-i18n --save-dev2、在src/components下新建文件夹language，并在文件夹language下新建zh.js及en.js【src/compo...

2020-05-27

120浏览

0评论

Vue开发环境跨域访问问题

Vue开发环境跨域访问其他服务器或者本机其他端口，需要配置项目中config/index.js文件，修改如下module.exports = { dev: { // Paths assetsSubDirectory: 'static', assets...

2020-05-27

热门文章