JavaScript - 教程之家

62浏览

0评论

JSONP基础知识详解

前面的话JSONP是JSON with padding(填充式JSON或参数式JSON)的简写，是应用JSON的一种新方法，常用于务器与客户端跨源通信，在后来的Web服务中非常流行。本文将详细介绍JSONP基础...

2020-05-27

81浏览

0评论

用JavaScript和jQuery实现瀑布流

大致介绍在慕课网上学习了用原生js和jQuery实现瀑布流，在这里做个笔记用JavaScript实现基本结构：<div id="main"> <div class="box"> <div class="pic"><img src="images/1.j...

2020-05-27

68浏览

0评论

Bootstrap 网格系统布局详解

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统(Grid System)，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。一、什么是网格（Grid)?在平面设计中，...

2020-05-27

79浏览

0评论

用jQuery实现圆点图片轮播效果

图片轮播效果 :在页面的指定位置实现的图片自动的左右轮流切换展示,效果为无缝连接;点击图片左下的标签(或中间的小圆点)切换到对应的图片;点击图片的左右切换标签; 整体思...

2020-05-27

92浏览

0评论

JavaScript数据结构之链表的实现

前面楼主分别讨论了数据结构栈与队列的实现，当时所用的数据结构都是用的数组来进行实现，但是数组有的时候并不是最佳的数据结构，比如在数组中新增删除元素的时候需要将其他元素...

2020-05-27

79浏览

0评论

$.browser.msie 为空或不是对象问题的多种解决方法

'$.browser.msie' 为空或不是对象，这个是jQuery错误
出现这个错误，是因为升级了jQuery版本，从1.9以前升级到1.9以后，因为$.browser.msie在1.9以后的jQuery中不存在了，所以报错。j...

2020-05-27

88浏览

0评论

jQuery中用on绑定事件时需注意的事项

随着jQuery版本的更新，以前版本的Bind()，live()，delegate()事件可以直接被on代替，本次笔记仅以点击事件为例，主要考察了on事件的用法：一、用on监听点击事件前添加的DOM，可以正常触...

2020-05-27

78浏览

0评论

浅析bootstrap原理及优缺点

网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中...

2020-05-27

61浏览

0评论

js获取当前周、上一周、下一周日期

效果图：代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

2020-05-27

60浏览

0评论

nodejs中向HTTP响应传送进程的输出

