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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

关于网络环境：ionic开发环境不需要FQ。我这里没有设置FQ，亲测可行。但是angular2的开发环境搭建，则需要FQ网络，否则很多包会安装失败。建议大家在搭建开发环境的时候，不要参考百...

微信小程序 http请求的session管理作为一个开发JavaWeb应用的程序猿，都喜欢将用户登录后的用户信息（比如说用户id,用户名称）放入session中保存，之后在业务逻辑的开发中需要用到...

微信小程序 地图map实例详解
wxml：class="button" bindtap="getlocation" style="margin-top:30px" markers="{{markers}}">定位 longitude="{{longitude}}" latitude="{{la...

之前关于angular ui-grid过滤器设置，最近需要回顾，就顺便发到随笔上了
var app = angular.module('app', ['ui.grid', 'ui.grid.edit']); app.controller('MainCtrl', ['$sco...

本文介绍如何在ionic项目中使用设备的camera。Ionic版本：v3.2.0 / 2017-05-10 / MIT Licensed / Release Notes1）第一步是安装ionic-native/core。所有用到Native的功能，这一步...

本文将使用nodeJS实现一个简单的网页爬虫功能网页源码使用http.get()方法获取网页源码，以hao123网站的头条页面为例http://tuijian.hao123.com/hotrankvar http = require('h...

jQuery类中添加多个属性$('#five .a').css({ color:'blue', border:'2px solid green', background:'blue'});jQuer为元素添加类$('#five .a').addClass('funny');HTML c...

想使用angularjs里的htpp向后台发送请求,现在有个用户唯一识别的token想要放到headers里面去，也就是{headres:{'token':1}}index.html里引入以下js：angular.module('app.facto...

废话不多说，直接上代码//引入插件var gulp = require('gulp');// var Proxy = require('gulp-connect-proxy');var connect = require('gulp-connect');var proxy = require(...

在项目中，经常会用到ajax，比如实现局部刷新，比如需要前后端交互等，这里呢分享局部刷新的两种方法，主要用的是ajax里面的.load()。第一种：当某几个页面都有相同的头部、导航、底部...

无论是web开发还是app开发，autocomplete是常用组件之一。可惜截止到目前，ionic官方并未提供此组件。ionic2-autocomplete是GitHub上的开源的Ionic2组件，本文将讲解如何在自己的...

前言当我们在使用vue构建中大型项目时，通常会遇到某些经常用的方法以及属性，比如说搭建一个员工管理系统，请求的url需要一个共同的前缀，或者在某几个view中需要用到时间，这个时间...