JavaScript - 教程之家

86浏览

0评论

vue分页插件的使用方法

本文实例为大家分享了vue分页插件的具体代码，供大家参考，具体内容如下分页插件代码：<div> <div class="page"> <div class="pagelist"> <span class="jump" :class="{d...

2020-05-27

80浏览

0评论

微信小程序停止其他视频播放当前视频的实例代码

微信小程序停止其他视频播放当前视频，代码如下所示：<view class="content">  <scroll-view class='nav-page'> <view class="item-box " wx:for="{{videelsi}}" w...

2020-05-27

145浏览

0评论

node实现mock-plugin中间件的方法

写在前面最近在使用Mockjs作为项目里面mock数据的工具，发现mockjs做的拦截部分是自己实现摸拟了一个XMLHttpRequest的方法做的拦截，使用Mockjs拦截请求后，在chrome的network上...

2020-05-27

106浏览

0评论

vue远程加载sfc组件思路详解

问题在我们的 vue 项目中（特别是后台系统），总会出现一些需要多业务线共同开发同一个项目的场景，如果各业务团队向项目中提供一些公共业务组件，但是这些组件并不能和项目一起打包，...

2020-05-27

235浏览

0评论

通过微信公众平台获取公众号文章的方法示例

我之前自己维护了一个公众号，但因为个人关系很久没有更新了，今天上来缅怀一下，却偶然发现了一个获取微信公众号文章的方法。之前获取方法有很多，通过搜狗、清博、网页端、客户端...

2020-05-27

85浏览

0评论

如何基于JS截获动态代码

这篇文章主要介绍了JS注入eval, Function系统函数并截获动态代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下正文...

2020-05-27

146浏览

0评论

Vue 路由间跳转和新开窗口的方式（query、params）

