JavaScript - 教程之家

60浏览

0评论

vue与bootstrap实现简单用户信息添加删除功能

本文实例为大家分享了vue与bootstrap实现用户信息添加删除操作的具体代码，供大家参考，具体内容如下小记：1.v-model="" 用于input表单双向数据绑定逻辑层跟渲染层双向绑定2...

2020-05-27

71浏览

0评论

jQuery实现简单的Ajax调用功能示例

本文实例讲述了jQuery实现简单的Ajax调用功能。分享给大家供大家参考，具体如下：这里的jQuery调用为CDN地址：//cdn.bootcss.com/jquery/3.3.1/jquery.min.jsjQuery确实方便，下面...

2020-05-27

112浏览

0评论

Node.js原生api搭建web服务器的方法步骤

node.js 实现一个简单的 web 服务器还是比较简单的，以前利用 express 框架实现过『nodeJS搭一个简单的(代理)web服务器』。代码量很少，可是使用时需要安装依赖，多处使用难免有...

2020-05-27

81浏览

0评论

详解Element 指令clickoutside源码分析

clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下...

2020-05-27

194浏览

0评论

解决微信小程序中转换时间格式IOS不兼容的问题

昨天弄一个微信倒计时;遇到了这个为题，调试了才找到问题的所在，然后在网上找了资料才知道这个问题的原因，来是因为IOS系统不支持2018-08-30这样的格式的时间导致的let olddata...

2020-05-27

102浏览

0评论

jQuery实现ajax的嵌套请求案例分析

本文实例讲述了jQuery实现ajax的嵌套请求。分享给大家供大家参考，具体如下：今天看到了一个嵌套的ajax，算是长见识了。不过看一眼就知道怎么回事了。不是不会，就怕想不到。//发送...

2020-05-27

54浏览

0评论

mocha的时序规则讲解

前言对于新手而言，mocha的时序就像谜一般，许多奇怪的测试样例的失败都是由于对时序不清楚。下面我就把我在测试工作中总结的时序规则部分与大家共享。describe里地时序simple...

2020-05-27

79浏览

0评论

JS实现简单的抽奖转盘效果示例

本文实例讲述了JS实现简单的抽奖转盘效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn JS抽奖转...

2020-05-27

103浏览

0评论

原生JS实现逼真的图片3D旋转效果详解

