JavaScript - 教程之家

70浏览

0评论

Node.js开发第三方微信公众平台

一、写在前面的话  Node.js是一个开放源代码、跨平台的JavaScript语言运行环境，采用Google开发的V8运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提...

2020-05-27

59浏览

0评论

原生JS实现图片网格式渐显、渐隐效果

先给出效果图：　　写的小组件支持图片的渐显、渐隐，并且可以是有序、随机两种方式。　　我采用的原型是属性写在构造函数内，方法写在原型对象内。方法写构造函数内有个问题，就是...

2020-05-27

58浏览

0评论

详解Angular 4 表单快速入门

基础知识
Angular CLI 基本使用
安装 Angular CLI (可选)
npm install -g @angular/cli创建新的项目
ng new PROJECT-NAME启动本地服务器
cd PROJECT-NAMEng serveAngular F...

2020-05-27

45浏览

0评论

JavaScript实现获取用户单击body中所有A标签内容的方法

本文实例讲述了JavaScript实现获取用户单击body中所有A标签内容的方法。分享给大家供大家参考，具体如下：var tbody = document.body;tbody.onclick = function (e) { getUrl(...

2020-05-27

45浏览

0评论

bootstrap multiselect 多选功能实现方法

官方教程http://www.kuitao8.com/demo/20140224/1/bootstrap-multiselect-master/index.html使用方法：第一步引用样式以及相关JS<link rel="stylesheet" href="css/bootstrap...

2020-05-27

62浏览

0评论

详解Nodejs之静态资源处理

前言刚开始用Nodejs写简单的web服务器的时候，总是感觉少了点什么。原来，我一直是在页面上输出什么Hello World！啊， It Works.之类的了。还确实没有处理关于CSS， JS这些引用的静态...

2020-05-27

48浏览

0评论

Vue2.0实现购物车功能

简介vue.js是由华人尤雨溪开发的一套MVVM框架。vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统，它非常适用于具有复杂交互逻辑的前端应用，如...

2020-05-27

45浏览

0评论

解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题

废话不多说了直接给大家贴代码了，具体代码如下所示：$('#myModal').on('shown', function() { $(document).off('focusin.modal');});//显示modal$('#myModal').modal('show');...

2020-05-27

41浏览

0评论

AngularJS 支付倒计时功能实现思路

说明：1、前端只负责展示倒计时，不具备实际功能；2、实际实现方式：数据库中设置一个每分钟执行一次的定时任务（故与实际情况会有一分钟以内的误差），只要订单创建时间超过15分钟会自动...

2020-05-27

53浏览

0评论

AngularJS 验证码60秒倒计时功能的实现

最近在做AngularJS 项目，这是写的一个60秒倒计时, angularjs 与jq不同，不是使用dom节点操作，而是数据操作，写倒计时，最好是使用$timeout与$interval ，不要使用settimeout与setin...

2020-05-27

47浏览

0评论

jquery实现图片放大点击切换

本文实例为大家分享了jquery放大点击切换图片展示的具体代码，供大家参考，具体内容如下html代码
<body><div class="boss"> <div class="bigimg"> <img src="img/s1.jpg" heig...

2020-05-27

62浏览

0评论

Node.js连接mongodb实例代码

前面介绍了node.js操作mysql以及redis的内容，这里继续学习操作mongodb的内容。安装驱动安装命令cnpm install mongodb安装成功数据库操作因为mongodb是文档类型的数据库，与mys...

2020-05-27

59浏览

0评论

jquery仿京东商品放大浏览页面

jquery仿京东商品页面
京东页面大家都很熟悉，进入商品页面把鼠标放在图片上旁边会出现一个放大的效果，接下来就带大家看看怎么实现的！！！！仿京东商品页面css的代码！！！*{ margin: 0;...

2020-05-27

71浏览

0评论

javascript中mouseenter与mouseover的异同

不知道大家在面试或者工作过程中有没有被 mouseover 和 mouseenter (对应的是 mouseout 和 mouseleave )事件所困扰。自己之前在面试的时候就有被问到诸如mouseover和mousee...

2020-05-27

55浏览

0评论

js评分组件使用详解

我们知道，许多外卖app都有评分的星星，这里我总结一下对评分组件的开发，学习视频：饿了么实战（慕课网）1.html部分
<div class="star" :class="starType"> <span v-for="itemClass...

2020-05-27

47浏览

0评论

JavaScript实现移动端轮播效果

这个轮播代码不是我自己所写，是偶然游览一个简友的主页看到的，今天刚看了事件，决定来逐行分析一下这个代码。首先，移动端与电脑端不同的是移动端只能通过触摸和手势来发生行为，所...

2020-05-27

65浏览

0评论

D3.js进阶系列之CSV表格文件的读取详解

前言之前在入门系列的教程中，我们常用 d3.json() 函数来读取 json 格式的文件。json 格式很强大，但对于普通用户可能不太适合，普通用户更喜欢的是用 Microsoft Excel 或 OpenOf...

2020-05-27

108浏览

0评论

vue脚手架vue-cli的学习使用教程

vue-cli的模板 vue-cli的脚手架项目模板有webpack-simple 和 webpack 两种的区别在于webpack-simple 没有包括Eslint 检查等功能vue-cli的项目结构.|-- build...

2020-05-27

65浏览

0评论

JavaScript实现一个空中避难的小游戏

前言最近在看js中的事件，之前也一直有用到事件，用到最多的就是onclick单击事件，还有填写表单信息时的用到的onfocus聚焦时间，和onblur事件，最近看到了onmousemove鼠标移动事件，觉...

2020-05-27

84浏览

0评论

利用webstrom调试Vue.js单页面程序的方法教程

前言
使用 webstrom 调试 Vue.js 单页面程序，理论上来说应该是支持所有用 webpack 构建的应用程序webstrom 版本：2017.1代码：使用 vue-cli 构建的基础单页面应用修改 webpack...

2020-05-27

63浏览

0评论

深入理解vue-loader如何使用

.vue格式的文件使用类似HTML的语法描述vue组件。每个.vue文件包含三种最基本的语言块：,<template> <div class="example">{{ msg }}</div></template><script>export default...

2020-05-27

54浏览

0评论

JS实现经典的中国地区三级联动下拉菜单功能实例【测试可用】

本文实例讲述了JS实现经典的中国地区三级联动下拉菜单功能。分享给大家供大家参考，具体如下：1.首先是js文件(area.js)：function Dsy(){this.Items = {};}Dsy.prototype.add = f...

2020-05-27

95浏览

0评论

详解Vue 开发模式下跨域问题

设置请求头部后端设置请求头部Access-Control-Allow-Credentials: true和Access-Control-Allow-Origin: www.xxx.com 前端post请求设置withCredentials=true 这里用了ax...

2020-05-27

147浏览

0评论

JS实现微信里判断页面是否被分享成功的方法

本文实例讲述了JS实现微信里判断页面是否被分享成功的方法。分享给大家供大家参考，具体如下：var shareData = { img_url: "", img_width: 200, img_height: 200, link: ''...

2020-05-27

51浏览

0评论

详解vue-cli开发环境跨域问题解决方案

前后端分离开发中必要会遇到的问题—跨域。在使用vue开发的时候，开始为了解决跨域问题。采用的是CORS（Cross-origin resource sharing）。后台在响应头中添加Access-Control-All...

2020-05-27

54浏览

0评论

关于vue.js v-bind 的一些理解和思考

一、v-bind 初探它是一个 vue 指令，用于绑定 html 属性，如下：<div id="app"> <p v-bind:title="title">html属性不能使用双大括号形式绑定，只能使用v-bind指令</p></div>.........

2020-05-27

99浏览

0评论

Bootstrap fileinput文件上传组件使用详解

一、使用方法1、导入依赖的js和css文件：<link rel="stylesheet" href="css/bootstrap.min.css" /><link rel="stylesheet" href="css/fileinput.min.css" /><script type="te...

2020-05-27

65浏览

0评论

ajax +NodeJS 实现图片上传实例

前台用jquery的ajax发请求，后台用NodeJS 的multer模块实现图片上传。这个demo给我的感悟是一定要自己能实现出来，而不是看了别人写好就直接“拿来”用
note(注意)大家先在publ...

2020-05-27

109浏览

0评论

nodejs利用ajax实现网页无刷新上传图片实例代码

通常情况下上传图片是要通过提交form表单来实现的，但是这又不可避免的产生了网页转。
利用ajax技术和FormData()对象可以有效的解决这个问题废话不多说直接上关键代码：html部...

2020-05-27

52浏览

0评论

nodejs mysql 实现分页的方法

这两天学习了nodejs mysql 实现分页，很重要，所以，今天添加一点小笔记。
代码如下
var express = require('express');var router = express.Router();var settings = require('...

2020-05-27

65浏览

0评论

vue使用Axios做ajax请求详解

vue2.0之后，就不再对vue-resource更新，而是推荐使用axios1. 安装 axios$ npm install axios或$ bower install axios2. 在要使用的文件中引入axiosimport axios from 'axios'3...

2020-05-27

51浏览

0评论

webpack打包单页面如何引用的js

目录结构如下图所示：webpack打包代码如下：var webpack = require('webpack');var fs = require('fs');var path = require('path');var fse = require('fs-extra');const debu...

2020-05-27

45浏览

0评论

JQueryMiniUI按照时间进行查询的实现方法

考核的事情已经变成了上一年了，当时要做一个图书管理系统，但是当时因为在按照时间进行搜索的时候，无法将前台的数据传递到后台，所以失去了一部分，现在重看，其实也不过尔尔，反而然我...

2020-05-27

53浏览

0评论

浅析 NodeJs 的几种文件路径

一、挖坑 & 掉坑：缘起一段这样的代码：fs.readFile('./docs/use.md', function (err, buffer) { if (err) { return console.log('error: ', err); } console.log('OK');...

2020-05-27

59浏览

0评论

详解nodejs异步I/O和事件循环

事件驱动模型
现在我们来看看nodejs中的事件驱动和异步I/O是如何实现的.nodejs是单线程(single thread)运行的，通过一个事件循环(event-loop)来循环取出消息队列(event-queue...

2020-05-27

58浏览

0评论

jstree单选功能的实现方法

在选择部门时，因为每个人只有一个部门，因此要实现单选。在jstree的core里加入 “multiple”: false,注意是写在core如下所示'plugins': ["wholerow", "checkbox", "types"],'c...

2020-05-27

39浏览

0评论

Angular 4 指令快速入门教程

本系列教程的开发环境及开发语言： Angular 4 + Angular CLI TypeScript基础知识
Angular CLI 基本使用
安装 Angular CLI (可选)
npm install -g @angular/cli创...

2020-05-27

65浏览

0评论

使用vue和datatables进行表格的服务器端分页实例代码

想法很简单，用vue生成表格的行，datatables生成分页信息，不想过程曲折，特此记录。datatables端代码：
$('#dataTables-example').DataTable({ responsive: true, "serv...

2020-05-27

65浏览

0评论

jQuery用户头像裁剪插件cropbox.js使用详解

几乎每一个网页是必备图片上传，图片裁剪功能，这里通过cropbox.js插件实现该功能。<script src="js/jquery-1.11.1.min.js"></script><script src="js/cropbox.js"></script><s...

2020-05-27

45浏览

0评论

jquery dataTable 后台加载数据并分页实例代码

使用 dataTable后台加载数据并分页。网上版本很多，但很多都是不能用或者不详细的，这里是已经验证过的。
引用 js文件<script src="static/ace/js/jquery-2.0.3.min.js"></scri...

2020-05-27

53浏览

0评论

Vue中保存用户登录状态实例代码

首先我们假设，这里的登录组件（register.vue）是App.vue组件的子组件，是通过路由进入登录组件的。
登录组件中用户点击登录后，后台会传过来一个用户名，我的App.vue组件中需要拿到这...

2020-05-27

63浏览

0评论

深入理解Angular4中的依赖注入

在Angular中使用依赖注入，可以帮助我们实现松耦合，可以说只有在组件中使用依赖注入才能真正的实现可重用的组件。
如果我们有个服务product.service.ts，其中export了一个Produ...

2020-05-27

46浏览

0评论

Vue.js对象转换实例

废话不多说了，直接给大家贴代码了。具体代码如下所示： var app = new Vue({el: "#app",data: {login: {name: "",psd: ""}},methods: {submit: function() {//转换成自己想要...

2020-05-27

61浏览

0评论

微信小程序多张图片上传功能

微信小程序上传图片每次只能上传一张，所有很多朋友就会问想要多张图片上传怎么办？这里使用递归，当上传完一张图片后重新执行这个函数，直到所有的图片都上传完成后，就不再调用该函...

2020-05-27

49浏览

0评论

详解vee-validate的使用个人小结

学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。英文文档可能会有不理解的地方，推荐大家看这篇博客下面来简单总结一下我的使用：一、安装npm install...

2020-05-27

107浏览

0评论

详解Node.js 命令行程序开发教程

一种编程语言是否易用，很大程度上，取决于开发命令行程序的能力。
Node.js 作为目前最热门的开发工具之一，怎样使用它开发命令行程序，是 Web 开发者应该掌握的技能。下面就是我在...

2020-05-27

48浏览

0评论

vue2.0 自定义日期时间过滤器

方法一：// template{{a | data}}//scriptdata:{ a: Date.now()}filters: { data:function (input) { var d = new Date(input); var year = d.getFullYear(); var...

2020-05-27

54浏览

0评论

vue2.0 中#$emit,$on的使用详解

vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用，改用$emit,$onvm.$on( event, callback )监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事...

2020-05-27

71浏览

0评论

Ionic3 UI组件之Gallery Modal详解

Gallery Modal可以理解为相册的预览界面。可以显示网络图片，也可以显示base64Image。在这个例子中，我用来实现图片的预览功能。相机拍照，或者相册选择图片后，用缩略图组件显示缩...

2020-05-27

41浏览

0评论

微信小程序Redux绑定实例详解

微信小程序Redux绑定实例详解安装clone或者下载代码库到本地:git clone https://github.com/charleyw/wechat-weapp-redux将dist/wechat-weapp-redux.js(或者拷贝minify的也...

2020-05-27

热门文章