189浏览

0评论

json2.js 入门教程之使用方法与实例分析

json2.js主要功能是做什么的？json2.js提供了json的序列化和反序列化方法，可以将一个json对象转换成json字符串，也可以将一个json字符串转换成一个json对象。json2.js在浏览器不...

• 2020-05-27

62浏览

0评论

基于Vue单文件组件详解

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

• 2020-05-27

76浏览

0评论

基于Vue生产环境部署详解

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

• 2020-05-27

159浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

116浏览

0评论

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

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

• 2020-05-27

81浏览

0评论

Vue渲染函数详解

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

• 2020-05-27

174浏览

0评论

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

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

• 2020-05-27

76浏览

0评论

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

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

• 2020-05-27

98浏览

0评论

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

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

• 2020-05-27

63浏览

0评论

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

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

• 2020-05-27

104浏览

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

305浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27

173浏览

0评论

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

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

• 2020-05-27

84浏览

0评论

详解Vue.js Mixins 混入使用

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

• 2020-05-27

70浏览

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

98浏览

0评论

JavaScript实现换肤功能

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

59浏览

0评论

webpack构建react多页面应用详解

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

• 2020-05-27

83浏览

0评论

EasyUI创建人员树的实例代码

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

• 2020-05-27

76浏览

0评论

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

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

• 2020-05-27

108浏览

0评论

Angular使用Md5加密的解决方法

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

• 2020-05-27

85浏览

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

78浏览

0评论

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

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

• 2020-05-27

81浏览

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

88浏览

0评论

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

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

• 2020-05-27

165浏览

0评论

Javascript 严格模式use strict详解

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

60浏览

0评论

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

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

• 2020-05-27

60浏览

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

52浏览

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

151浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

82浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

angularjs实现猜数字大小功能

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

57浏览

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

69浏览

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

85浏览

0评论

angularjs路由传值$routeParams详解

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

• 2020-05-27

61浏览

0评论

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

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

• 2020-05-27