JavaScript - 教程之家

41浏览

0评论

jQuery实现火车票买票城市选择切换功能

效果图如下所示：
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> select { width: 200px; background-color: teal; height...

2020-05-27

73浏览

0评论

JavaScript实现换肤功能

一，js换肤的基本原理基本原理很简单，就是使用 JS 切换对应的 CSS 样式表文件。例如导航网站 Hao123 的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外，通常的网页换肤还...

2020-05-27

44浏览

0评论

详解Vue中一种简易路由传参办法

情景模拟：A页面中，有一些div是根据A中的book数据通过v-for生成的，比如item。并且点击会根据路由跳转到B页面。而跳转到B页面后，我需要A中的item。
<div v-for="(item,index) in...

2020-05-27

38浏览

0评论

webpack构建react多页面应用详解

写这个的初衷是很难找一个简洁的项目脚手架，很多脚手架都有很多依赖，光看依赖就要很久，所以自己参照网上的内容，弄个这么一个简单的多页面的脚手架。利用creat-react-app 新建一...

2020-05-27

50浏览

0评论

EasyUI创建人员树的实例代码

最近做了一个树状的下拉列表，在这里记录一下，以后可以直接使用项目中的树状下拉列表是用来选择人员用的，具体实现展示如下：先说一说功能，左边的人员数是提供选人的，当点击中间的按...

2020-05-27

56浏览

0评论

使用JS实现气泡跟随鼠标移动的动画效果

气泡跟随鼠标移动，并在每次点击时产生不同的变化效果如下<!DOCTYPE html><html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2020-05-27

73浏览

0评论

Angular使用Md5加密的解决方法

一、现象用户登录时需要记住密码的功能，在前端需要对密码进行加密处理，增加安全性二解决1、利用npm(如果没有，先自行安装npm)安装ts-md5npm install ts-md5 --save-dev2、在使...

2020-05-27

63浏览

0评论

详解JS构造函数中this和return

先看一段代码，function Foo(name,age){ this.name=name; this.age=age;}var foo=new Foo("Tom",14);foo.name;//Tomfoo.age;//14使用构造函数实例化发生的流程：1.建立一个fo...

2020-05-27

52浏览

0评论

ES6中Array.find()和findIndex()函数的用法详解

ES6为Array增加了find()，findIndex函数。find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就...

2020-05-27

55浏览

0评论

JS闭包的几种常见形式实例详解

作用域链：//作用域链 var a = 1; function test() { var b =2; return a; } alert(test());//弹出1； alert(b);//不能获取b//scope chain var a = 1; function t...

2020-05-27

55浏览

0评论

ES6中Array.copyWithin()函数的用法实例详解

ES6为Array增加了copyWithin函数，用于操作当前数组自身，用来把某些个位置的元素复制并覆盖到其他位置上去。Array.prototype.copyWithin(target, start = 0, end = this.lengt...

2020-05-27

103浏览

0评论

Javascript 严格模式use strict详解

严格模式：由ECMA-262规范定义的JavaScript标准，对javascrip的限制更强。（非严格的模式，被称为“马虎模式/稀松模式/懒散模式”。）一、严格模式的使用严格模式可以在脚本或函数级...

2020-05-27

52浏览

0评论

引入JavaScript时alert弹出框显示中文乱码问题

今天在HTML中引入JavaScript文件运行时，alert弹出的提示框中文显示为乱码。经查有两种可能：1.JavaScript与HTML文件编码方式不一样办法：在引入JavaScript的代码中指定其字符集...

2020-05-27

54浏览

0评论

AngularJs 延时器、计时器实例代码

1.$timeout延时器apptest.controller("main",function($scope,$timeout){ $scope.pink="pink"; $scope.box="第二个盒子"; $timeout(function(){ $scope.pink="第一个...

2020-05-27

51浏览

0评论

JS分页的实现（同步与异步）

分页技术分为后端分页和前端分页。前端分页将数据一次性全部取出来，然后通过js进行分页，有其弊端：假设有商品表dbgoods，存放99999万条数据，执行查询语句
select *from dbgoods w...

2020-05-27

42浏览

0评论

Angularjs自定义指令实现分页插件(DEMO)

由于最近的一个项目使用的是angularjs1.0的版本，涉及到分页查询数据的功能，后来自己就用自定义指令实现了该功能。现在单独做了个简易的小demo，主要是为了分享自己写的分页功能...

2020-05-27

45浏览

0评论

canvas基础绘制-绚丽倒计时的实例

效果图：html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ball</title> <script src="digit_1.js"></script> <script src="countdown.js"></scri...

2020-05-27

33浏览

0评论

限时抢购-倒计时的完整实例(分享)

如下所示：<!DOCTYPE HTML><html><head> <meta charset=utf-8"/> <title>团购——限时抢</title></head><body><div> <div class="time">还剩 <span id="LeftTime"></span></d...

2020-05-27

114浏览

0评论

利用express启动一个server服务的方法

安装express$ npm install express --save在node.js中，我们最常用的框架就是expressExpress 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特...

2020-05-27

52浏览

0评论

基于js的变量提升和函数提升(详解)

一、变量提升在ES6之前，JavaScript没有块级作用域(一对花括号{}即为一个块级作用域)，只有全局作用域和函数作用域。变量提升即将变量声明提升到它所在作用域的最开始的部分。...

2020-05-27

42浏览

0评论

基于Bootstrap框架菜鸟入门教程(推荐)

Bootstrap菜鸟入门教程
Bootstrap简介Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。一、...

2020-05-27

52浏览

0评论

浅谈函数调用的不同方式,以及this的指向

一、函数的调用方式1.作为函数，一种直接易懂的方式（即函数调用模式）。2.作为方法，方法是连接在对象上的，被这个对象调用，这种形式就是面向对象编程。3.作为构造器，在构造的过程中一...

2020-05-27

51浏览

0评论

基于Node.js模板引擎教程-jade速学与实战1

环境准备：全局安装jade: npm install jade -g初始化项目package.json: npm init --yes安装完成之后，可以使用 jade --help 查看jade的命令行用法一、在项目目录下新建index.ja...

2020-05-27

41浏览

0评论

javascript 删除select中的所有option的实例

javascript 删除select中的所有option的实例方法一：
function DeleteOptions() { var obj = document.getElementsByTagName("select")[0]; var selectOptions =...

2020-05-27

52浏览

0评论

jQuery UI 实例讲解 - 日期选择器(Datepicker)

默认功能
日期选择器（Datepicker）绑定到一个标准的表单 input 字段上。把焦点移到 input 上（点击或者使用 tab 键），在一个小的覆盖层上打开一个交互日历。选择一个日期，点击页面上...

2020-05-27

62浏览

0评论

angular指令笔记ng-options的使用方法

1、ng-options指令用途：在表达式中使用数组或对象来自动生成一个select中的option列表。ng-options与ng-repeat很相似，很多时候可以用ng-repeat来代替ng-options。但是ng-opti...

2020-05-27

44浏览

0评论

angularjs实现猜数字大小功能

本文实例为大家分享了angularjs实现猜数字大小功能的具体代码，供大家参考，具体内容如下<body ng-app="myapp" ng-controller="myCtrl"> <h2>猜一猜，多大值？（1-1000）</h2> 我猜是:<...

2020-05-27

50浏览

0评论

彻底搞懂JavaScript中的apply和call方法(必看)

call和apply都是为了改变某个函数运行的context上下文而存在的，即为了改变函数体内部this的指向。因为JavaScript的函数存在定义上下文和运行时上下文以及上下文是可以改变的...

2020-05-27

40浏览

0评论

信息滚动效果的实例讲解

html：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>向上无缝滚动</title> <link rel="stylesheet" href="style.css" rel="external nofollow" >...

2020-05-27

54浏览

0评论

vue-ajax小封装实例

1. js 文件：/** ajax封装:* 1. 引入文件* 2. new Vue().ajax.get(url,data,fn,ojson), 或 new Vue().ajax.post(url,data,fn,ojson)* url: 需要获取数据的文件地址 (string)*...

2020-05-27

41浏览

0评论

angularjs路由传值$routeParams详解

AngularJS利用路由传值，供大家参考，具体内容如下　1.导包 <script src="angular.min.js"></script> <script src="angular-route.js"></script>2.依赖注入ngRoutevar myapp=an...

2020-05-27

40浏览

0评论

新手vue构建单页面应用实例代码

本文介绍了新手vue构建单页面应用实例代码，分享给大家，具体如下步骤：1.使用vue-cli创建项目
2.使用vue-router实现单页路由
3.用vuex管理我们的数据流
4.使用vue-resource请求...

2020-05-27

53浏览

0评论

Nodejs+express+ejs简单使用实例代码

前几天主要看了express，今天开始接触ejs，jade还是不想看了，O(∩_∩)O哈哈~var express = require("express");var ejs = require('ejs');//var fs = require("fs");//var bodyP...

2020-05-27

73浏览

0评论

Mongoose中document与object的区别示例详解

前言本文主要给大家总结介绍了关于Mongoose中document与object区别的相关内容，分享出来供大家参考学习，其实这个问题其实是mongoose非常常见的问题，经常有很多以前没遇到这个问...

2020-05-27

36浏览

0评论

Express使用html模板的详细代码

express默认使用jade模板，可以配置让其支持使用ejs或html模板。1. 安装ejs在项目根目录安装ejs.npm install ejs2、引入ejsvar ejs = require('ejs'); //我是新引入...

2020-05-27

59浏览

0评论

详解利用 Express 托管静态文件的方法

通过 Express 内置的 express.static 可以方便地托管静态文件，例如图片、CSS、JavaScript 文件等。将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提...

2020-05-27

49浏览

0评论

详解node服务器中打开html文件的两种方法

本文介绍了详解node服务器中打开html文件的两种方法，分享给大家，具体如下：
方法1：利用 Express 托管静态文件，详情查看这里方法2：使用fs模块提供的readFile方法打开文件，让其以text...

2020-05-27

66浏览

0评论

jQuery实现对网页节点的增删改查功能示例

本文实例讲述了jQuery实现对网页节点的增删改查功能。分享给大家供大家参考，具体如下：前面介绍过《JavaScript针对网页节点的增删改查用法》，其实JavaScript对DOM的操作已经总...

2020-05-27

57浏览

0评论

node+express+ejs使用模版引擎做的一个示例demo

什么是模板引擎模板引擎（Template Engine）是一个将页面模板和要显示的数据结合起来生成 HTML 页面的工具。如果说上面讲到的 express 中的路由控制方法相当于 MVC 中的控制器...

2020-05-27

53浏览

0评论

JavaScript实现body内任意节点的自定义属性功能示例

本文实例讲述了JavaScript实现body内任意节点的自定义属性功能。分享给大家供大家参考，具体如下：在HTML中body内的任意节点是可以自定义属性的，当然不包括body，
比如以下的代码：<...

2020-05-27

92浏览

0评论

vue多种弹框的弹出形式的示例代码

1、父组件引入子组件，子组件的加载问题
products.vue引入dlAddProd弹框（dlAddProd.vue），由于<div v-show="visible">，所以在products页面加载时，dlAddProd会被加载。但是el-dialog...

2020-05-27

58浏览

0评论

JavaScript实现的原生态Tab标签页功能【兼容IE6】

本文实例讲述了JavaScript实现的原生态Tab标签页功能。分享给大家供大家参考，具体如下：标签页是一个很常见的东西，在一些框架中也就很常见的，但未必所有人都知道怎么写，很多人知...

2020-05-27

35浏览

0评论

inner join 内联与left join 左联的实例代码

今天老板把我叫过去，给我分析了一下我写的存储过程【捂脸羞愧中。。。】，因为又临时加了个需求需要关联另外一个视图，我写成了内联，所以读取出来的数据少了好多。select t1.MOTC...

2020-05-27

57浏览

0评论

node.js中使用Export和Import的方法

Nodejs 6.x版本还没有支持export 和importimport与export是es6中模块化的导入与导出，node.js现阶段不支持，需要通过babel进行编译，使其变成node.js的模块化代码。（关于node.js模...

2020-05-27

55浏览

0评论

jQuery实现的表格前端排序功能示例

本文实例讲述了jQuery实现的表格前端排序功能。分享给大家供大家参考，具体如下：表格前端按列排序依赖jQuery(本例使用jQuery-1.8.2)1.初始化方法(function($){ //插件 $.ext...

2020-05-27

78浏览

0评论

Angular中的$watch方法详解

在$apply方法中提到过脏检查，首先apply方法会触发evel方法，当evel方法解析成功后，会去触发digest方法，digest方法会触发watch方法。(1)$watch简介在digest执行时，如果watch观察的...

2020-05-27

78浏览

0评论

20170918 前端开发周报之JS前端开发必看

1、用函数式编程对JavaScript进行断舍离当从业20的JavaScript老司机学会函数式编程时，他扔掉了90%的特性，也不用面向对象了，最后发现了真爱啊！！！https://www.freexyz.cn/article/123...

2020-05-27

43浏览

0评论

javascript流程控制语句集合

一、if语句 if语句是最基本的条件判断语句。根据表达式条件来执行相应的处理。语法示例如下: var a=5; //声明变量a，并赋值为5. var b; //声明变量b。 if(a...

2020-05-27

84浏览

0评论

js实现可以点击收缩或张开的悬浮窗

本文实例为大家分享了js实现悬浮窗的具体代码，供大家参考，具体内容如下说明：点击”+“按钮，悬浮窗收缩/展开思路1、在html中定义一个div块，定一个id；一个按钮，点击时用。2、写一个j...

2020-05-27

137浏览

0评论

JavaScript实现的斑马线表格效果【隔行变色】

本文实例讲述了JavaScript实现的斑马线表格效果。分享给大家供大家参考，具体如下：虽然现在有很多框架可以轻松的实现斑马线效果，而且兼容性也很不错，比如bootstrap，但是不可否认...

2020-05-27

热门文章