JavaScript - 教程之家

57浏览

0评论

ES5 ES6中Array对象去除重复项的方法总结

输入例子[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a', 'a', NaN].uniq()输出例子[false, true, undefined, null, NaN, 0, 1, {}, {}, 'a']分析题目要求给 Arra...

2020-05-27

162浏览

0评论

jquery ui sortable拖拽后保存位置

jqueryUI sortable 可以用来进行页面拖拽布局，然而有一个小问题就是拖拽后如何保存状态。工作中遇到了这个情况，遍把这个问题记了下来，具体思路是：利用拖拽stop后利用 var arr =...

2020-05-27

68浏览

0评论

Three.js的使用及绘制基础3D图形详解

一、前言
Three.js 是一款 webGL（3D绘图标准，在此不赘述）引擎，可以运行于所有支持 webGL 的浏览器。Three.js 封装了 webGL 底层的 API ，为我们提供了高级的开发接口，可以使用简...

2020-05-27

51浏览

0评论

jQuery实现动态添加、删除按钮及input输入框的方法

本文实例讲述了jQuery实现动态添加、删除按钮及input输入框的方法。分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8"><title>动态创建按钮</title><script...

2020-05-27

61浏览

0评论

JavaScript通过改变文字透明度实现的文字闪烁效果实例

本文实例讲述了JavaScript通过改变文字透明度实现的文字闪烁效果。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<html><head><meta charset="utf-8"><title...

2020-05-27

53浏览

0评论

JS简单实现点击按钮或文字显示遮罩层的方法

本文实例讲述了JS简单实现点击按钮或文字显示遮罩层的方法。分享给大家供大家参考，具体如下：运行效果图如下：完整代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Trans...

2020-05-27

65浏览

0评论

Nodejs读取文件时相对路径的正确写法(使用fs模块)

在开发Nodejs中，我们往往最常用的模块就是fs核心模块(fs.readFile)来读取文件。代码如下：但是运行之后，并没有按照想象中一样，读取test.html文件内容，这是一个bug，坑爹的玩意，解决...

2020-05-27

43浏览

0评论

Angular.Js之Scope作用域的学习教程

scope是什么？大家都知道在AngularJS 中作用域是一个指向应用模型的对象，它是表达式的执行环境。作用域有层次结构，这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传...

2020-05-27

67浏览

0评论

AngulaJS路由 ui-router 传参实例

在这里分享我做的一个使用ui-router 传参的小demo
1.首先第一步设置入口文件index.html，注意加载的顺序，先加载包，再加载自己写的控制器。<!doctype html><html lang="en" ng-a...

2020-05-27

58浏览

0评论

vue省市区三联动下拉选择组件的实现

我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用我们今天...

2020-05-27

53浏览

0评论

vue调用高德地图实例代码

一. vue-amap，一个基于 Vue 2.x 和高德地图的地图组件 https://elemefe.github.io/vue-amap/#/这个就不细说了，按照其文档，就能够安装下来。二. 按照官方提供的方法引入1.修改w...

2020-05-27

52浏览

0评论

JS基于正则表达式的替换操作(replace)用法示例

本文实例讲述了JS基于正则表达式的替换操作(replace)用法。分享给大家供大家参考，具体如下：正则表达式替换使用的是replace()方法。Replace()方法是用一些字符途欢另一些字符...

2020-05-27

89浏览

0评论

d3.js实现立体柱图的方法详解

前言
众所周知随着大数据时代的来临,数据可视化的重要性也越来越凸显,那么今天就基于d3.js今天给大家带来可视化基础图表柱图进阶:立体柱图，之前介绍过了d3.js实现柱状图的文...

2020-05-27

55浏览

0评论

vue基于Vue2.0和高德地图的地图组件实例

前言在做基于LBS的应用中，时常会和地图打交道，最直接的解决方案，当然是去对应的地图官网找文档，然后一步步来玩。对于简单场景而言，体验应该还好，但对于一些状态多，变化频繁的复杂...

2020-05-27

57浏览

0评论

详解angularJs模块ui-router之状态嵌套和视图嵌套

状态嵌套的方法
状态可以相互嵌套。有三个嵌套的方法：使用“点标记法”，例如：.state('contacts.list', {}) 使用parent属性，指定一个父状态的名称字符串，例如：parent: 'contact...

2020-05-27

68浏览

0评论

jQuery自定义元素右键点击事件(实现案例)

大多数情况下我们使用左键来进行页面交互，而右键大部分对于开发者来说是审查元素的，有的时候我们也要自定义鼠标右键点击行为来达到更好的交互性，常见的有漫画左键前进、右键后...

2020-05-27

84浏览

0评论

JS实现动态添加DOM节点和事件的方法示例

本文实例讲述了JS实现动态添加DOM节点和事件的方法。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti...

2020-05-27

46浏览

0评论

jQuery tip提示插件（实例分享）

先声明，我也是学了某位大神的...效果图：代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>document</title> <style> .tip{ width: 200px;...

2020-05-27

63浏览

0评论

d3.js入门教程之数据绑定详解

前言d3.js 是一款上手容易的js类库,专门用于绘制svg图形图表,其关键理念为data-join 意即数据绑定.搞清这个概念非常重要,它将以简洁优雅的形式体现数据驱动编程.以下是Thin...

2020-05-27

56浏览

0评论

angularjs中使用ng-bind-html和ng-include的实例

下面这个例子，往div标签内添加html内容：<!doctype html><html ng-app="myApp"><head> <meta charset="UTF-8"> <title>demo</title> <script type="text/javascript" src="lib...

2020-05-27

53浏览

0评论

js实现移动端编辑添加地址【模仿京东】

效果图：注：这里的数据格式用的是jsonp，json在这里存在跨域问题代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-wi...

2020-05-27

52浏览

0评论

jQuery实现jQuery-form.js实现异步上传文件

做为一个前端开发，你肯定遇到过这样的需求：异步上传文件，还要兼容IE 8。[纳尼，没遇到过，那你们产品和ＵＩ对你也忒好了吧。遇到这种需求，如果项目不是很赶，可以自己用iframe来做，如果项...

2020-05-27

57浏览

0评论

JS实现简单的天数计算器完整实例

本文实例讲述了JS实现简单的天数计算器。分享给大家供大家参考，具体如下：刚学了JS，想做个计算两个日期之间相差天数的东西，因为本人总是要算距离XX还有多少天。。开始用很笨的方...

2020-05-27

80浏览

0评论

解决浏览器会自动填充密码的问题

解决办法是在form上或input上添加autoComplete="off"这个属性。form表单的属性如下所示：但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。1.'autocomplete="off"...

2020-05-27

60浏览

0评论

Vue实现动态响应数据变化

Vue是MVVM模式，即Model-View-ViewModel，通过绑定数据即可以实时改变视图显示。
比如：使用v-blink动态绑定属性<div v-blink:class="property"></div>使用v-html来绑定带有标签...

2020-05-27

71浏览

0评论

用Nodejs搭建服务器访问html、css、JS等静态资源文件

为了测一个附近门店的功能，需要配置一下服务器进行测试。本来打算用apache的，后来想自己是做前端的，好久没有用过Nodejs了何不用所学的知识自己配一下呢，说动手就手。第一步，俗话...

2020-05-27

58浏览

0评论

vue实现动态数据绑定

实现的步骤:1.监听对象属性的读取与变化Object.defineProperty() 方法会直接在对象上定义一个新的的属性，或者已经存在的属性并且返回这个属性语法是 Object.defineProperty(...

2020-05-27

67浏览

0评论

NodeJs模拟登陆正方教务

网上已经有很多关于模拟登陆正方教务的作品了，基于 PHP，Python，Java，.Net 加上我自己尝试的NodeJs，这几门语言都可以实现模拟登陆，模拟登陆的技术点不是特别难，这里记录一下利用 No...

2020-05-27

48浏览

0评论

JavaScript实现简单的四则运算计算器完整实例

本文实例讲述了JavaScript实现简单的四则运算计算器。分享给大家供大家参考，具体如下：运行效果图如下：完整实例代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset...

2020-05-27

53浏览

0评论

JS 组件系列之 bootstrap treegrid 组件封装过程

正文前言：最近产品需要设计一套相对完整的组织架构的解决方案，由于组织架构涉及到层级关系，在表格里面展示层级关系，自然就要用到所谓的treegrid。可惜的是，一些轻量级的表格组件...

2020-05-27

54浏览

0评论

webpack配置文件和常用配置项介绍

1、安装webpack1.全局安装webpack：npm install webpack -g 或者转化了cnpm则将npm改为cnpm进行安装2.进行初始化建立package.json文件记录插件，命令行：npm init3.webpack安装到...

2020-05-27

69浏览

0评论

JS实现的Unicode编码转换操作示例

本文实例讲述了JS实现的Unicode编码转换操作。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Unicode编码转换</title>...

2020-05-27

84浏览

0评论

JS组件系列之JS组件封装过程详解

前言：之前分享了那么多bootstrap组件的使用经验，这篇文章打算研究下JS组件的扩展和封装，我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想...

2020-05-27

54浏览

0评论

JS实现汉字与Unicode码相互转换的方法详解

本文实例讲述了JS实现汉字与Unicode码相互转换的方法。分享给大家供大家参考，具体如下：js文件中，有些变量的值可能会含有汉字，画面引入js以后，有可能会因为字符集的原因，把里面的...

2020-05-27

47浏览

0评论

JS组件系列之MVVM组件构建自己的Vue组件

正文前言：转眼距离上篇 JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）已有好几个月了，今天打算将它捡起来，发现好久不用，Vue相关技术点都生疏不少。经过这几个月的...

2020-05-27

59浏览

0评论

jquery实现图片上传前本地预览

前段时间遇到一个问题，前端想实现图片上传预览（不经过后端PHP或JAVA处理），用户点击file按钮上传文件，点击确定马上就能看到预览的效果，但在实现的时候无论怎样都取不到file上图片...

2020-05-27

52浏览

0评论

JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法

本文实例讲述了JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法。分享给大家供大家参考，具体如下：为什么会有人会使用ctrl+鼠标滚轮缩放网页？坚决禁止！<html><head><title>测试<...

2020-05-27

52浏览

0评论

JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查

正文前言：关于Vue框架，好几个月之前就听说过，了解一项新技术之后，总是处于观望状态，一直在犹豫要不要系统学习下。正好最近有点空，就去官网了解了下，看上去还不错的一个组件，就抽空...

2020-05-27

56浏览

0评论

JS简单判断滚动条的滚动方向实现方法

本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考，具体如下：以下代码实现判断页面的滚动条的滚动方向；var sign = 80;//定义默认的向上滚与向下滚的边...

2020-05-27

45浏览

0评论

jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法【附eraser.js下载】

本文实例讲述了jQuery使用eraser.js插件实现擦除、刮刮卡效果的方法。分享给大家供大家参考，具体如下：jquery.eraser是一款使用鼠标或触摸的动作来擦除画布显示真正图片的插件...

2020-05-27

59浏览

0评论

NodeJs安装npm包一直失败的解决方法

最近在学React，在gitHub上下载一个项目下来，安装node.js后发现用npm install就一直报错，不知道怎么解决，查了很多资料都没有用。在windows下 cmd到命令窗口（最好是管理员的身份...

2020-05-27

59浏览

0评论

NodeJs的fs读写删除移动监听

NodeJs版本:4.4.4fs
文件系统模块是一个封装了标准的 POSIX 文件 I/O 操作的集合。Node.js 文件系统（fs 模块）模块中的方法均有异步和同步版本。图片的复制与粘贴创建一个可读...

2020-05-27

46浏览

0评论

Javascript实现数组中的元素上下移动

前言我们交换数组可以实现元素上下移动了，这个效果我们在表格或以前排序算法中都会用到，下面来看一个JavaScript下实现交换数组元素上下移动例子
在写项目的时候，要实现一个数...

2020-05-27

63浏览

0评论

node.js+jQuery实现用户登录注册AJAX交互

最近实现了Node.js当作后台，jQuery写前台AJAX代码的，实现用户登录和注册的功能，刷新了前后端交互的三观。特记录一下。1.login.ejs实现form框架 <form > <ul> <li...

2020-05-27

43浏览

0评论

vue.js利用defineProperty实现数据的双向绑定

vue.js如何实现数据的双向绑定呢？与angular不同。vue利用的是es5的defineproperty特性。1.一个小例子<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <ti...

2020-05-27

51浏览

0评论

Angular2下使用pdf插件的方法详解

前言
最近因为工作的原因，需要在Angualr2建的项目里做一个pdf显示的功能，在网上找了个插件，不过由于是第一次使用额外插件，在用的时候遇到了一些坑，这里权且记一下使用的步骤，方便...

2020-05-27

65浏览

0评论

jQuery设置图片等比例缩小的方法

本文实例讲述了jQuery设置图片等比例缩小的方法。分享给大家供大家参考，具体如下：网站的内容页面，经常要放图片，如果图片太大会撑出，影响页面美观。如果只是用css限制图片的最大...

2020-05-27

45浏览

0评论

jQuery实现多张图片上传预览（不经过后端处理）

效果图：图（1）图（2）代码如下：<!doctype html><html><head><meta charset="utf-8"><title>jQuery图片上传预览（不经过后端处理）</title><script src="http://libs.baidu.com/jquery/1....

2020-05-27

42浏览

0评论

jQuery输入框密码的显示隐藏【代码分享】

效果图：代码如下：<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8" /><title>jQuery输入框密码显示隐藏代码</title><meta name="viewpo...

2020-05-27

46浏览

0评论

Vue.js教程之axios与网络传输的学习实践

前言在学习了之前的路由vue-router和状态管理vuex之后，就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外...

2020-05-27

热门文章