JavaScript - 教程之家

44浏览

0评论

vue2.0中goods选购栏滚动算法的实现代码

不多说，直接代码，以便以后重复利用：<script type="text/ecmascript-6">import BScroll from 'better-scroll';const ERR_OK = 0;export default { props: { sell: { type: O...

2020-05-27

84浏览

0评论

详解如何在Angular中快速定位DOM元素

在使用Angular2+中，经常会想快速的去选择DOM上的某个元素，如果是刚上手Angular，有可能直接就使用原生DOM操作或者导入jQuery再进行DOM操作，既然都使用了Angular了，有没有更好的方...

2020-05-27

72浏览

0评论

ES6入门教程之let和const命令详解

前言在javascript中，我们都知道使用var来声明变量。javascript是函数级作用域，函数内可以访问函数外的变量，函数外不能访问函数内的变量。函数级作用域会导致一些问题就是某些...

2020-05-27

52浏览

0评论

bootstrap模态框示例代码分享

本文实例为大家分享了bootstrap模态框的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Co...

2020-05-27

46浏览

0评论

AngularJS实现的回到顶部指令功能实例

本文实例讲述了AngularJS实现的回到顶部指令功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="...

2020-05-27

80浏览

0评论

用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)

Node.JS是一个控制台程序，如果想要从Node.JS弹出Windows系统提示框的话，有很多方法可以实现。比如借助 electron 或 node-webkit：在Electron中弹出消息框
Electron与Windows的...

2020-05-27

94浏览

0评论

node.js调用Chrome浏览器打开链接地址的方法

本文主要介绍的是node.js调用Chrome浏览器打开链接地址的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：借助open模块实现
通过node-open模块，可以在任何平台上打...

2020-05-27

80浏览

0评论

Vue声明式渲染详解

Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM，也就是将模板中的文本数据写进DOM中，使用 {{data}} 的格式写入。此代码都是Vue.js官网上的实例。1...

2020-05-27

55浏览

0评论

AngularJS+bootstrap实现动态选择商品功能示例

本文实例讲述了AngularJS+bootstrap实现动态选择商品功能。分享给大家供大家参考，具体如下：项目中后台一个商品库，新建活动时动态选择所需商品<!DOCTYPE html><html lang="zh-C...

2020-05-27

66浏览

0评论

AngularJS实现动态添加Option的方法

本文实例讲述了AngularJS实现动态添加Option的方法。分享给大家供大家参考，具体如下：项目中后台管理设置，前台下拉动态添加option<!DOCTYPE html><html lang="zh-CN"> <head>...

2020-05-27

75浏览

0评论

ES6入门教程之Class和Module详解

本文主要介绍了ES6中Class和Module的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、ClassES6引入了Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。...

2020-05-27

91浏览

0评论

Node.js编写CLI的实例详解

Why Node.js?常用的用来编写CLI的语言有 python, ruby, perl, Node.js等等。为什么选取Node.js作为CLI的语言编写工具呢？有三个理由：对Javascript语言更加熟悉 npm 完...

2020-05-27

81浏览

0评论

angular.fromJson与toJson方法用法示例

本文实例讲述了angular.fromJson与toJson方法用法。分享给大家供大家参考，具体如下：AngularJS的angular.fromJson()方法可以把一个Json字符串中解析成一个对象，或对象数组：<!DOC...

2020-05-27

64浏览

0评论

ES6入门教程之Iterator与for...of循环详解

本文主要介绍了关于ES6中Iterator与for...of循环的相关内容，分享出来供大家参考学习，需要的朋友们下面来一起看看详细的介绍：一、Iterator（遍历器）遍历器（Iterator）是一种协议，任何...

2020-05-27

79浏览

0评论

Javascript中的async awai的用法

async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。目前，async / await这个特性已经是stage 3的建议，可以看看TC39的进度，本篇文章将分享async / await...

2020-05-27

60浏览

0评论

12个非常有用的JavaScript技巧

在这篇文章中，我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。1) 使用!!将变量转换成布尔类型有时，我们需要检查一些变量是否存在，或者它是否具有...

2020-05-27

53浏览

0评论

Vue.js鼠标悬浮更换图片功能

最近自己做的项目中设计师要求分类栏中鼠标悬停更换图片，大致实现出来的效果就是这样：
这个在jQuery中是个很简单的事，但是在vue中我还是第一次实现。首先将所有的选中后图片...

2020-05-27

79浏览

0评论

详解使用nodeJs安装Vue-cli

前提：nodeJs本地已安装。1、执行npm install --global vue-cli ，全局安装vue-cli----因为默认是从国外服务器下，可以使用阿里巴巴在国内的镜像服务器。
产生通过config命令设置...

2020-05-27

128浏览

0评论

JavaScript限定范围拖拽及自定义滚动条应用（3）

两个对象：div1 和 div2，其中div1是div2的父元素，div2只能在div1的范围内拖拽
图中，红点是鼠标的位置，两个绿色箭头相减的结果就是disX，最后oEvent.clientX - disX 就是绿色箭头的...

2020-05-27

72浏览

0评论

node.js连接MongoDB数据库的2种方法教程

前言MongoDB Node.js驱动程序是被官方所支持的原生node.js驱动程序，他是至今为止最好的实现，并且得到了MongoDB官方的支持。MongoDB团队已经采用MongoDB Node.js驱动程序作为...

2020-05-27

76浏览

0评论

JavaScript简单拖拽效果（1）

拖拽在前端开发中是很常见的功能，也是基本功之一，本文是不限制范围的拖拽也就是最简单的拖拽，鼠标按下对象，拖拽，松开停止！
1，onmousedown事件
2，onmousemove事件
3，onmouseup事件...

2020-05-27

82浏览

0评论

websocket+node.js实现实时聊天系统问题咨询

1.最近新学习websocket。做了一个实时聊天。用Node.js搭建的服务:serevr.js. 两个相互通信页面：client.html 和server.html但是就是有很多问题，想让知道的人帮我看看哈：我先把...

2020-05-27

67浏览

0评论

Angular.JS中的this指向详解

【this详解】
1、谁最终调用函数，this指向谁。
① this指向的，永远只可能是对象！！！！！！
② this指向谁，永远不取决于this写在哪！！而是取决于函数在哪调用。
③ this指...

2020-05-27

65浏览

0评论

vue学习笔记之vue1.0和vue2.0的区别介绍

今天我们来说一说vue1.0和vue2.0的主要变化有哪些一.在每个组件模板，不在支持片段代码VUE1.0是:　<template> <h3>我是组件</h3><strong>我是加粗标签</strong></template>V...

2020-05-27

79浏览

0评论

JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)（2）

