JavaScript - 教程之家

66浏览

0评论

详解使用nodeJs安装Vue-cli

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

64浏览

0评论

JavaScript简单拖拽效果（1）

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

58浏览

0评论

Angular.JS中的this指向详解

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

54浏览

0评论

vue之nextTick全面解析

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

58浏览

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

63浏览

0评论

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

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

2020-05-27

55浏览

0评论

JavaScript中offsetWidth的bug及解决方法

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

67浏览

0评论

vue v-on监听事件详解

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

2020-05-27

51浏览

0评论

js实现放大镜特效

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

2020-05-27

45浏览

0评论

原生js轮播特效

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

49浏览

0评论

BootStrap 导航条实例代码

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

63浏览

0评论

nodejs6下使用koa2框架实例

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

2020-05-27

69浏览

0评论

Javascript实现信息滚动效果

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

50浏览

0评论

vue-cli webpack 开发环境跨域详解

edit dev.proxyTable option in config/index.js. The dev server is using http-proxy-middleware for proxying为了解决跨域问题，通常会使用Jsonp，但是jsonp只能是get请求...

2020-05-27

49浏览

0评论

Javascript实现倒计时时差效果

本文实例为大家分享了js倒计时时差效果的实现代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>当...

2020-05-27

60浏览

0评论

Vue-cli proxyTable 解决开发环境的跨域问题详解

和后端联调时总是会面对恼人的跨域问题，最近基于Vue开发项目时也遇到了这个问题，两边各自想了一堆办法，查了一堆资料，加了一堆参数，最后还得我把自己的localhost映射成上线时将要...

2020-05-27

57浏览

0评论

JS验证全角与半角及相互转化的介绍

1.什么是全角和半角?全角：是一种电脑字符，是指一个全角字符占用两个标准字符(或两个半角字符)的位置。全角占两个字节。汉字字符和规定了全角的英文字符及国标GB2312-80中...

2020-05-27

61浏览

0评论

Vue中img的src属性绑定与static文件夹实例

不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。
大部分的情况中，是开发者使用了错误的写法，例如：<img src="{{ imgUrl }}"/>这样写肯定是不...

2020-05-27

56浏览

0评论

nodejs+websocket实时聊天系统改进版

本文属于nodejs+websocket实时聊天系统的改进版本，具体内容如下自己也是真的菜，一个websocket简单聊天系统硬被我搞了那么些天。看来以后还是得写更多的代码。client.html:<!D...

2020-05-27

44浏览

0评论

AngularJS使用ng-class动态增减class样式的方法示例

本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考，具体如下：使用ng-class可以实现动态地增减样式：<!DOCTYPE html><html ng-app="formExamp...

2020-05-27

54浏览

0评论

AngularJS自定义指令之复制指令实现方法

本文实例讲述了AngularJS自定义指令之复制指令实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-wi...

2020-05-27

73浏览

0评论

easyUI下拉列表点击事件使用方法

本文实例为大家分享了使用easyUI下拉列表点击事件的方法，供大家参考，具体内容如下可以通过input 和select来创建下拉列表其中select的创建如下：通过json来创建js数组[{ "id"...

2020-05-27

77浏览

0评论

jQuery Validate 校验多个相同name的方法

导读：在表单页中有如下代码 <form> <input name="zhai"/> <input name="zhai"/> <input name="zhai"/> </form>jquery validate在对多个相同...

2020-05-27

56浏览

0评论

AngularJS折叠菜单实现方法示例

本文实例讲述了AngularJS折叠菜单实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initia...

2020-05-27

180浏览

0评论

Vue2 使用 Echarts 创建图表实例代码

在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。一、安装插件使用 cnpm 安装 Ec...

2020-05-27

58浏览

0评论

微信小程序实现锚点定位楼层跳跃的实例

微信小程序实现楼层锚点跳跃，点击不同的锚点进行位置跳跃：
利用：scroll-into-view 来实现效果图如下：WXML:<scroll-view class="content" scroll-into-view="{{toView}}" scrol...

2020-05-27

65浏览

0评论

微信小程序网络请求wx.request详解及实例

微信小程序网络请求wx.request详解及实例如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。...

2020-05-27

54浏览

0评论

基于BootStrap的前端分页带省略号和上下页效果

bootstrap前端分页自带效果。首先是百度下获得资源http://blog.csdn.net/u013025627/article/details/50485327其实15年的时候我师兄给过我一个文档不知道在哪儿搞得，我靠那...

2020-05-27

69浏览

0评论

微信小程序页面开发注意事项整理

小程序的开发注意事项：1、js文件每个页面对应的js文件可以定义页面onReady，onLoad，onShow，onHide，onUnload，还有页面的数据，自定义的函数要写到一块，内部约定是都写到默认函数的后面...

2020-05-27

82浏览

0评论

详解Windows下安装Nodejs步骤

最近打算把我们的微信端用Vue.js重构，为什么选择Vue.js，一是之前使用的是传统的asp.net mvc，多页面应用用户体验比单页面要差。二是使用过Angular.js，感觉对开发人员要求较高，上...

2020-05-27

热门文章