本文实例讲述了原生JS实现逼真的图片3D旋转效果。分享给大家供大家参考，具体如下：实现效果:实现过程:步骤一:先写一个简单的html结构,创建一个box盒子,里面放对应的图片(也可...

2020-05-27

74浏览

0评论

JavaScript遍历DOM元素的常见方式示例

本文实例讲述了JavaScript遍历DOM元素的常见方式。分享给大家供大家参考，具体如下：对于元素之间的空格，IE9以及之前的版本不会返回文本节点，，其他的浏览器会返回文本节点，所以我们...

2020-05-27

138浏览

0评论

详解微信小程序实现仿微信聊天界面(各种细节处理)

本文介绍了微信小程序实现仿微信聊天界面，分享给大家，具体如下：下面先来看看效果为实现这样的效果，首先要解决两个问题：1.点击输入框弹出软键盘后，将已有的少许聊天内容弹出，导致看...

2020-05-27

66浏览

0评论

Nuxt.js 数据双向绑定的实现

假定我们有一个需求，一开始通过mounted()将一个字符串渲染在页面上，但是我们经过操作后修改了数据并且需要将得到的结果重新异步渲染到页面中去，而不是跳转刷新页面来重新渲染...

2020-05-27

73浏览

0评论

详解javascript replace高级用法

在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中，这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定，当然也可以使用artTemplate模...

2020-05-27

195浏览

0评论

Vuepress 搭建带评论功能的静态博客的实现

vuepress 是 Vue 驱动的静态站点生成工具本文仅介绍，搭建静态博客的过程，具体教程及文档请点击进入 vuepress中文网
点击查看项目代码vuepress初始化
下面初始化
# 将 github...

2020-05-27

66浏览

0评论

记一次vue-webpack项目优化实践详解

项目现状项目是一个数据监测平台，引入了ehcart和three.js 负责项目的数据可视化；打包后，体积高达2.1M，这个体积相比于我的项目规模来说就显得稍有笨重了使用webpack-bundle-anal...

2020-05-27

98浏览

0评论

小程序实现列表多个批量倒计时

最近在写一个列表功能，列表中有倒计时的效果，网上没有可用的素材，以下是本人自己写的，如有问题，希望大家指出。先来看看基本的效果小程序中列表倒计时，类似活动倒计时列表，列表中有...

2020-05-27

107浏览

0评论

jQuery实现的隔行变色功能【案例】

本文实例讲述了jQuery实现的隔行变色功能。分享给大家供大家参考，具体如下：实现效果如图:html结构代码:<ul id="ul1"> <li>我是第1个li标签</li> <li>我是第2个li标签</li> <l...

2020-05-27

69浏览

0评论

JS中min函数实例讲解

我们先来看一下min函数的基本语法
Math.min（value1，value2，...） Value1，Value2，……：传递到math.min（）函数的值，用于查找最小值。我们下面来看具体示例代码如下参数是正数和负数时：代码...

2020-05-27

40浏览

0评论

jQuery实现的五星点评功能【案例】

本文实例讲述了jQuery实现的五星点评功能。分享给大家供大家参考，具体如下：效果图:需求分析：1.鼠标移入li标签,当前li标签和之前的li标签全部变为实心;
2.鼠标移开,所有的li标...

2020-05-27

76浏览

0评论

详解关于微信setData回调函数中的坑

最近在做录音功能，需求大体是这样的：点击开始录音按钮，页面状态变为录音中，然后开始录音。不过伟大的测试同学发现了一个问题：当快速的连续点击开始录音按钮时，会触发多次开始录音...

2020-05-27

53浏览

0评论

jQuery插件实现非常实用的tab栏切换功能【案例】

本文实例讲述了jQuery插件实现tab栏切换功能。分享给大家供大家参考，具体如下：效果:核心代码:自己写了一个方法,需要用的时候直接调用就可以了.方法如下:(function ($) { //...

2020-05-27

73浏览

0评论

详解ES7 Decorator 入门解析

Decorator 提供了一种独特的抽象逻辑，可在原有代码基础上，零侵入添加新功能特性。商业代码总是多种交织并存的，在日常开发中，除了实现业务功能之外，我们还需要考虑诸如：异常处理、...

2020-05-27

49浏览

0评论

jQuery实现的卷帘门滑入滑出效果【案例】

本文实例讲述了jQuery实现的卷帘门滑入滑出效果。分享给大家供大家参考，具体如下：效果:如果用JQ来做,其实非常简单,核心代码:<script src="http://libs.baidu.com/jquery/2.0....

2020-05-27

90浏览

0评论

详解TypeScript+Vue 插件 vue-class-component的使用总结

首先下载npm install vue-class-component vue-property-decorator --save-dev一梭子直接干；其次，咱来说说它们的区别与联系：vue-property-decorator社区出品；vue-class-compon...

2020-05-27

63浏览

0评论

深入理解vue-class-component源码阅读

vue-class-component是vue作者尤大推出的一个支持使用class方式来开发vue单文件组件的库。但是，在使用过程中我却发现了几个奇怪的地方。
首先，我们看一个简单的使用例子：
// A...

2020-05-27

83浏览

0评论

Vue框架TypeScript装饰器使用指南小结

前言装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，访问符，属性或参数上。装饰器使用 @expression这种形式， expression求值后必须为一个函数，它会在运行时被调用...

2020-05-27

83浏览

0评论

JS实现点击li标签弹出对应的索引功能【案例】

本文实例讲述了JS实现点击li标签弹出对应的索引功能。分享给大家供大家参考，具体如下：需求:点击li标签,弹出对应的索引先看效果:html结构:<ul id="ul1"> <li>我是li标签1</li...

2020-05-27

93浏览

0评论

JS基于开关思想实现的数组去重功能【案例】

本文实例讲述了JS基于开关思想实现的数组去重功能。分享给大家供大家参考，具体如下：场景: 比如给你一个数组var Arr = [ 25, 70, 60, 70, 65, 65, 80 ],最终要得到去重后的新...

2020-05-27

130浏览

0评论

JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】

本文实例讲述了JS实现集合的交集、补集、差集、去重运算。分享给大家供大家参考，具体如下：ES5写法:///集合取交集Array.intersect = function () { var result = new Array()...

2020-05-27

110浏览

0评论

vue-cli3环境变量与分环境打包的方法示例

第一步 : 了解环境变量概念我们可以根目录中的下列文件来指定环境变量:.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入，但会被 git 忽略.env.[mo...

2020-05-27

64浏览

0评论

vue实现的微信机器人聊天功能案例【附源码下载】

本文实例讲述了vue实现的微信机器人聊天功能。分享给大家供大家参考，具体如下：先看效果:实现过程:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>HTML5模拟微...

2020-05-27

95浏览

0评论

vue实现的网易云音乐在线播放和下载功能案例

本文实例讲述了vue实现的网易云音乐在线播放和下载功能。分享给大家供大家参考，具体如下：效果如图:完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2020-05-27

66浏览

0评论

简单实现vue中的依赖收集与响应的方法

开始声明一个对象man，可以视为vue中的datalet man = { height: 180, weight: 70, wealth: 100000000}添加Observer作用在于将参数对象的属性变为响应式，只要对象的属性被读取...

2020-05-27

79浏览

0评论

基于node.js实现爬虫的讲解

1. cheerio 与 request request：模拟客户端行为，对页面进行请求 cheerio：对服务器端返回的页面进行解析；var cheerio = require('cheerio');var request = require('request')...

2020-05-27

220浏览

0评论

jQuery AJAX与jQuery事件的分析讲解

jQuery 本身即是为事件处理而特别设计的，jQuery 事件处理方法是 jQuery 中的核心函数。$(function() { ... }); 是如下格式的缩写：$(document).ready(function() { ... });0....

2020-05-27

77浏览

0评论

JS异步执行结果获取的3种解决方式

前言JS异步执行机制具有非常重要的地位，尤其体现在回调函数和事件等方面。但异步有时候很方便，有时候却很让人恼火，下面来总结一下异步执行结果获取的方法回调
这是最传统的方...

2020-05-27

77浏览

0评论

小程序转发探索示例

转发的意义转发即是分享，分享带动了事物去中心化，实现网络化，最终走向云处理化通过微信平台，转发即是聊天流量时代，转发即是引流官方转发示例onShareAppMessage(Object)监...

2020-05-27

54浏览

0评论

Angular7创建项目、组件、服务以及服务的使用

三大前端项目就剩angular没学了，在网上找了几个教程，这里总结一下，方便以后用到时查阅创建项目
首先安装cli工具npm install -g @angular/cli创建一个空项目, 有两处要选择的，一...

2020-05-27

97浏览

0评论

Vue结合后台导入导出Excel问题详解

最近Vue项目中用到了导入导出功能，在网上搜索了一番之后，决定采用Blob方式，这也是大家推荐的一种的方式，特此做下记录。导出Excel功能这里不谈别人怎么实现的，我是从后台生成了Ex...

2020-05-27

110浏览

0评论

JS/jQuery实现简单的开关灯效果【案例】

本文实例讲述了JS/jQuery实现简单的开关灯效果。分享给大家供大家参考，具体如下：实现效果:html结构只有两个button标签<button id="left">开灯</button><button id="right">关...

2020-05-27

49浏览

0评论

JS实现的全选、全不选及反选功能【案例】

本文实例讲述了JS实现的全选、全不选及反选功能。分享给大家供大家参考，具体如下：效果图如下:点击全选时会全部选中;全不选时全部不选;反选时反向选中.html结构代码:<input cl...

2020-05-27

63浏览

0评论

Vue动态路由缓存不相互影响的解决办法

关于react与vue中的key
之前在学习react的时候，常常遇到循环渲染组件时会提示需要在循环组件中加上key属性，比如有一组列表：
import React, { Component } from 'react';export...

2020-05-27

83浏览

0评论

jQuery事件多次绑定与解绑问题实例分析

本文实例分析了jQuery事件多次绑定与解绑问题。分享给大家供大家参考，具体如下：jQuery事件绑定很常见，相信大家经常会用到click、focus、blur等事件，但是如果对控件的某个事件绑...

2020-05-27

47浏览

0评论

详解vue几种主动刷新的方法总结

当我们在做项目时，我们需要做当前页面的刷新来达到数据更新的目的，在此我们大概总结了几种常用的页面刷新的方法。1.window.location.reload(),是原生JS提供的方法，this.$route...

2020-05-27

87浏览

0评论

jQuery实现为table表格动态添加或删除tr功能示例

本文实例讲述了jQuery实现为table表格动态添加或删除tr功能。分享给大家供大家参考，具体如下：HTML页面元素如下：<div id="contractDetailDiv" title="...

2020-05-27

48浏览

0评论

jQuery选择器之基本选择器用法实例分析

本文实例讲述了jQuery选择器之基本选择器用法。分享给大家供大家参考，具体如下：初学jQuery，为了能系统地学习好jQuery，今天特意把自己的学习心得归纳一下，贴上来与初学者共享，今天...

2020-05-27

56浏览

0评论

jQuery选择器之层次选择器用法实例分析

本文实例讲述了jQuery选择器之层次选择器用法。分享给大家供大家参考，具体如下：前面一篇介绍了几种基本的jQuery选择器，今天归纳一下jQuery的层次选择器。DOM元素之间的层次关...

2020-05-27

64浏览

0评论

Vue 实现手动刷新组件的方法

开发过程遇到了一个问题，就是我的 router-view 里面渲染出来的组件输入数据之后，我点击路由视图外边的导航栏 router-link 按钮，可以实现清除 router-view 里面的数据，也就是使...

2020-05-27

52浏览

0评论

jQuery选择器之基本过滤选择器用法实例分析

本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下：前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择...

2020-05-27

78浏览

0评论

vue动态添加路由addRoutes之不能将动态路由存入缓存的解决

在我不知道vue的路由还可以通过addRoutes动态添加时，我只知道vue的路由都是写死在路由表中的，每当跳转时再去加载相应的路由。直到在一个新公司接到需要根据用户的权限显示不...

2020-05-27

热门文章