vue.js学习之UI组件开发教程
本文主要给大家介绍了关于vue.js之UI组件开发的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：1. 新建组件：<script src="/public/javascripts/vue.js"></script><...
2020-05-27
解决VUEX刷新的时候出现数据消失
通常，我们在使用vue编写页面时，会需要使用vuex在组件间传递（或者说共同响应）同一个数据的变化。例如：用户的登录信息。下面，我们使用传递用户登录信息的例子来一步步解决这个问题...
2020-05-27
关于页面刷新vuex数据消失问题解决方案
VBox持续进行中，哀家苦啊，有没有谁给个star。vuex是vue用于数据存储的，和redux充当同样的角色。最近在VBox开发的时候遇到的问题，页面刷新或者关闭浏览器再次打开的时候数据归零...
2020-05-27
mac上node.js环境的安装测试
如果大家之前做过web服务器的人都知道,nginx+lua与现在流行的Node.js都是可以做web服务器的,前者在程序的写法和配置上要比后者麻烦,但用起来都是差不多.在这里建议大家如果...
2020-05-27
JS滚动到指定位置导航栏固定顶部
最近整理一下之前做的一个项目，把滚动条动态固定顶部的代码整理出来和大家分享，上代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js滚动到指定位置...
2020-05-27
JavaScript生成图形验证码
本文实例为大家分享了js生成图形验证码的具体代码，供大家参考，具体内容如下getGVerify:function (id) { function GVerify(options) { //创建一个图形验证码对象，接收opti...
2020-05-27
lhgcalendar时间插件限制只能选择三个月的实现方法
废话不多说，直接上代码/** * lhgcalendar时间插件限制只能选择三个月 * @d 获取到的开始时间 * @m 要限制的时间的长度（月） *将最后获得的结束时间与开始时间存放在input中 */...
2020-05-27
vue.js源代码core scedule.js学习笔记
vue.js 源代码学习笔记 core scedule.js，供大家参考，具体内容如下
/* @flow */import type Watcher from './watcher'import config from '../config'import { callHook } fro...
2020-05-27
详解如何提高 webpack 构建 Vue 项目的速度
前言最近有人给我的 Vue2 后台管理系统解决方案 提了 issue ，说执行 npm run build 构建项目的时候极其慢，然后就引起我的注意了。在项目中，引入了比较多的第三方库，导致项目大，...
2020-05-27
JS全角与半角转化实例(分享)
最近在做PC端网站的页面的一个表单校验，需要把全角输入转化成半角符号。之前没有了解过这些编码的知识，还是得Google一下查查资料，故简单总结一下。什么是全角、半角传统上，英语...
2020-05-27
基于Bootstrap分页的实例讲解(必看篇)
前面的话分页导航几乎在每个网站都可见，好的分页能给用户带来好的用户体验。本文将详细介绍Bootstrap分页概述在Bootstrap框架中提供了两种分页导航：☑ 带页码的分页导航...
2020-05-27
javascript 初学教程及五子棋小程序的简单实现
一.JavaScript简介JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的...
2020-05-27
DataTables添加额外的查询参数和删除columns等无用参数实例
废话不多说，直接上代码//1.定义全局变量var iStart = 0, searchParams={};//2.配置datatable的ajax配置项"ajax": { "url": "/user/query", "type": "POST",...
2020-05-27
js学习总结_基于数据类型检测的四种方式(必看)
1、typeof 用来检测数据类型的运算符 console.log(typeof 12)//Number使用typeof检测数据类型，首先返回的都是字符串 ,其次字符串中包含了对应的数据类型例如:"number"、"st...
2020-05-27
基于hover的用法实例(推荐)
//hover,鼠标移入移出的另一种用法<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-e...
2020-05-27
JavaScript中document.referrer的用法详解
前言在JavaScript中，document对象有很多属性，其中有3个与对网页的请求有关的属性，它们分别是URL、domain和referrer。URL属性包含页面完整的URL，domain属性中只包含页面的域名，而...
2020-05-27
Node.js使用gm拼装sprite图片
从设计图切图得到了12个小图标,是按钮的两种状态,然后我就寻思着把他们拼成一张sprite图片.之前用过gulp的sprite插件,但这次我不想搞的太隆重.拼图我知道有个很好用的命令...
2020-05-27
详解在 Angular 项目中添加 clean-blog 模板
在 Angular 项目中添加 clean-blog 模板clean-blog 博客模板下载clean-blog
或者在下面链接下载
startbootstrap-clean-blog-4-dev.zip解压并拷贝解压下载的文件,将所有文件...
2020-05-27
详解在Angular项目中添加插件ng-bootstrap
npm 安装 ng-bootstrap 模块npm install @ng-bootstrap/ng-bootstrap --save在 Angular 项目配置app.module.ts添加import { NgbModule } from "@ng-bootstrap/ng-bootstrap...
2020-05-27
理解Angular的providers给Http添加默认headers
在一般的web应用里，经常会需要在每次发送Http请求的时候，添加header或者一些默认的参数。本文就来看看这个需求的几种实现方式。通过这个实现，我们也能够理解Angular的服务，及其...
2020-05-27
JS点击缩略图整屏居中放大图片效果
需要实现的效果图：今天开发的时候，遇到要点击缩略图之后居中显示图片的大图查看（大致效果如上图所示）~想了好几种实现方式，最开始的时候，是想通过animate来点击图片进行显示，可是后...
2020-05-27
jQuery动画_动力节点节点Java学院整理
用JavaScript实现动画，原理非常简单：我们只需要以固定的时间间隔（例如，0.1秒），每次把DOM元素的CSS样式修改一点（例如，高宽各增加10%），看起来就像动画了。但是要用JavaScript手动实现动...
2020-05-27
jQuery查找和过滤_动力节点节点Java学院整理
通常情况下选择器可以直接定位到我们想要的元素，但是，当我们拿到一个jQuery对象后，还可以以这个对象为基准，进行查找和过滤。
最常见的查找是在某个节点的所有子节点中查找，使用f...
2020-05-27
JavaScript之Canvas_动力节点Java学院整理
Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。
没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互...
2020-05-27
JS实现给json数组动态赋值的方法示例
本文实例讲述了JS实现给json数组动态赋值的方法。分享给大家供大家参考，具体如下：json 数组也是数组：//1、var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";va...
2020-05-27
jQuery简介_动力节点Java学院整理
江湖传言，全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行，又如此好用，所以每一个入门JavaScript的前端工程师都应该了解和学习它。jQuery这么流行，肯定是因...
2020-05-27
jQuery层级选择器_动力节点节点Java学院整理
因为DOM的结构就是层级结构，所以我们经常要根据层级关系进行选择。层级选择器（Descendant Selector）
如果两个DOM元素具有层级关系，就可以用$('ancestor descendant')来选择，层级...
2020-05-27
jQuery操作DOM_动力节点Java学院整理
jQuery的选择器很强大，用起来又简单又灵活，但是搞了这么久，我拿到了jQuery对象，到底要干什么？
答案当然是操作对应的DOM节点啦！
回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦，...
2020-05-27
Angular 4.X开发实践中的踩坑小结
本文主要给大家分享了关于Angular 4.X开发中与到的一些踩坑经验，分享出来供大家参考学习，下面来一起看看详细的介绍：一、使用ngIf或者ngSwitch出错在html文件中使用ngIf或者ngS...
2020-05-27
Angular 2父子组件数据传递之局部变量获取子组件其他成员
前言本文主要介绍的是关于Angular 2父子组件之间数据传递之局部变量获取子组件其他成员的相关内容，话不多说，来看看详细介绍：通过@Input和@Output可以实现数据之间的传递，但是无...
2020-05-27
jQuery实现动态给table赋值的方法示例
本文实例讲述了jQuery实现动态给table赋值的方法。分享给大家供大家参考，具体如下：html请忽视各种class，因为前端用的是layui<table class="layui-table" lay-skin="line" id="...
2020-05-27
Angular 2父子组件之间共享服务通信的实现
前言如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过...
2020-05-27
详解node如何让一个端口同时支持https与http
众所周知node是一个高性能的web服务器，使用它可以很简单的创建一个http或https的服务器。
比如一个很简单的http服务器：var http = require('http');var https = require('htt...
2020-05-27
详解HTTPS 的原理和 NodeJS 的实现
基本原理
HTTP协议采用明文传输数据，当涉及敏感信息的传送时，极有可能会受到窃听或者中间人的攻击。HTTPS是HTTP与SSL/TLS的组合，即使用加密通讯以及网络服务器的身份鉴定来进...
2020-05-27
Angular 2父子组件数据传递之@ViewChild获取子组件详解
前言之前在《Angular 2父子组件数据传递之局部变量获取子组件其他成员》讲到过（如果有不懂的，可以先去看看），通过在子组件模版上设置局部变量的方式获取子组件的成员变量，但是有...
2020-05-27
详解vue-cli 脚手架项目-package.json
使用vue-cli脚手架新建的项目中，含有package.json。
package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。{ "name...
2020-05-27
详解Angular.js中$http拦截器的介绍及使用
前言$http service在Angular中用于简化与后台的交互过程，其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中，可能会对每条请求发送到Server之前...
2020-05-27
详解vue-router和vue-cli以及组件之间的传值
首先简单介绍使用vue-router的四个基本步骤：（为了方便演示，所有代码都写在一个文件里）1.定义组件
2.定义路由
3.创建router实例并将定义好的路由传入
4.创建和挂载根实例
再...
2020-05-27
JavaScript异步上传图片文件的实例代码
html：<form action="url" enctype="multipart/form-data" id="myform" method="post"> <input accept="image/*" id="addfile" type="file" /></form>
jquery：$("#addfil...
2020-05-27
JavaScript在控件上添加倒计时功能的实现代码
一.概述在有些 报表 需求中，需要为控件添加倒计时功能，限制到某一个时间点后能进行一项操作或不能进行某项操作，比如查询，导出功能等等，又需要人性化地显示还有多少时间，即倒计时...
2020-05-27
vue-resource 拦截器（interceptor）的使用详解
拦截器-interceptor在现代的一些前端框架上，拦截器基本上是很基础但很重要的一环，比如Angular原生就支持拦截器配置，VUE的Axios模块也给我们提供了拦截器配置，那么拦截器到底是...
2020-05-27
使用vue构建一个上传图片表单
这篇博客也不知道起个什么名字比较好，毕竟刚开始学习vue，很多还不是很熟悉，一直在慢慢摸索中；之前也习惯了用jQuery写js代码，思维逻辑也要有个转换的过程。1. 转变思维使用vue编...
2020-05-27
详解用vue编写弹出框组件
前言
最近研究了用vue编写弹出框的组件，发现其实这里面的门道还是有很多的。这篇文完全是用来记录总结下最近的学习成果，同时也希望能够帮得上正在学习纠结的你~ps:本文假设你...
2020-05-27
原生js实现简单的链式操作
在jQuery中，一个jq对象能一直连续调用各种方法，因为jQuery把这些方法挂载他自定义的一个对象中，但是使用原生的js获取的DOM对象，只能使用一次addEventLisenter方法添加事件，如果...
2020-05-27
JavaScript中三个等号和两个等号你了解多少
引子
众所周知，用在if条件判断语句中，js有六种假值：false, null, undefined, '', NAN, 0。先来看几个例子：[] === []NaN === NaNNaN == NaN0 == []'' == []'' == {}[] == undefi...
2020-05-27
js CSS3实现卡牌旋转切换效果
我们经常会在游戏里看到一些几张卡牌左右切换的效果，中间的一张最突出醒目，向左或向右滑动可切换到另一张，今天我们就用CSS3来实现下这种效果。我们先来看个demo，具体的样式各位...
2020-05-27
AngularJS实现表格的增删改查（仅限前端）
用AngularJS实现对表格的增删改查（仅限前端），具体代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实现表格的增删改查</title> <meta http-equiv=...
2020-05-27
5分钟打造简易高效的webpack常用配置
webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同...
2020-05-27
JS中type="button"和type="submit"的区别
Submit是专门用于提交表单的Button，与Button的区别主要有两点： type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作...
2020-05-27
JavaScript无操作后屏保功能的实现方法
今天组里的同事要写一个屏保的效果，要求鼠标无操作N秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。因为是坐在网页上，所以用JavaScript简单实现了一下，记录在此，代码如下：<html><...
2020-05-27
