JavaScript - 教程之家

67浏览

0评论

浅谈js使用in和hasOwnProperty获取对象属性的区别

in判断的是对象的所有属性，包括对象实例及其原型的属性；而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码：<script type="text/javascript"> function Person()...

2020-05-27

74浏览

0评论

Angular.js中定时器循环的3种方法总结

本文主要设计定时器的三种循环，模板自配，下面分享给大家供大家参考，具体如下：
1、$interlval实现，比较简单和原生js的setInterval比较相似
var app = angular.module('myApp',[])...

2020-05-27

52浏览

0评论

js轮播图透明度切换（带上下页和底部圆点切换）

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; border:none; } li{ list-style:...

2020-05-27

74浏览

0评论

Vue实现购物车功能

效果图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.0.2/css/bootstrap.min.css" r...

2020-05-27

87浏览

0评论

JS ES6中setTimeout函数的执行上下文示例

本文介绍的是setTimeout函数，延迟执行函数里的执行上下文，分享给大家供大家参考学习，来看看详细的内容：（1）ES5中，setTimeout里面的函数的执行上下文为全局上下文，举例来说：function l...

2020-05-27

81浏览

0评论

微信小程序实现动态显示和隐藏某个控件

微信小程序实现动态显示和隐藏某个控件在小程序的开发过程中，经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换，但是小程序的canvas支持的功能实在是...

2020-05-27

98浏览

0评论

Vue.js 2.0 移动端拍照压缩图片预览及上传实例

在学习和使用Vue.js 2.0 的过程中遇到不少不一样的地方，本来移动端开发H5应用，准备将mui框架和Vue.js+vue-router+vuex 全家桶结合起来使用，但是在拍照上传的实现过程中遇到了...

2020-05-27

53浏览

0评论

jQuery使用正则验证15/18身份证的方法示例

本文实例讲述了jQuery使用正则验证15/18身份证的方法。分享给大家供大家参考，具体如下：最好的jQuery正则验证身份证代码:按照身份证的算法定制而成,精确度完美支持15和18位....

2020-05-27

63浏览

0评论

Webpack中css-loader和less-loader的使用教程

前言在Webpack中，通过css-loader，可以实现在js文件中通过require的方式，来引入css。下面来看看详细的介绍吧。一、css-loader我们需要在js文件里，通过require的方式来引入css，我...

2020-05-27

61浏览

0评论

vue2 前后端分离项目ajax跨域session问题解决方法

最近学习使用vuejs前后端分离，重构一个已有的后台管理系统，遇到了下面这个问题：实现跨域请求时，每次ajax请求都是新的session，导致无法获取登录信息，所有的请求都被判定为未登陆。...

2020-05-27

74浏览

0评论

JS/jquery实现一个网页内同时调用多个倒计时的方法

本文实例讲述了jquery/js实现一个网页内同时调用多个倒计时的方法。分享给大家供大家参考，具体如下：最近需要网页添加多个倒计时. 查阅网络,基本上都是千遍一律的不好用. 自己...

2020-05-27

73浏览

0评论

js实现添加删除表格（两种方法）

效果图：代码如下：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin:0 auto; background:yellow; border:4px...

2020-05-27

62浏览

0评论

jQuery EasyUI tree增加搜索功能的实现方法

扩展jQuery EasyUI tree搜索树节点的方法，使其支持节点名称的模糊匹配，将不匹配的节点隐藏。/** * 1）扩展jquery easyui tree的节点检索方法。使用方法如下： * $("#treeId").tre...

2020-05-27

68浏览

0评论

jquery 禁止鼠标右键并监听右键事件

禁止鼠标右键：$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});监听右键事件：$(function(){$('a').mousedown(function(e...

2020-05-27

66浏览

0评论

JavaScript实现反转字符串的方法详解

本文实例讲述了JavaScript实现反转字符串的方法。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312...

2020-05-27

78浏览

0评论

Vue自定义图片懒加载指令v-lazyload详解

Vue是可以自定义指令的，最近学习过程中遇见了一个需要图片懒加载的功能，最后参考了别人的代码和思路自己重新写了一遍。以下将详细介绍如何实现自定义指令v-lazyload。先看如...

2020-05-27

47浏览

0评论

JavaScript实现隐藏省略文字效果的方法

本文实例讲述了JavaScript实现隐藏省略文字效果的方法。分享给大家供大家参考，具体如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB...

2020-05-27

60浏览

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

170浏览

0评论

jquery ui sortable拖拽后保存位置

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

79浏览

0评论

AngulaJS路由 ui-router 传参实例

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

65浏览

0评论

vue调用高德地图实例代码

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

99浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

68浏览

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

67浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

75浏览

0评论

Vue实现动态响应数据变化

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

70浏览

0评论

vue实现动态数据绑定

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

2020-05-27

85浏览

0评论

NodeJs模拟登陆正方教务

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

热门文章