JavaScript - 教程之家

49浏览

0评论

基于Vue单文件组件详解

本文将详细介绍Vue单文件组件概述在很多 Vue 项目中，使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素。这种方式在...

2020-05-27

57浏览

0评论

基于Vue生产环境部署详解

前面的话开发时，Vue 会提供很多警告来帮助解决常见的错误与陷阱。生产时，这些警告语句却没有用，反而会增加载荷量。再次，有些警告检查有小的运行时开销，生产环境模式下是可以避免...

2020-05-27

133浏览

0评论

angular4模块中给标签添加背景图的实现方法

一、现象一个全屏的“走马灯”每项需要添加背景图，在循环标签里需要动态添加行内样式二、解决1、首先有一个图片数组，如：export class AppComponent { array = ["url(/assets/i...

2020-05-27

54浏览

0评论

Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)

在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的vuex是什么东东呢？组件通信的本质其实就是在组件之间传递数据...

2020-05-27

70浏览

0评论

动态创建Angular组件实现popup弹窗功能

起步: 直接使用ngIf把弹窗的DOM直接放在页面底下隐藏，通过ngIf这样的指令控制其显示。改进: 封装成angular模块，通过服务控制其显示直接使用ngIf的话，让人不爽的地方就在于不够...

2020-05-27

81浏览

0评论

详解利用 Vue.js 实现前后端分离的RBAC角色权限管理

项目背景：物业管理后台，不同角色拥有不同权限采用技术：Vue.js + Vuex + Element UI实现 RBAC 权限管理需要后端接口支持，这里仅提供前端解决方案。
因代码篇幅较大，对代码进行了...

2020-05-27

85浏览

0评论

JavaScript中如何判断一个值的类型

我们知道在js中有一个运算符可以帮助我们判断一个值的类型，它就是typeof运算符。console.log(typeof 123); //numberconsole.log(typeof '123'); //stringconsole.log(typeo...

2020-05-27

70浏览

0评论

Vue渲染函数详解

前面的话Vue 推荐在绝大多数情况下使用 template 来创建HTML。然而在一些场景中，真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。本文...

2020-05-27

155浏览

0评论

详解nodejs中express搭建权限管理系统

权限管理，是管理系统中的常见组件。通常需要定义资源，把资源调配给用户，通过判断用户是否有权限增删改查来实现。初衷：使用express开发过的项目大大小小加在一起也有二十多个了，...

2020-05-27

70浏览

0评论

vue用addRoutes实现动态路由的示例

之前在基于Vue实现后台系统权限控制一文中提到路由权限的实现思路，因为不喜欢在每次路由跳转的before钩子里做判断，所以在初始化Vue实例前对路由做了筛选，再用实际路由初始化Vu...

2020-05-27

81浏览

0评论

Vue-router 类似Vuex实现组件化开发的示例

本文介绍了Vue-router 类似Vuex实现组件化开发的示例，分享给大家，具体如下：
随着项目越来越大，把所有route写在一个文件里就显得杂乱。#单个组件路由import a from '../componen...

2020-05-27

54浏览

0评论

jQuery获取复选框选中的当前行的某个字段的值

废话不多说了，直接给大家贴代码了，具体代码如下所示： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head><scrip...

2020-05-27

74浏览

0评论

vue中for循环更改数据的实例代码(数据变化但页面数据未变）

废话不多说了，直接给大家贴代码了，具体代码如下所示： let that = this;for(let i = 0;i<that.tableData.length;i++){ this.tableData[i].zzzk = this.midForm.zzzk; console.l...

2020-05-27

278浏览

0评论

vue实现登陆登出的实现示例

最近接手的B端项目选择了vue来做，此项目使用element ui Message等为组件望周知需求登陆成功后跳转至首页首页不能手动跳转至登陆页登陆后跳转至目标页面此次B端SPA项...

2020-05-27

67浏览

0评论

Node.js实现连接mysql数据库功能示例

本文实例讲述了Node.js实现连接mysql数据库功能。分享给大家供大家参考，具体如下：Node.js连接数据库前，需要安装相应的包，如果安装sql server 需要先装包node-sqlserver。我们以...

2020-05-27

138浏览

0评论

详解axios 全攻略之基本介绍与使用（GET 与 POST）

axiosaxios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务
Vue 2.0 官方推荐使用 axios 来代替原来的 Vue request，所以这里介绍一下 axios 的功能和基本的...

2020-05-27

75浏览

0评论

详解Vue.js Mixins 混入使用

Mixins一般有两种用途：1、在你已经写好了构造器后，需要增加方法或者临时的活动时使用的方法，这时用混入会减少源代码的污染。2、很多地方都会用到的公用方法，用混入的方法可以减...

2020-05-27

54浏览

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

90浏览

0评论

JavaScript实现换肤功能

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

52浏览

0评论

webpack构建react多页面应用详解

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

2020-05-27

67浏览

0评论

EasyUI创建人员树的实例代码

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

85浏览

0评论

Angular使用Md5加密的解决方法

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

2020-05-27

71浏览

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

65浏览

0评论

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

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

2020-05-27

66浏览

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

71浏览

0评论

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

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

2020-05-27

133浏览

0评论

Javascript 严格模式use strict详解

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

54浏览

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

41浏览

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

126浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

52浏览

0评论

angularjs实现猜数字大小功能

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

51浏览

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

62浏览

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

52浏览

0评论

angularjs路由传值$routeParams详解

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

58浏览

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

热门文章