Vue表单验证插件的制作过程
前言
前段时间，老大搭好了Vue的开发环境，于是我们愉快地从JQ来到了Vue。这中间做的时候，在表单验证上做的不开心，看到vue的插件章节，感觉自己也能写一个，因此就自己开始写了一个表...
2020-05-27
JS中正则表达式全局匹配模式 /g用法详解
本文章来详细介绍js中正则表达式的全局匹配模式 /g用法,代码如下:var str = "123#abc"; var re = /abc/ig; console.log(re.test(str)); //输出ture console.log(re.test(st...
2020-05-27
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
本文实例讲述了jQuery插件FusionCharts绘制的3D环饼图效果。分享给大家供大家参考，具体如下：1、index.html页面：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//...
2020-05-27
使用canvas及js简单生成验证码方法
在很多时候都需要用到验证码，前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是：1.生成一张画布canvas2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填...
2020-05-27
JS异步文件上传（兼容IE8+）
在非html5的情况下是无法用ajax把文件推送到后端的，只能通过form表单提交。但是form表单提交后浏览器会根据响应头与状态码对当前页面进行渲染、下载或跳转等行为，返回text、h...
2020-05-27
基于JQuery和原生JavaScript实现网页定位导航特效
慕课网的一个小课程，练习了一遍，不足之处，欢迎指正（照片在本地，大家可以着重看代码哈）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱淘气购物网－JQue...
2020-05-27
jQuery实现分页功能（含ajax请求、后台数据、附完整demo）
需求分析 1）需要首页，末页功能 2）有点击查看上一页，下一页功能 3）页码到当前可视页码最后一页刷新页面实现思路也是分为三部分处理 1）点击首页，末页直接显示第一页或者...
2020-05-27
使用jQuery卸载全部事件的思路详解
说到事件, jquery 做了不少,当然也有 data 的很多功劳,因为原生 js 不支持匿名卸载事件的,而她为了开发者好用支持了匿名的匿名事件的思路首先她会判断目标是否是元素或者对...
2020-05-27
webpack独立打包和缓存处理详解
前言先前写了一篇webpack入门的文章《webpack入门必知必会》，简单介绍了webpack拆分、打包、压缩的使用方法。本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中...
2020-05-27
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
jQuery中animate()的方法用于创建自定义动画的函数。
返回值:jQuery animate(params, [duration], [easing], [callback])如果使用的是“hide”、“show”或“toggle”这样...
2020-05-27
JavaScript实现实时更新系统时间的实例代码
一、Js代码 function getTime(){ str = "当前系统时间：" var p = document.getElementById("sy_time"); time = new Date(); year = time.getFullYear();...
2020-05-27
利用jquery正则表达式在页面验证url网址输入是否正确
本文介绍的是使用jQuery正则表达式在前台页面验证url网址输入是否正确，代码如下：<!DOCTYPE html><html><head><script type="text/javascript" src="http://code.jquery.com/j...
2020-05-27
jQuery使用unlock.js插件实现滑动解锁
unlock.js插件具有以下特点：滑动解锁。尺寸、颜色、字体大小等都可以个性化定制。完成解锁后会有回调函数，用来触发进一步的数据处理。如何使用１. 首先在页面中引入unlock.css...
2020-05-27
jQuery自定义图片上传插件实例代码
摘要1.jquery自定义插件方法
2.表单file样式调整
3.利用formData,ajax上传图片
4.js,css弹出层
5.springmvc上传图片效果调用方式$("#picUrl").imgUpload({})，在代码内部为调...
2020-05-27
关于axios返回空对象的问题解决
在本文开始之前，关于axios基本入门用法可以参考这篇文章，下面来看看本文的详细内容吧。问题描述：使用 axios 请求数据的时候，已经请求成功，返回的参数也正确。但打印出来的时候就...
2020-05-27
Vue.js实战之组件的进阶
一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 HTML 代码，一个简单的组件就完成了 一个完整的组件，除了 <te...
2020-05-27
Vue.js实战之使用Vuex + axios发送请求详解
前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型...
2020-05-27
Vue.js实战之通过监听滚动事件实现动态锚点
前言前几天工作中在做项目的时候，需要实现一个动态锚点的效果，具体效果如下：如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题： 1. 在没有 jQuery 的 anima...
2020-05-27
self.attachevent is not a function的解决方法
注意原因：window对象的attachEvent方法只在IE浏览器中有效，其它浏览器不支持这个方法，所以报错。self.attachevent is not a function其实就是以前的代码， 没有做chrome、firefo...
2020-05-27
Vue.js render方法使用详解
前注：版本限制：Vue.js 2.0+
1.0无法使用没耐心，只关心有什么用的，想知道其大概是获取什么东西后生成的，可以直接看结尾的总结非使用render方法的情况完整代码：<!DOCTYPE html><ht...
2020-05-27
使用gulp搭建本地服务器并实现模拟ajax
本文主要给大家总结了在工作中可能会用到的小工具，在此记录一下。可以实现的功能有：
1. 本地http服务器
2.页面实时刷新
3.可以模拟ajax请求第一步，新建p...
2020-05-27
ionic2打包android时gradle无法下载的解决方法
问题之前在使用ionic2时使用建立android平台命令或者编译时，总是会在获取gradle时卡住，等很久进度也不变化，导致命令超时失败。于是经过查阅资料和自己实践测试，总结出以下办法...
2020-05-27
详解基于webpack和vue.js搭建开发环境
前言在对着产品高举中指怒发心中之愤后，真正能够解决问题的是自身上的改变，有句话说的好：你虽然改变不了全世界，但是你有机会改变你自己。秉承着“不听老人言，吃亏在眼前”的优良...
2020-05-27
关于vuex的学习实践笔记
Vuex 简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
例如(trav...
2020-05-27
详解用webpack2.0构建vue2.0超详细精简版
npm init -y 初始化项目安装各种依赖项npm install --save vue 安装vue2.0npm install --save-dev webpack@^2.1.0-beta.25 webpack-dev-server@^2.1.0-beta.9 安装webpack...
2020-05-27
详解使用fetch发送post请求时的参数处理
详解使用fetch发送post请求时的参数处理不考虑古董浏览器之后，使用fetch来发送ajax请求，变得非常爽快和时尚。但是，发送post请求的时候，把笔者卡了一下。后台如下获取参数时，总是...
2020-05-27
webpack2.0搭建前端项目的教程详解
一、什么是webpack:webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包...
2020-05-27
JavaScript使用原型和原型链实现对象继承的方法详解
本文实例讲述了JavaScript使用原型和原型链实现对象继承的方法。分享给大家供大家参考，具体如下：实际上JavaScript并不是一门面向对象的语言，不过JavaScript基于原型链的继承方...
2020-05-27
js获取指定时间的前几秒
最近项目上有一个需求是：根据一张图片的拍摄时间获取到这个时间前二后三的一个五秒钟的视频信息，通过查找相关资料写了一个方法拿来记录分享一下。//指定时间减2秒function re...
2020-05-27
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
前言本文要实现的效果是在输入框内无文字时，提交button是不能点击状态，在输入文字后会变为可点击状态，效果图如下：实现方法：
<div> <div> <textarea name="" id="" rows="3" c...
2020-05-27
JS二叉树的简单实现方法示例
本文实例讲述了JS二叉树的简单实现方法。分享给大家供大家参考，具体如下：今天学习了一下 二叉树的实现，在此记录一下简单的二叉树实现，并且实现升序和降序排序输出function Node...
2020-05-27
Ajax验证用户名或昵称是否已被注册
JavaScript中XMLHttpRequest对象是整个Ajax技术的核心，它提供了异步发送请求的能力 。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。页面：简单的输...
2020-05-27
JS实现复选框的全选和批量删除功能
如图示：功能描述：在勾选了全选时，所有的商品都会勾选，在取消全选时，取消所有物品的勾选。如果点击批量删除，删除所勾选的商品。<td align="center" width="12%" > <input type="ch...
2020-05-27
微信小程序 图片绝对定位(背景图片)
微信小程序 图片绝对定位前言：在小程序中，有时需要用到背景图片，但是如果使用background-image的话，就无法控制图片的大小，background-image一般用于将图片压缩为1像素的背景图片...
2020-05-27
微信小程序 数据遍历的实现
制作数据遍历的步骤在index.js中加入数据。在index.wxml中读取数据。 wx:for-item可以指定数组当前元素的变量名 wx:for-index可以指定数组当前下标的变量名 这两...
2020-05-27
微信小程序 页面跳转如何实现传值
微信小程序 页面跳转如何实现传值（1）页面跳转如何传值（实现跳转到不同页面）点击页面WXML:加入自定义属性（data-category="{{categoryTitle}}"） <view class="more" catchtap="onMo...
2020-05-27
微信小程序中的onLoad详解及简单实例
微信小程序中的onLoad
onLoad是一个生命周期函数，表示页面加载
onLoad默认有一个Object类型的参数，是指其他页面打开当前页面所调用的 query 参数举个栗子~
当我们在页面first...
2020-05-27
Angularjs 实现移动端在线测评效果(推荐)
注：此文所用的angular版本为 1.6一、运行效果图二、需求1. 点击选项时，背景变为黄色（即选中状态），并且自动切换到下一题2. 切换到下一题时，顶部进度随之改变3. 选中时要把对应的分...
2020-05-27
js实现按座位号抽奖
最近一个项目需要实现一个按座位号抽奖的效果，抽奖现场有多个区域，抽奖时随机选取其中一个区域，再在这个区域中随机选取一排，最后在这排中随机选取一个座位号，区域、排号及座位号...
2020-05-27
JavaScript结合HTML DOM实现联动菜单
本文实例为大家分享了js三级联动菜单展示的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE HTML><html><head><title>联动菜单</title><meta charset="utf-8" /><scrip...
2020-05-27
JS实现的二叉树算法完整实例
本文实例讲述了JS实现的二叉树算法。分享给大家供大家参考，具体如下：<!DOCTYPE HTML><head> <title>20130328BinaryTree</title> <metahttp-equiv="Content-Type" content...
2020-05-27
大白话讲解JavaScript的Promise
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念...
2020-05-27
JS优化与惰性载入函数实例分析
本文实例讲述了JS优化与惰性载入函数。分享给大家供大家参考，具体如下：惰性载入函数由于现在浏览器之间的差异，为了实现跨浏览器工作，很多函数要书写大量if语句或者try…catch…...
2020-05-27
js遍历获取表格内数据的方法(必看)
本文将介绍如何使用js获取表格内某一单元格的内容，表格由table,tr,td等html标记组成。table表示表格，tr表示行，td表示行中列。1、一般的表格结构如下<table> <tr> <td>id</td>...
2020-05-27
selenium 与 chrome 进行qq登录并发邮件操作实例详解
selenium 与 chrome 进行qq登录并发邮件操作实例详解出现的问题：qq邮箱各种iframe需要切换，延时是必须的，通过各种方法找元素，qq邮件正文的iframe name是变化的，其他几种方法都不...
2020-05-27
javascript中this用法实例详解
本文实例讲述了javascript中this用法。分享给大家供大家参考，具体如下：JavaScript中的this含义非常丰富，它可以是全局对象，当前对象或者是任意对象，这都取决于函数的调用方式。函...
2020-05-27
详解nodejs爬虫程序解决gbk等中文编码问题
使用nodejs写了一个爬虫的demo，目的是提取网页的title部分。
遇到最大的问题就是网页的编码与nodejs默认编码不一致造成的乱码问题。nodejs支持utf8, ucs2, ascii, binary,...
2020-05-27
详谈js遍历集合(Array,Map,Set)
Array可以使用下标，Map和Set不能使用下标，ES6引入了iterable类型，Array,Map,Set都属于iterable类型，它们可以使用for...of循环来遍历：var a = ['A', 'B', 'C'];var s = new Set([...
2020-05-27
ES6字符串模板，剩余参数，默认参数功能与用法示例
本文实例讲述了ES6字符串模板，剩余参数，默认参数功能与用法。分享给大家供大家参考，具体如下：这里介绍一下字符串模板以及剩余参数，默认参数的概念以及使用。
先来说说字符串模板...
2020-05-27
ES6中的箭头函数实例详解
本文实例讲述了ES6中的箭头函数。分享给大家供大家参考，具体如下：语法我们先来看看箭头函数的语法：([param] [, param]) => { statements}param => expressionparam 是参数，根...
2020-05-27
