JavaScript - 教程之家

95浏览

0评论

js实现音频控制进度条功能

效果图：代码如下：<!doctype html><html><head><meta name="author" content="dony"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="pragma" conten...

2020-05-27

62浏览

0评论

jq checkbox 的全选并ajax传参的实例

实例如下：/全选按钮 $("#all").click(function(){ if(this.checked){ $(":checkbox").prop("checked", true); }else{ $(":checkbox").removeAttr("c...

2020-05-27

61浏览

0评论

ES5学习教程之Array对象

前言ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，下面主要介绍了ES5中的Array对象，需要的朋友们一起来看看吧。一、创建 Array 对象的语法：new Array();new Arra...

2020-05-27

68浏览

0评论

ES6新特性之变量和字符串用法示例

本文实例讲述了ES6新特性之变量和字符串用法。分享给大家供大家参考，具体如下：一、变量1. LET我们都习惯用var 来声明变量，现在还可以用let来声明变量，两者的主要区别是作用域：va...

2020-05-27

74浏览

0评论

手机端转换rem适应

话不多说，请看代码： <script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.cl...

2020-05-27

85浏览

0评论

ES6新特性之数组、Math和扩展操作符用法示例

本文实例讲述了ES6新特性之数组、Math和扩展操作符用法。分享给大家供大家参考，具体如下：一、ArrayArray对象增加了一些新的静态方法，Array原型上也增加了一些新方法。1.Array....

2020-05-27

122浏览

0评论

Ajax异步文件上传与NodeJS express服务端处理

为了避免在实现简单的异步文件上传功能时候引入一个第三方库文件的尴尬情形（库文件可能造成多余的开销，拉低应用加载速度，尤其是在引入库文件之后仅使用其中一两个功能的情况下...

2020-05-27

86浏览

0评论

前端自动化开发之Node.js的环境搭建教程

一、为什么我们前端自动化开发
相信任何学开发的，不管学什么语言，老师都这样讲过，作为一名开发人员，你最大的精力应该是放在创造力上面，don't you repeat myself 不要重复自己，而...

2020-05-27

64浏览

0评论

jQuery UI Grid 模态框中的表格实例代码

在弹出的模态框中使用表格。在某些情况下，特别是 bootstrap modal，可能会出现表格渲染宽度过小或有时显示不完全。会误认为是由于 bootstrap modal 的动画渲染导致表格渲染时...

2020-05-27

103浏览

0评论

ES6新特性之解构、参数、模块和记号用法示例

本文实例讲述了ES6新特性之解构、参数、模块和记号用法。分享给大家供大家参考，具体如下：一、解构解构提供了一个方便的地从对象或数组中提取数据的方法，请看下面的例子：//ES6le...

2020-05-27

73浏览

0评论

Vue.js实战之组件之间的数据传递

前言Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue...

2020-05-27

79浏览

0评论

ES6新特性之模块Module用法详解

本文实例讲述了ES6新特性之模块Module用法。分享给大家供大家参考，具体如下：一、Module简介ES6的Class只是面向对象编程的语法糖，升级了ES5的构造函数的原型链继承的写法，并没有...

2020-05-27

75浏览

0评论

ES6新特性之函数的扩展实例详解

本文实例讲述了ES6新特性之函数的扩展。分享给大家供大家参考，具体如下：一、函数参数默认值1. ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x, y =...

2020-05-27

72浏览

0评论

Vue.js实战之利用vue-router实现跳转页面

前言使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn...

2020-05-27

90浏览

0评论

NodeJS基础API搭建服务器详细过程记录

前言在习惯了使用express框架，jade模板引擎等现成工具来写代码之后，很多人对于基本的NodeJS API会慢慢生疏。本文将以一个超小型web项目，来详细介绍如何使用NodeJS基础的http,...

2020-05-27

70浏览

0评论

ES6新特性之字符串的扩展实例分析

本文实例讲述了ES6新特性之字符串的扩展。分享给大家供大家参考，具体如下：一、ES5字符串函数concat: 将两个或多个字符的文本组合起来，返回一个新的字符串。
indexOf: 返回字符...

2020-05-27

63浏览

0评论

JavaScript 事件流、事件处理程序及事件对象总结

JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件，以便事件发生时执行相应的代码。这种在传统...

2020-05-27

68浏览

0评论

javascript 中的try catch应用总结

javascript 中的try catch应用总结实例代码：<script language="JavaScript"> try { throw new Error(10,"asdasdasd") } catch (e) { alert(e.message); alert(e.description...

2020-05-27

71浏览

0评论

vue货币过滤器的实现方法

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

61浏览

0评论

AngularJS页面传参的5种方式

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

133浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

48浏览

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

64浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

137浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

58浏览

0评论

Vue.js实战之组件的进阶

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

62浏览

0评论

Vue.js render方法使用详解

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

热门文章