限制范围的拖拽，要求被拖拽的对象必须在客户区可见范围！
div是body的子元素，div的left/top是针对body的，不是针对可见客户区的，所以在拖拽的过程中不得不考虑被卷走的部分，因为网...

2020-05-27

81浏览

0评论

深入理解Commonjs规范及Node模块实现

前面的话Node在实现中并非完全按照CommonJS规范实现，而是对模块规范进行了一定的取舍，同时也增加了少许自身需要的特性。本文将详细介绍NodeJS的模块实现引入
nodejs是区别于j...

2020-05-27

65浏览

0评论

JavaScript运动框架解决速度正负取整问题（一）

这里说的运动是指缓冲运动，缓冲运动会使物体逐渐‘着陆'，而不是‘硬着陆'，到达目标位置的过程中速度越来越慢，看起来很舒服。缓冲的特点：速度随着距离的缩短而降低速度 = （目...

2020-05-27

74浏览

0评论

Vue.js学习教程之列表渲染详解

本文主要给大家介绍了关于Vue.js列表渲染的相关资料，分享出来给大家参考学习，下面来看看详细的介绍：v-for可以使用 v-for 指令基于一个数组渲染一个列表。这个指令使用特殊的语...

2020-05-27

58浏览

0评论

vue之nextTick全面解析

简介vue是非常流行的框架，他结合了angular和react的优点，从而形成了一个轻量级的易上手的具有双向数据绑定特性的mvvm框架。本人比较喜欢用之。在我们用vue时，我们经常用到一个...

2020-05-27

46浏览

0评论

JavaScript运动框架解决防抖动问题、悬浮对联（二）

本文实例是对JavaScript运动框架（一）的应用scrollTop：有时候网页很长，其高度大于显示器高度，会产生滚动，那么在高度方向上，“滚走”的部分就是scrollTopvar scrollTop = document.d...

2020-05-27

73浏览

0评论

BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码

在某些情况下，反馈图标未正确显示。默认情况下，Bootstrap定义反馈图标位置如下：.has-feedback .form-control-feedback { top: 25px; right: 0;}.form-horizontal .has-feedb...

2020-05-27

76浏览

0评论

JavaScript运动框架多物体任意值运动（三）

前面两篇都是单物体的运动，本文开始讲多物体的运动，比如多个div的各自不同的属性如宽，高，字体大小，透明度的缓冲运动变化。从本文起，就不再使用offsetWdith,offsetHeight了等等，因...

2020-05-27

64浏览

0评论

基于vue+ bootstrap实现图片上传图片展示功能

