JavaScript - 教程之家

54浏览

0评论

vue货币过滤器的实现方法

自定义事件也可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。所以要让组件的 v-model 生效，它必须：
接受一个 value 属性在有新的 value 时触发 inpu...

2020-05-27

47浏览

0评论

vue2.0构建单页应用最佳实战

前言我们将会选择使用一些vue周边的库 vue-cli , vue-router , vue-resource , vuex1.使用vue-cli创建项目2.使用vue-router实现单页路由3.用vuex管理我们的数据流4.使用vue...

2020-05-27

46浏览

0评论

AngularJS页面传参的5种方式

Angular页面传参有多种办法，根据不同用例，我举5种最常见的（请在网页版知乎浏览答案）：1. 基于ui-router的页面跳转传参 (1) 在AngularJS的app.js中用ui-router定义路由，比如现在有...

2020-05-27

56浏览

0评论

Vue.js实战之Vuex的入门教程

前言在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式，详细点击这篇文章查看。但是如果是大型项目，很多时候都需要在子组件之间...

2020-05-27

27浏览

0评论

JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】

本文实例讲述了JS常见创建类的方法。分享给大家供大家参考，具体如下：Javascript是一种基于对象的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）...

2020-05-27

46浏览

0评论

vue-cli+webpack记事本项目创建

vue-cli+webpack记事本项目使用的是vue-cli2.0里面的项目构建工具webpack项目的准备工作：1.了解vue2.02.了解一些ES63.储备一些webpack知识参照项目地址：vue2.0构建单页应用最...

2020-05-27

47浏览

0评论

Node.js之网络通讯模块实现浅析

前言
想必我们在用Node.js用的最多的应该是创建http服务，所以对于每个Web开发工程师而言，Node.js的网络相关模块学习是必不可少。Node.js的网络模块架构
在Node.js的模块里面，...

2020-05-27

42浏览

0评论

微信小程序列表的上拉加载和下拉刷新的实现

微信小程序可谓是9月21号之后最火的一个名词了，一经出现真是轰炸了整个开发人员，当然很多App开发人员有了一个担心，微信小程序的到来会不会让移动端App颠覆，让移动端的程序员失...

2020-05-27

100浏览

0评论

微信小程序网络请求的封装与填坑之路

以前写过一篇关于微信小程序上拉加载，上拉刷新的文章，今天写的是关于小程序网络请求的封装。在这里首先声明一个小程序文档的bug，导致大伙们在请求的时候，服务器收到不到参数的...

2020-05-27

55浏览

0评论

如何选择jQuery版本 1.x? 2.x? 3.x?

前言大家在选择版本的时候，一般原则是越新越好，但其实不然，jQuery版本是在不断进步和发展的，最新版是当时最高技术水平，也是最先进的技术理念。如何选择jQuery版本是个值得思考的...

2020-05-27

41浏览

0评论

JS中使用正则表达式g模式和非g模式的区别

先给大家说下js正则表达式中的g到底是什么意思g是global的缩写啊！就是匹配全部可匹配结果，如果你不带g,在正则过程中，字符串是从左至右匹配的，如果匹配成功就不再继续向右匹配了...

2020-05-27

54浏览

0评论

Vue表单验证插件的制作过程

前言
前段时间，老大搭好了Vue的开发环境，于是我们愉快地从JQ来到了Vue。这中间做的时候，在表单验证上做的不开心，看到vue的插件章节，感觉自己也能写一个，因此就自己开始写了一个表...

2020-05-27

38浏览

0评论

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

47浏览

0评论

jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制的3D环饼图效果。分享给大家供大家参考，具体如下：1、index.html页面：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//...

2020-05-27

44浏览

0评论

使用canvas及js简单生成验证码方法

在很多时候都需要用到验证码，前端验证码需要知道Html5中的canvas知识点。验证码生成步骤是：1.生成一张画布canvas2.生成随机数验证码 3.在画布中生成干扰线 4.把验证码文本填...

2020-05-27

57浏览

0评论

JS异步文件上传（兼容IE8+）

在非html5的情况下是无法用ajax把文件推送到后端的，只能通过form表单提交。但是form表单提交后浏览器会根据响应头与状态码对当前页面进行渲染、下载或跳转等行为，返回text、h...

2020-05-27

44浏览

0评论

基于JQuery和原生JavaScript实现网页定位导航特效

慕课网的一个小课程，练习了一遍，不足之处，欢迎指正（照片在本地，大家可以着重看代码哈）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱淘气购物网－JQue...