废话不多说了，直接给大家贴代码了，具体代码如下所述：var spawn = require('child_process').spawn;require('http').createServer(function(req, res) { var child = spawn('ta...

2020-05-27

62浏览

0评论

nodejs中使用HTTP分块响应和定时器示例代码

在本例中，将要创建一个输出纯文本的HTTP服务器，输出的纯文本每隔一秒会新增100个用换行符分隔的时间戳。require('http').createServer(function(req, res) { res.writeHead(...

2020-05-27

76浏览

0评论

详解nodejs中的process进程

虽然node对操作系统做了很多抽象的工作，但是你还是可以直接和他交互，比如和系统中已经存在的进程进行交互，创建工作子进程。node是一个用于事件循环的线程，但是你可以在这个事件...

2020-05-27

79浏览

0评论

jQuery is not defined 错误原因与解决方法小结

通常出现这种状况有几种解决方法:1:查看是否引入jquery文件就算引入了文件了是不是通过一些整站下载器之类的软件下载的，都会出现问题，建议用迅雷到官方下载即可。2:查询路径...

2020-05-27

60浏览

0评论

深入对Vue.js $watch方法的理解

博主最近对着vue.js的官方教程在自学vue.js，博主自幼愚钝，在教程中真的是好多点都不太理解，接下来要说的这个$watch方法就是其中一个不太理解的点了。咱们先来看一下对于$watch...

2020-05-27

73浏览

0评论

js中DOM三级列表（代码分享）

效果图：代码如下：<!DOCTYPE HTML><html><head><title>联动菜单</title><meta charset="utf-8" /></head><body> <div id="category"></div> <script> /*使用 HTML DOM 的方式...

2020-05-27

61浏览

0评论

windows下vue.js开发环境搭建教程

最近，vue.js越来越火。在这样的大浪潮下，我也开始进入vue的学习行列中，在网上也搜了很多教程，按着教程来做，也总会出现这样那样的问题（坑啊，由于网上那些教程都是Vue.js 1.x版本的，...

2020-05-27

69浏览

0评论

基于vue的fullpage.js单页滚动插件

基于vue的fullpage.js使用方法，供大家参考，具体内容如下功能概述
可实现移动端的单页滚动效果，支持横向滚动和纵向滚动兼容性
目前还未进行大规模兼容性测试。有bug请提问至iss...

2020-05-27

62浏览

0评论

vue.js中指令Directives详解

想必喜欢前端开发的小伙伴们都或多或少接触过MVVM这个概念，说起MVVM，第一时间想到的便是angularjs，knockoutjs等已经被广泛运用的MVVM框架，之前我也没有在这方面有很多了解，最近...

2020-05-27

88浏览

0评论

JS查找英文文章中出现频率最高的单词

下面这个函数是js查找一篇英文文章中出现频率最高的单词(由26个英文字母大小写构成)，输出该单词及出现次数，不区分大小写，主要是正则的运用：function counts(article){ article...

2020-05-27

68浏览

0评论

微信小程序中子页面向父页面传值实例详解

微信小程序中子页面向父页面传值实例详解上面一张图是编辑款项页面，下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时，需要把...

2020-05-27

61浏览

0评论

vue.js指令v-model使用方法

vue.js的一大功能便是实现数据的双向绑定，本文就表单处理时运用v-model指令实现双向绑定做一个介绍：v-model这个指令只能用在<input>, <select>,<textarea>这些表单元素上，所谓...

2020-05-27

68浏览

0评论

微信小程序参数传递实例代码

微信小程序参数传递实例代码1、通过事件传递参数实例代码：<view data-id="103" bindtap="evenName"></view>Page({ evenName: function(e) { //获得点击事件传递的id cons...

2020-05-27

90浏览

0评论

基于vue.js实现侧边菜单栏

侧边菜单栏应该是很多项目里必不可少的自己手写了一个
下面是效果图

下面就说一下实现的过程还是比较简单的
首先导入一下需要的文件<link rel="stylesheet" type="t...

2020-05-27

71浏览

0评论

详解Weex基于Vue2.0开发模板搭建

前言最近有一些人反馈说在面试过程中常常被问到weex相关的知识，也侧面反映的weex的发展还是很可观的，可是目前weex的开发者大多数是中小型公司或者个人，大公司屈指可数，揪其原因...

2020-05-27

78浏览

0评论

基于vue2的table分页组件实现方法

本文实例为大家分享了vue2 table分页组件的具体代码，供大家参考，具体内容如下pagination.js:
(function(){ var template = '<div class="page-bar" > \
<div class="inf...

2020-05-27

72浏览

0评论

js实现鼠标拖动功能

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div{ width: 200px; height: 200px; background: gre...

2020-05-27

64浏览

0评论

Extjs表单输入框异步校验的插件实现方法

一、效果如图所示特点：1、异步后台校验不会对用户操作产生阻塞感；2、可在用户停止输入后自动校验，避免频繁进行无谓的后台校验；3、以插件方式实现，方便使用；二、插件源码如下：/***...

2020-05-27

62浏览

0评论

JavaScript 过滤关键字

效果图：话不多说，请看代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> em { font-size: 16px; color: red; } </style></he...

2020-05-27

74浏览

0评论

JS模拟实现ECMAScript5新增的数组方法

ECMAScript5 新增了十个数组方法，这些方法只有在ie9及以上浏览器中可以被使用，下面是对于这些方法的模拟实现。一、Array.isArray(element)　　该方法用于判断传入的对象是否...

2020-05-27

81浏览

0评论

详解Vue中添加过渡效果

最近在学习Vue这个框架，发现新的版本中，官网的文档里面说的过渡效果，如果直接粘贴官方的例子中的代码，发现并没有过渡的效果，经过反复测试之后终于知道怎么搞了，把测试的过程总结...

2020-05-27

73浏览

0评论

Vue.js基础学习之class与样式绑定

打着巩固 css 知识的旗号开始了对 vue 样式绑定的研究，相比前一篇的 demo，本次内容多了各种样式在里面，变得稍微花哨了些，话不多说，直接上代码吧：<html><head> <meta charset="utf...

2020-05-27

78浏览

0评论

Vue.js事件处理器与表单控件绑定详解

事件处理主要通过v-on这个指令来执行。事件监听及方法处理1.简单的可以直接内嵌在页面。2.可以通过将方法定义在methods中，然后再v-on中执行3.可以通过绑定给函数传递参数，还...

2020-05-27

60浏览

0评论

vue.js事件处理器是什么

监听事件
可以用v-on指令监听DOM事件来触发一些javascript代码。demo:<div v-on:click="++counter">点击，增加1</div><span>{{counter}}</span> data:{　　counter:0}方法事...

2020-05-27

84浏览

0评论

javascript使用btoa和atob来进行Base64转码和解码

javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性，导致Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现...

2020-05-27

66浏览

0评论

详解vue事件对象、冒泡、阻止默认行为

整理文档，搜刮出一个vue事件对象、冒泡、阻止默认行为的代码，稍微整理精简一下做下分享。事件对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>...

2020-05-27

84浏览

0评论

Vue插件写、用详解（附demo）

Vue插件1、概述简单来说，插件就是指对Vue的功能的增强或补充。比如说，让你在每个单页面的组件里，都可以调用某个方法，或者共享使用某个变量，或者在某个方法之前执行一段代码等2、...

2020-05-27

122浏览

0评论

Vue.js路由vue-router使用方法详解

vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统...

2020-05-27

73浏览

0评论

如何解决vue与传统jquery插件冲突

本篇文章主要介绍了如何解决vue与传统jquery插件冲突，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
比如基于jquery的select2插件，在vue下单独用...

2020-05-27

79浏览

0评论

Vue2.0实现1.0的搜索过滤器功能实例代码

Vue2.0删除了很多1.0的比较实用的过滤器，如filterBy，orderBy。官方文档给了通过计算属性实现1.0搜索过滤器功能，自己又加入了大小写通用检索功能，比较简单，学一下。<body> <div...

2020-05-27

112浏览

0评论

非常实用的vue导航钩子

导航钩子
（译者：『导航』表示路由正在发生改变。）正如其名，vue-router 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单...

2020-05-27

66浏览

0评论

Vue指令的钩子函数使用方法

在Vue 中可以把一系列复杂的操作包装为一个指令。什么是复杂的操作？
我的理解是：复杂逻辑功能的包装、违背数据驱动的 DOM 操作以及对一些 Hack 手段的掩盖等。我们总是期望以...

2020-05-27

87浏览

0评论

zTree实现节点修改的实时刷新功能

一、应用场景在实际应用中会遇到动态操作树各节点的需求，在增加树节点后如何实时动态刷新树就十分有必要了。二、项目实践比如要在test1234节点下新建子节点，首先要选中test12...

2020-05-27

57浏览

0评论

Vue响应式添加、修改数组和对象的值

有些时候，不得不想添加、修改数组和对象的值，但是直接添加、修改后又失去了getter、setter。由于 JavaScript 的限制， Vue 不能检测以下变动的数组：1. 利用索引直接设置一个项时...

2020-05-27

59浏览

0评论

JavaScript数组和对象的复制

一、数据类型从狭义上来说，JS把所有的数据分成两大类型：基本类型和引用类型，其中基本类型包括Undefined、Null、Boolean、Number和String，引用类型为Object，常用的Array、Date、R...

2020-05-27

88浏览

0评论

Bootstrap标签页（Tab）插件使用方法

您可以通过以下两种方式启用标签页：
1、通过 data 属性：您需要添加 data-toggle="tab" 或 data-toggle="pill" 到锚文本链接中添加 nav 和 nav-tabs 类到 ul 中，将会应用 Boots...

2020-05-27

75浏览

0评论

Bootstrap警告框（Alert）插件使用方法

有以下两种方式启用警告框的可取消（dismissal）功能：
1、通过 data 属性：通过数据 API（Data API）添加可取消功能，只需要向关闭按钮添加 data-dismiss="alert"，就会自动为警告框添加关...

2020-05-27

63浏览

0评论

图解Javascript——作用域、作用域链、闭包

什么是作用域？作用域是一种规则，在代码编译阶段就确定了，规定了变量与函数的可被访问的范围。全局变量拥有全局作用域，局部变量则拥有局部作用域。 js是一种没有块级作用域的语...

2020-05-27

75浏览

0评论

JavaScript 中 apply 、call 的详解

apply 和 call 的区别ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法，它们的应用非常广泛，它们的作用也是一模一样，只是传参的形式有区别而已。apply( )apply 方法...

2020-05-27

67浏览

0评论

JavaScript中的普通函数和箭头函数的区别和用法详解

最近被问到了一个问题：javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答……箭头函数中的 thi...

2020-05-27

82浏览

0评论

使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)

基于jQuery的扫码枪监听。如果只是想实现监听获取条码扫码信息，可以直接拿来使用，如果有更多的条码判断处理逻辑需要自己扩展。一、功能需求使用扫码枪扫描条码，在一个web页面...

2020-05-27

热门文章