效果图如下所示：html............<-- key=idPicUrl --> <div class="col-sm-7" > <img :src="queryFirmInfo[key]" alt="" style="max-height:200px;max-width:250px" cl...

2020-05-27

69浏览

0评论

Bootstrap 表单验证formValidation 实现远程验证功能

最近项目用到了一个很强大的表单验证。记录下。官方地址：http://formvalidation.io/api/还有一点很重要：这个插件的Bootstrap最好用他们自带的，有点改动。不用再去Bootstrap官...

2020-05-27

59浏览

0评论

JavaScript中offsetWidth的bug及解决方法

offsetWidth表示对象的可见宽度。
比如：#div1 { width: 100px; height: 200px; background: red;}结果：100#div1 { width: 100px; height: 200px; background: red; border:...

2020-05-27

75浏览

0评论

Bootstrap 表单验证formValidation 实现表单动态验证功能

动态添加input并动态添加新验证方式！init状态：点击“+”后：验证后：知识点：1 先去官网下载：http://formvalidation.io/2 导入文件，注意事项我就不多说了在远程验证那篇我已经讲过...

2020-05-27

66浏览

0评论

vue v-model表单控件绑定详解

v-model 指令在表单控件元素上创建双向数据绑定，下面一一进行示例解释。1、v-model 双向绑定文本<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></t...

2020-05-27

74浏览

0评论

vue v-on监听事件详解

在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码，下面我们就简单聊聊Vue.js中的监听事件是怎么处理的。在vue.js中监听事件是通过v-on指令来实现的，先看一下简...

2020-05-27

57浏览

0评论

js实现放大镜特效

本文实例为大家分享了js放大镜特效的实现代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <script s...

2020-05-27

49浏览

0评论

原生js轮播特效

作为一名前端工程师，手写轮播图应该是最基本掌握的技能，以下是我自己原生js写的轮播，欢迎指点批评：首先css代码a{text-decoration:none;color:#3DBBF5;} *{ margin: 0;...

2020-05-27

55浏览

0评论

第一次记录Bootstrap table学习笔记（1）

第一次使用Bootstrap-table这个表格插件，记录一下使用过程中遇到的问题。|引入CSS文件<link rel="stylesheet" href="bootstrap.min.css"><link rel="stylesheet" href="boot...

2020-05-27

78浏览

0评论

Nodejs中使用captchapng模块生成图片验证码

Nodejs项目，在做图片验证码的时候遇到了难题。Nodejs没有图片库，以后会有，但是现在没有。网络上搜索一圈，有几个解决方案：1、采用第三方验证码程序，有的时候，项目可能不允许；2、使用...

2020-05-27

76浏览

0评论

AngularJS全局警告框实现方法示例

本文实例讲述了AngularJS全局警告框实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA...

2020-05-27

56浏览

0评论

BootStrap 导航条实例代码

一、默认的导航条制作默认的导航条，可分以下几步：1.在ul里加上（ul class="nav navbar-nav"）样式；2.在ul外加一层div或nav(ps:HTML5新属性)，并且添加样式（div class="navbar nabar-d...

2020-05-27

60浏览

0评论

Bootstrap table学习笔记（2）前后端分页模糊查询

在使用过程中，一边看文档一边做，遇到了一些困难的地方，在此记录一下，顺便做个总结：1、前端分页
2、后端分页
3、模糊查询
前端分页相当简单，在我添加了2w条测试数据的时候打开的很...

2020-05-27

57浏览

0评论

详解Vue-cli 创建的项目如何跨域请求

问题描述：使用 Vue-cli 创建的项目，开发地址是 localhost:8023，需要访问 localhost:9000 上的接口分析原因：不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要...

2020-05-27

70浏览

0评论

nodejs6下使用koa2框架实例

koa2里面使用ES7的语法，如async、await所以需要运行在node7.6之后；但在node7.6之前也可以利用babel是的koa2可以运行。
首先项目中安装babel，和babel的几个模块：
npm install ba...

2020-05-27

77浏览

0评论

Javascript实现信息滚动效果

本文实例为大家分享了js信息滚动效果的具体代码，供大家参考，具体内容如下向上无缝滚动：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><...

2020-05-27

76浏览

0评论

Javascript循环删除数组中元素的几种方法示例

本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法，分享出来供大家参考学习，下面来看看详细的介绍：发现问题大家在码代码的过程中，经常会遇到在循环中移除指定元...

2020-05-27

81浏览

0评论

JavaScript实现简单的星星评分效果

大概实现思路就是用一张灰色的星星作为背景，然后让有颜色的星星图片定位在灰色的星星图片上，控制有颜色星星图片的宽度即可达到基本效果。如下图：下面上代码：<html> <head> <me...

2020-05-27

热门文章