JavaScript运动框架 解决防抖动问题、悬浮对联（二）
本文实例是对JavaScript运动框架（一）的应用scrollTop：有时候网页很长，其高度大于显示器高度，会产生滚动，那么在高度方向上，“滚走”的部分就是scrollTopvar scrollTop = document.d...
2020-05-27
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
在某些情况下，反馈图标未正确显示。默认情况下，Bootstrap定义反馈图标位置如下：.has-feedback .form-control-feedback { top: 25px; right: 0;}.form-horizontal .has-feedb...
2020-05-27
JavaScript运动框架 多物体任意值运动（三）
前面两篇都是单物体的运动，本文开始讲多物体的运动，比如多个div的各自不同的属性如宽，高，字体大小，透明度的缓冲运动变化。从本文起，就不再使用offsetWdith,offsetHeight了等等，因...
2020-05-27
基于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
Bootstrap 表单验证formValidation 实现远程验证功能
最近项目用到了一个很强大的表单验证。记录下。官方地址：http://formvalidation.io/api/还有一点很重要：这个插件的Bootstrap最好用他们自带的，有点改动。不用再去Bootstrap官...
2020-05-27
JavaScript中offsetWidth的bug及解决方法
offsetWidth表示对象的可见宽度。
比如：#div1 { width: 100px; height: 200px; background: red;}结果：100#div1 { width: 100px; height: 200px; background: red; border:...
2020-05-27
Bootstrap 表单验证formValidation 实现表单动态验证功能
动态添加input并动态添加新验证方式！init状态： 点击“+”后： 验证后：知识点：1 先去官网下载：http://formvalidation.io/2 导入文件，注意事项我就不多说了在远程验证那篇我已经讲过...
2020-05-27
vue v-model表单控件绑定详解
v-model 指令在表单控件元素上创建双向数据绑定，下面一一进行示例解释。1、v-model 双向绑定文本<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></t...
2020-05-27
vue v-on监听事件详解
在html或jsp页面中我们总能碰到监听DOM事件来触发javaScript代码，下面我们就简单聊聊Vue.js中的监听事件是怎么处理的。在vue.js中监听事件是通过v-on指令来实现的，先看一下简...
2020-05-27
js实现放大镜特效
本文实例为大家分享了js放大镜特效的实现代码，供大家参考，具体内容如下<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <script s...
2020-05-27
原生js轮播特效
作为一名前端工程师，手写轮播图应该是最基本掌握的技能，以下是我自己原生js写的轮播，欢迎指点批评：首先css代码a{text-decoration:none;color:#3DBBF5;} *{ margin: 0;...
2020-05-27
第一次记录Bootstrap table学习笔记（1）
第一次使用Bootstrap-table这个表格插件，记录一下使用过程中遇到的问题。|引入CSS文件<link rel="stylesheet" href="bootstrap.min.css"><link rel="stylesheet" href="boot...
2020-05-27
Nodejs中使用captchapng模块生成图片验证码
Nodejs项目，在做图片验证码的时候遇到了难题。Nodejs没有图片库，以后会有，但是现在没有。网络上搜索一圈，有几个解决方案：1、采用第三方验证码程序，有的时候，项目可能不允许；2、使用...
2020-05-27
AngularJS全局警告框实现方法示例
本文实例讲述了AngularJS全局警告框实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA...
2020-05-27
BootStrap 导航条实例代码
一、默认的导航条制作默认的导航条，可分以下几步：1.在ul里加上（ul class="nav navbar-nav"）样式；2.在ul外加一层div或nav(ps:HTML5新属性)，并且添加样式（div class="navbar nabar-d...
2020-05-27
Bootstrap table学习笔记（2） 前后端分页模糊查询
在使用过程中，一边看文档一边做，遇到了一些困难的地方，在此记录一下，顺便做个总结：1、前端分页
2、后端分页
3、模糊查询
前端分页相当简单，在我添加了2w条测试数据的时候打开的很...
2020-05-27
详解Vue-cli 创建的项目如何跨域请求
问题描述：使用 Vue-cli 创建的项目，开发地址是 localhost:8023，需要访问 localhost:9000 上的接口分析原因：不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要...
2020-05-27
nodejs6下使用koa2框架实例
koa2里面使用ES7的语法，如async、await所以需要运行在node7.6之后；但在node7.6之前也可以利用babel是的koa2可以运行。
首先项目中安装babel，和babel的几个模块：
npm install ba...
2020-05-27
Javascript实现信息滚动效果
本文实例为大家分享了js信息滚动效果的具体代码，供大家参考，具体内容如下向上无缝滚动：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><...
2020-05-27
Javascript循环删除数组中元素的几种方法示例
本文主要跟大家分享了关于Javascript循环删除数组中元素的几种方法，分享出来供大家参考学习，下面来看看详细的介绍：发现问题大家在码代码的过程中，经常会遇到在循环中移除指定元...
2020-05-27
JavaScript实现简单的星星评分效果
大概实现思路就是用一张灰色的星星作为背景，然后让有颜色的星星图片定位在灰色的星星图片上，控制有颜色星星图片的宽度即可达到基本效果。如下图：下面上代码：<html> <head> <me...
2020-05-27
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
Javascript实现倒计时时差效果
本文实例为大家分享了js倒计时时差效果的实现代码，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>当...
2020-05-27
Vue-cli proxyTable 解决开发环境的跨域问题详解
和后端联调时总是会面对恼人的跨域问题，最近基于Vue开发项目时也遇到了这个问题，两边各自想了一堆办法，查了一堆资料，加了一堆参数，最后还得我把自己的localhost映射成上线时将要...
2020-05-27
JS验证全角与半角及相互转化的介绍
1.什么是全角和半角?全角：是一种电脑字符，是指一个全角字符占用两个标准字符(或两个半角字符)的位置。全角占两个字节。汉字字符和规定了全角的英文字符及国标GB2312-80中...
2020-05-27
Vue中img的src属性绑定与static文件夹实例
不少人在vue的开发中遇到这样一个问题： img的src属性绑定url变量，然而图片加载失败。
大部分的情况中，是开发者使用了错误的写法，例如：<img src="{{ imgUrl }}"/>这样写肯定是不...
2020-05-27
nodejs+websocket实时聊天系统改进版
本文属于nodejs+websocket实时聊天系统的改进版本，具体内容如下自己也是真的菜，一个websocket简单聊天系统硬被我搞了那么些天。看来以后还是得写更多的代码。client.html:<!D...
2020-05-27
AngularJS使用ng-class动态增减class样式的方法示例
本文实例讲述了AngularJS使用ng-class动态增减class样式的方法。分享给大家供大家参考，具体如下：使用ng-class可以实现动态地增减样式：<!DOCTYPE html><html ng-app="formExamp...
2020-05-27
AngularJS自定义指令之复制指令实现方法
本文实例讲述了AngularJS自定义指令之复制指令实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-wi...
2020-05-27
easyUI下拉列表点击事件使用方法
本文实例为大家分享了使用easyUI下拉列表点击事件的方法，供大家参考，具体内容如下可以通过input 和select来创建下拉列表其中select的创建如下：通过json来创建js数组[{ "id"...
2020-05-27
jQuery Validate 校验多个相同name的方法
导读：在表单页中有如下代码 <form> <input name="zhai"/><!-- 三个相同name的input --> <input name="zhai"/> <input name="zhai"/> </form>jquery validate在对多个相同...
2020-05-27
AngularJS折叠菜单实现方法示例
本文实例讲述了AngularJS折叠菜单实现方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initia...
2020-05-27
Vue2 使用 Echarts 创建图表实例代码
在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。一、安装插件使用 cnpm 安装 Ec...
2020-05-27
微信小程序实现锚点定位楼层跳跃的实例
微信小程序实现楼层锚点跳跃，点击不同的锚点进行位置跳跃：
利用：scroll-into-view 来实现效果图如下：WXML:<scroll-view class="content" scroll-into-view="{{toView}}" scrol...
2020-05-27
微信小程序网络请求wx.request详解及实例
微信小程序网络请求wx.request详解及实例如果说小程序API里面最重要一个接口是哪一个？那么首推wx.request()。相当于在小程序内请发起一个https请求（本地调试模式下支持HTTP）。...
2020-05-27
基于BootStrap的前端分页带省略号和上下页效果
bootstrap前端分页 自带效果。首先是百度下获得资源http://blog.csdn.net/u013025627/article/details/50485327其实15年的时候我师兄给过我一个文档不知道在哪儿搞得，我靠那...
2020-05-27
微信小程序页面开发注意事项整理
小程序的开发注意事项：1、js文件每个页面对应的js文件可以定义页面onReady，onLoad，onShow，onHide，onUnload，还有页面的数据，自定义的函数要写到一块，内部约定是都写到默认函数的后面...
2020-05-27
详解Windows下安装Nodejs步骤
最近打算把我们的微信端用Vue.js重构，为什么选择Vue.js，一是之前使用的是传统的asp.net mvc，多页面应用用户体验比单页面要差。二是使用过Angular.js，感觉对开发人员要求较高，上...
2020-05-27
JavaScript运动框架 多值运动（四）
多值运动，也就是对于某个对象来说，不仅仅只是其中一个属性值在变化，而是好多个，比如宽，高，字体，透明度等等同时变化
当然了，多值运动会产生一个问题，就是定时器何时关闭的问题！当然是...
2020-05-27
JavaScript运动框架 链式运动到完美运动（五）
基于前几篇的运动框架基础，本文主要讲解一下链式运动，就是运动完后接着再运动，比如很多网站中，一个方框的出现和退出：出现时先变宽再变高，退出时先变矮再变窄退出！
之前的模型是：
s...
2020-05-27
微信小程序中input标签详解及简单实例
微信小程序中input标签详解及简单实例使用input标签，我们都会，在微信小程序中使用，必定也是可以一下子就会的，但是却有些常用的属性无法按照习惯去使用：
我就用我最常用的来做例...
2020-05-27
微信小程序 wx.request方法的异步封装实例详解
wx-promise-request 是对微信小程序 wx.request 方法的异步封装。解决问题支持 Promise (使用 es6-promise 库)。
管理请求队列，解决 request 最大并发数超过 10 会报错的问...
2020-05-27
angularJS 发起$http.post和$http.get请求的实现方法
AngularJS发起$http.post请求代码如下：$http({ method:'post', url:'post.php', data:{name:"aaa",id:1,age:20} }).success(function(req){ console.log(req); })...
2020-05-27
bootstrap表单示例代码分享
本文实例为大家分享了bootstrap表单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Comp...
2020-05-27
angularjs封装$http为factory的方法
angularjs有本身封装的ajax服务$http，因为用惯了jQuery的ajax，所以，自己封装了一下angularjs的$http，代码如下
app.factory('dataFactory', function ($http, $q){ var factor...
2020-05-27
详解如何使用vue-cli脚手架搭建Vue.js项目
1. 前言vue-cli 一个简单的构建Vue.js项目的命令行界面整体过程：$ npm install -g vue-cli $ vue init webpack vue-admin $ cd vue-admin $ npm install $ npm run dev 后面...
2020-05-27
Node.JS利用PhantomJs抓取网页入门教程
前言当想用 nodejs 抓取一些网页 , 我第一反应想到的就是使用 http 模块 , 比如抓取百度首页:var http = require('http');var req = http.request('http://www.baidu.com/'...
2020-05-27
vue.js动态数据绑定学习笔记
对于vue.js的动态数据绑定，经过反复地看源码和博客讲解，总算能够理解它的实现了，心累~ 分享一下学习成果，同时也算是做个记录。完整代码GitHub地址：https://github.com/hanrengua...
2020-05-27
关于Bootstrap按钮组件消除黄框的方法
bootstrap的button边框问题最近在线上学习bootstrap时，发现很多童鞋都会遇到很多坑，有些很容易掉进去就出不来了；bootstrap框架在国内相对来说还是非常热的，毕竟上手快速，代码简...
2020-05-27
几种响应式文字详解
讲真，其实我也不知道该如何为此篇开头，因为响应式文字需不需要做其实我也没有深入探究过，但在学习其他网站的过程中，我发现了一些比较新奇的做法，所以想试着梳理一下，为何会出现这...
2020-05-27