2020-05-27

34浏览

0评论

jQuery实现分页功能（含ajax请求、后台数据、附完整demo）

需求分析　　1）需要首页，末页功能　　2）有点击查看上一页，下一页功能　　3）页码到当前可视页码最后一页刷新页面实现思路也是分为三部分处理　　1）点击首页，末页直接显示第一页或者...

2020-05-27

48浏览

0评论

使用jQuery卸载全部事件的思路详解

说到事件, jquery 做了不少,当然也有 data 的很多功劳,因为原生 js 不支持匿名卸载事件的,而她为了开发者好用支持了匿名的匿名事件的思路首先她会判断目标是否是元素或者对...

2020-05-27

44浏览

0评论

webpack独立打包和缓存处理详解

前言先前写了一篇webpack入门的文章《webpack入门必知必会》，简单介绍了webpack拆分、打包、压缩的使用方法。本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中...

2020-05-27

126浏览

0评论

jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题

jQuery中animate()的方法用于创建自定义动画的函数。
返回值:jQuery animate(params, [duration], [easing], [callback])如果使用的是“hide”、“show”或“toggle”这样...

2020-05-27

47浏览

0评论

JavaScript实现实时更新系统时间的实例代码

一、Js代码 function getTime(){ str = "当前系统时间：" var p = document.getElementById("sy_time"); time = new Date(); year = time.getFullYear();...

2020-05-27

47浏览

0评论

利用jquery正则表达式在页面验证url网址输入是否正确

本文介绍的是使用jQuery正则表达式在前台页面验证url网址输入是否正确，代码如下：<!DOCTYPE html><html><head><script type="text/javascript" src="http://code.jquery.com/j...

2020-05-27

82浏览

0评论

jQuery使用unlock.js插件实现滑动解锁

unlock.js插件具有以下特点：滑动解锁。尺寸、颜色、字体大小等都可以个性化定制。完成解锁后会有回调函数，用来触发进一步的数据处理。如何使用１. 首先在页面中引入unlock.css...

2020-05-27

52浏览

0评论

jQuery自定义图片上传插件实例代码

摘要1.jquery自定义插件方法
2.表单file样式调整
3.利用formData,ajax上传图片
4.js,css弹出层
5.springmvc上传图片效果调用方式$("#picUrl").imgUpload({})，在代码内部为调...

2020-05-27

46浏览

0评论

关于axios返回空对象的问题解决

在本文开始之前，关于axios基本入门用法可以参考这篇文章，下面来看看本文的详细内容吧。问题描述：使用 axios 请求数据的时候，已经请求成功，返回的参数也正确。但打印出来的时候就...

2020-05-27

44浏览

0评论

Vue.js实战之组件的进阶

一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 HTML 代码，一个简单的组件就完成了一个完整的组件，除了 <te...

2020-05-27

58浏览

0评论

Vue.js实战之使用Vuex + axios发送请求详解

前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型...

2020-05-27

41浏览

0评论

Vue.js实战之通过监听滚动事件实现动态锚点

前言前几天工作中在做项目的时候，需要实现一个动态锚点的效果，具体效果如下：如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题： 1. 在没有 jQuery 的 anima...

2020-05-27

41浏览

0评论

self.attachevent is not a function的解决方法

注意原因：window对象的attachEvent方法只在IE浏览器中有效，其它浏览器不支持这个方法，所以报错。self.attachevent is not a function其实就是以前的代码，没有做chrome、firefo...

2020-05-27

49浏览

0评论

Vue.js render方法使用详解

前注：版本限制：Vue.js 2.0+
1.0无法使用没耐心，只关心有什么用的，想知道其大概是获取什么东西后生成的，可以直接看结尾的总结非使用render方法的情况完整代码：<!DOCTYPE html><ht...

2020-05-27

64浏览

0评论

使用gulp搭建本地服务器并实现模拟ajax

本文主要给大家总结了在工作中可能会用到的小工具，在此记录一下。可以实现的功能有：
1. 本地http服务器
2.页面实时刷新
3.可以模拟ajax请求第一步，新建p...

2020-05-27

53浏览

0评论

ionic2打包android时gradle无法下载的解决方法

问题之前在使用ionic2时使用建立android平台命令或者编译时，总是会在获取gradle时卡住，等很久进度也不变化，导致命令超时失败。于是经过查阅资料和自己实践测试，总结出以下办法...

2020-05-27

52浏览

0评论

详解基于webpack和vue.js搭建开发环境

前言在对着产品高举中指怒发心中之愤后，真正能够解决问题的是自身上的改变，有句话说的好：你虽然改变不了全世界，但是你有机会改变你自己。秉承着“不听老人言，吃亏在眼前”的优良...

2020-05-27

65浏览

0评论

关于vuex的学习实践笔记

Vuex 简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
例如(trav...

2020-05-27

48浏览

0评论

详解用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

41浏览

0评论

详解使用fetch发送post请求时的参数处理

详解使用fetch发送post请求时的参数处理不考虑古董浏览器之后，使用fetch来发送ajax请求，变得非常爽快和时尚。但是，发送post请求的时候，把笔者卡了一下。后台如下获取参数时，总是...

2020-05-27

52浏览

0评论

webpack2.0搭建前端项目的教程详解

一、什么是webpack:webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包...

2020-05-27

44浏览

0评论

JavaScript使用原型和原型链实现对象继承的方法详解

本文实例讲述了JavaScript使用原型和原型链实现对象继承的方法。分享给大家供大家参考，具体如下：实际上JavaScript并不是一门面向对象的语言，不过JavaScript基于原型链的继承方...

2020-05-27

59浏览

0评论

js获取指定时间的前几秒

最近项目上有一个需求是：根据一张图片的拍摄时间获取到这个时间前二后三的一个五秒钟的视频信息，通过查找相关资料写了一个方法拿来记录分享一下。//指定时间减2秒function re...

2020-05-27

59浏览

0评论

Angular.JS利用ng-disabled属性和ng-model实现禁用button效果

前言本文要实现的效果是在输入框内无文字时，提交button是不能点击状态，在输入文字后会变为可点击状态，效果图如下：实现方法：
<div> <div> <textarea name="" id="" rows="3" c...

2020-05-27

51浏览

0评论

JS二叉树的简单实现方法示例

本文实例讲述了JS二叉树的简单实现方法。分享给大家供大家参考，具体如下：今天学习了一下二叉树的实现，在此记录一下简单的二叉树实现，并且实现升序和降序排序输出function Node...

2020-05-27

49浏览

0评论

Ajax验证用户名或昵称是否已被注册

JavaScript中XMLHttpRequest对象是整个Ajax技术的核心，它提供了异步发送请求的能力。而用户名或昵称的验证就可以使XMLHttpRequest对象实现。下面是个小例子。页面：简单的输...

2020-05-27

55浏览

0评论

JS实现复选框的全选和批量删除功能

如图示：功能描述：在勾选了全选时，所有的商品都会勾选，在取消全选时，取消所有物品的勾选。如果点击批量删除，删除所勾选的商品。<td align="center" width="12%" > <input type="ch...

2020-05-27

41浏览

0评论

微信小程序图片绝对定位(背景图片)

微信小程序图片绝对定位前言：在小程序中，有时需要用到背景图片，但是如果使用background-image的话，就无法控制图片的大小，background-image一般用于将图片压缩为1像素的背景图片...

2020-05-27

84浏览

0评论

微信小程序数据遍历的实现

制作数据遍历的步骤在index.js中加入数据。在index.wxml中读取数据。　　wx:for-item可以指定数组当前元素的变量名　　wx:for-index可以指定数组当前下标的变量名　　这两...

2020-05-27

75浏览

0评论

微信小程序页面跳转如何实现传值

微信小程序页面跳转如何实现传值（1）页面跳转如何传值（实现跳转到不同页面）点击页面WXML:加入自定义属性（data-category="{{categoryTitle}}"） <view class="more" catchtap="onMo...

2020-05-27

49浏览

0评论

微信小程序中的onLoad详解及简单实例

微信小程序中的onLoad
onLoad是一个生命周期函数，表示页面加载
onLoad默认有一个Object类型的参数，是指其他页面打开当前页面所调用的 query 参数举个栗子~
当我们在页面first...

2020-05-27

39浏览

0评论

Angularjs 实现移动端在线测评效果(推荐)

注：此文所用的angular版本为 1.6一、运行效果图二、需求1. 点击选项时，背景变为黄色（即选中状态），并且自动切换到下一题2. 切换到下一题时，顶部进度随之改变3. 选中时要把对应的分...

2020-05-27

57浏览

0评论

js实现按座位号抽奖

最近一个项目需要实现一个按座位号抽奖的效果，抽奖现场有多个区域，抽奖时随机选取其中一个区域，再在这个区域中随机选取一排，最后在这排中随机选取一个座位号，区域、排号及座位号...

2020-05-27

热门文章