路由间跳转配置：query 方式参数会在url中显示this.$router.push({ // query方式 path: "/a", query: { projectDetails: val },params 方式传参数据不会在导航栏中显...

2020-05-27

309浏览

0评论

解决Vue 刷新页面导航显示高亮位置不对问题

首先：现在是我点击在产品介绍页面

但是当我刷新页面后高亮位置就变成了第一个

在头部组件里面控制导航高亮显示是checked,默认值是0，触发点击事件会重新赋值，跳转路由，当刷新...

2020-05-27

106浏览

0评论

jQuery+PHP+Ajax实现动态数字统计展示功能

jQuery+PHP+Ajax实现的一款动态数字统计展示实例，本例是在页面上动态展示了当前在线用户数，当然了，你可以应用到其他更多场景中。首先我们在#number放置要统计的数字：<div class...

2020-05-27

172浏览

0评论

原生JS实现顶部导航栏显示按钮+搜索框功能

根据点击导航栏，搜索框的内容会随之变动话不多说，先上图
HTML代码段<div class="bar"> <ul id="menu" class="menu"> <li class="active">搜店</li> <li c...

2020-05-27

180浏览

0评论

element-ui中按需引入的实现

element-ui中按需引入为什么选择 element-ui 而不是 iview因为在多次使用两个组件的过程中慢慢发现，iview 的一些组件还是需要再完善，而 element-ui 现在更加的成熟所以，这里...

2020-05-27

99浏览

0评论

js仿360开机效果

本文实例为大家分享了js仿360开机效果的具体代码，供大家参考，具体内容如下实现效果：1.点击关闭图片按钮先往下退出再往右退出实现步骤：1.封装运动函数
2.给图片上的关闭设置一个...

2020-05-27

75浏览

0评论

js回调函数仿360开机

本文实例为大家分享了js回调函数仿360开机的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>...

2020-05-27

92浏览

0评论

node.js Promise对象的使用方法实例分析

本文实例讲述了node.js Promise对象的使用方法。分享给大家供大家参考，具体如下：Promise对象是干嘛用的？将异步操作以同步操作的流程表达出来一、Promise对象的定义let flag =...

2020-05-27

96浏览

0评论

Vue使用虚拟dom进行渲染view的方法

前提vue版本：v2.5.17-beta.0
触发render
vue在数据更新后会自动触发view的render工作，其依赖于数据驱动；在数据驱动的工作下，每一个vue的data属性都被监听，并且在set触发时，派发事...

2020-05-27

436浏览

0评论

vue 中 elment-ui table合并上下两行相同数据单元格

html ： <el-table :header-cell-style="{background:'#6d7f93',color:'white'}" :data="ptableDate" align="center" border v-loading="loading" :height="tableHeight" :sp...

2020-05-27

77浏览

0评论

JavaScript中变量提升机制示例详解

变量提升
JavaScript的变量提升有两种，用var声明的变量以及用function声明的变量。用var声明的变量
我们先来看下面这段代码，a的值是多少代码1
console.log(a);var a;按照以往...

2020-05-27

271浏览

0评论

node.js express捕获全局异常的三种方法实例分析

本文实例讲述了node.js express捕获全局异常的三种方法。分享给大家供大家参考，具体如下：场景express的路由里抛出异常后，全局中间件没办法捕获，需要在所有的路由函数里写try ca...

2020-05-27

364浏览

0评论

React中使用UMEditor的方法示例

最近项目中需要使用富文本编辑器，参考了运营小姐姐日常使用平台上的编辑器，最后考虑采用百度的UMEditor。因为轻量，功能和配置简单，没有很多定制化的功能，所以没采用UEditor。不...

2020-05-27

73浏览

0评论

vue中watch和computed为什么能监听到数据的改变以及不同之处

先来个流程图，水平有限，凑活看吧-_-||首先在创建一个Vue应用时：var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' }})Vue构造函数源码：//创建Vue构造函数functi...

2020-05-27

86浏览

0评论

JavaScript setInterval()与setTimeout()计时器

　　JavaScript是单线程语言，但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码，间歇时间值是指每隔指定的时间就执行一次...

2020-05-27

285浏览

0评论

前端开发之便利店收银系统代码

1+X前端初级JQ社区便利店收银系统代码<body> <input type="text" id="t" value="" disabled="disabled" /> <form id="main" action="" method=""> <span>4.5</span> <input...

2020-05-27

71浏览

0评论

JavaScript获取当前url路径过程解析

这篇文章主要介绍了JavaScript获取当前url路径过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1、假设当前页完...

2020-05-27

178浏览

0评论

Vue中axios拦截器如何单独配置token

在了解到cookie、session、token的作用后学习token的使用cookie
cookie是随着url将参数发送到后台，安全性最低，并且大小受限，不超过4kb左右，它的数据保存在客户端session
sessio...

2020-05-27

462浏览

0评论

uni-app 组件里面获取元素宽高的实现

遇到的问题：直接在组件的mounted里面创建选择器，获取元素的宽高，即使扔到定时器里面执行，还是偶尔会有获取不到的情况解决办法：
// 写法一：getDescBox() { uni.createSelectorQu...

2020-05-27

138浏览

0评论

Vue页面刷新记住页面状态的实现

环境
vue项目，页面有搜索、筛选项等。需求
页面跳转，切换或者刷新，希望可以记住用户在页面的筛选状态方案v1
vue有提供一种缓存组件的解决方案 — keep-alive。
缓存不活动的组...

2020-05-27

88浏览

0评论

如何基于JavaScript判断图片是否加载完成

这篇文章主要介绍了如何基于JavaScript判断图片是否加载完成,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这里我用...

2020-05-27

248浏览

0评论

JS中数组实现代码(倒序遍历数组,数组连接字符串)

Js中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性。具体代码如下所示：// =================== 求最大值=====================================<script>　　va...

2020-05-27

159浏览

0评论

Vue组件通信入门之Provide和Inject机制

前言Vue中父组件到子组件的通信主要由子组件的props属性实现。但是在一些情况下，父组件无法直接向子组件的props传值。比如子组件通过父组件的slot进入父组件，父组件根本不知...

2020-05-27

93浏览

0评论

jstree中的checkbox默认选中和隐藏示例代码

jstree复选框自定义显示隐藏和初始化默认选中首先需要配置 Checkbox plugin"plugins" : ['checkbox']设置默认选中状态（checkbox 选中）state: {checked: true}$.jstree.defaul...

2020-05-27

1490浏览

0评论

vue element-ui实现input输入框金额数字添加千分位

在util.js中定义方法包含金额添加过滤千分位，验证金额格式等const MoneyTest = /((^[1-9]\d*)|^0)(\.\d{0,2}){0,1}$/;// 金额添加千分位const comdify = function (n) { if...

2020-05-27

373浏览

0评论

vue中实现点击按钮滚动到页面对应位置的方法(使用c3平滑属性实现)

vue项目中，需要实现点击对应按钮，滚动到对应页面位置，下面分享一个简单实用的方法原文地址 http://www.sharedblog.cn/?post=205<template> <div class="box"> <div class=...

2020-05-27

76浏览

0评论

纯js+css实现仿移动端淘宝网站的弹出详情框功能

点击查看图片代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <meta name="apple-mobile-web-app-capable" content="yes"> <...

2020-05-27

95浏览

0评论

vue点击按钮动态创建与删除组件功能

主要功能需求点：点击左侧组件库按钮创建对应的不同的组件，并在右侧区域展示点击右侧创建的组件中的删除按钮，删除对应的组件删除对应的组件之后，下方的组件位置自动上移效...

2020-05-27

220浏览

0评论

微信小程序中网络请求缓存的解决方法

需求
提交小程序审核时，有一个体验测评，产品让我们根据小程序的体验测评报告去优化小程序。其中有一项是网络请求的优化，给我们出了很大的难题。文档中是这样解释的：3分钟以内同...

2020-05-27

181浏览

0评论

vue 中url 链接左边的小图标更改问题

修改url左边的小图标（标题前的小图标）。例如： favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。1.首先得到或生成需要的ico...

2020-05-27

118浏览

0评论

Vue实现星级评价效果实例详解

我们把星级评价单独做成一个Star组件，抽离出来，其中父组件中引入(传入的是评分的值)<div class="score"> <Star :score="poiInfo.wm_poi_score"></Star></div>初始Star.vue<t...

2020-05-27

87浏览

0评论

jQuery模仿ToDoList实现简单的待办事项列表

功能：在文本框中输入待办事项按下回车后，事项会出现在未完成列表中；点击未完成事项前边的复选框后，该事项会出现在已完成列表中，反之亦然；点击删除按钮会删除该事项。待办事项的数...

2020-05-27

94浏览

0评论

详解Vue的watch中的immediate与watch是什么意思

immediate
immediate设为true后，则监听的这个对象会立即输出，也就是说一刷新页面就会在控制台输出，当然此时页面上的数据我们还没来得及手动让其发生变化，所以在控制台输出的new...

2020-05-27

109浏览

0评论

微信小程序自定义菜单切换栏tabbar组件代码实例

这篇文章主要介绍了微信小程序自定义菜单切换栏tabbar组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果...

2020-05-27

84浏览

0评论

JavaScript switch语句使用方法简介

这篇文章主要介绍了JavaScript switch语句使用方法简介,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下switch 语句用于...

2020-05-27

84浏览

0评论

微信小程序实现一个简单swiper代码实例

这篇文章主要介绍了微信小程序实现一个简单swiper代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下话不多说，上截...

2020-05-27

112浏览

0评论

使用pkg打包ThinkJS项目的方法步骤

在 ThinkJS 的用户群里，经常有开发者提出需要对源码进行加密保护的需求。我们知道 JavaScript 是一门动态语言，不像其他静态语言可以编译成二进制包防止源码泄露。所以就出现...

2020-05-27

173浏览

0评论

微信小程序封装多张图片上传api代码实例

这篇文章主要介绍了微信小程序封装多张图片上传api代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下exp...

2020-05-27

229浏览

0评论

微信公众号服务器验证Token步骤图解

这篇文章主要介绍了微信公众号服务器验证Token步骤图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下服务器验证Token...

2020-05-27

77浏览

0评论

JavaScript监听触摸事件代码实例

这篇文章主要介绍了JavaScript监听触摸事件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下监听<!DOCTYPE html...

2020-05-27

98浏览

0评论

JS三级联动代码格式实例详解

这篇文章主要介绍了JS三级联动代码格式实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下实现js多级联动的代码格...

2020-05-27

101浏览

0评论

记录微信小程序 height: calc(xx - xx)；无效问题

遇到一个小问题，记录一下问题：在微信小程序中使用scroll-view标签时，用height:cale(xx - xx)设置高度无效，在page中设置高度为百分百依旧无效解决办法：直接在最大的view标签中设...

2020-05-27

172浏览

0评论

小程序外卖订单界面的示例代码

1.效果界面

2.涉及功能*左侧商品类型、右侧商品可以相互控制；
*商品列表加减及购物车商品加减icon消失、显示；
*商品每一次加减，页面视图变化（数量、价格变化、购物车置灰）；3....

2020-05-27

74浏览

0评论

Vue+Element实现网页版个人简历系统(推荐)

这篇文章介绍一个使用Vue+Element实现的个人简历系统，主要用到的技术有：vue、element、css3、css定位。作者在window10进行开发，目前只在chrome上进行过测试，没有大的毛病。但是...

2020-05-27

热门文章