92浏览

0评论

JS点击缩略图整屏居中放大图片效果

需要实现的效果图：今天开发的时候，遇到要点击缩略图之后居中显示图片的大图查看（大致效果如上图所示）~想了好几种实现方式，最开始的时候，是想通过animate来点击图片进行显示，可是后...

• 2020-05-27

58浏览

0评论

jQuery动画_动力节点节点Java学院整理

用JavaScript实现动画，原理非常简单：我们只需要以固定的时间间隔（例如，0.1秒），每次把DOM元素的CSS样式修改一点（例如，高宽各增加10%），看起来就像动画了。但是要用JavaScript手动实现动...

• 2020-05-27

80浏览

0评论

jQuery查找和过滤_动力节点节点Java学院整理

通常情况下选择器可以直接定位到我们想要的元素，但是，当我们拿到一个jQuery对象后，还可以以这个对象为基准，进行查找和过滤。
最常见的查找是在某个节点的所有子节点中查找，使用f...

• 2020-05-27

69浏览

0评论

JavaScript之Canvas_动力节点Java学院整理

Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。
没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互...

• 2020-05-27

69浏览

0评论

JS实现给json数组动态赋值的方法示例

本文实例讲述了JS实现给json数组动态赋值的方法。分享给大家供大家参考，具体如下：json 数组也是数组：//1、var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]";va...

• 2020-05-27

84浏览

0评论

jQuery简介_动力节点Java学院整理

江湖传言，全世界大约有80~90%的网站直接或间接地使用了jQuery。鉴于它如此流行，又如此好用，所以每一个入门JavaScript的前端工程师都应该了解和学习它。jQuery这么流行，肯定是因...

• 2020-05-27

67浏览

0评论

jQuery层级选择器_动力节点节点Java学院整理

因为DOM的结构就是层级结构，所以我们经常要根据层级关系进行选择。层级选择器（Descendant Selector）
如果两个DOM元素具有层级关系，就可以用$('ancestor descendant')来选择，层级...

• 2020-05-27

57浏览

0评论

jQuery操作DOM_动力节点Java学院整理

jQuery的选择器很强大，用起来又简单又灵活，但是搞了这么久，我拿到了jQuery对象，到底要干什么？
答案当然是操作对应的DOM节点啦！
回顾一下修改DOM的CSS、文本、设置HTML有多么麻烦，...

• 2020-05-27

89浏览

0评论

Angular 4.X开发实践中的踩坑小结

本文主要给大家分享了关于Angular 4.X开发中与到的一些踩坑经验，分享出来供大家参考学习，下面来一起看看详细的介绍：一、使用ngIf或者ngSwitch出错在html文件中使用ngIf或者ngS...

• 2020-05-27

70浏览

0评论

Angular 2父子组件数据传递之局部变量获取子组件其他成员

前言本文主要介绍的是关于Angular 2父子组件之间数据传递之局部变量获取子组件其他成员的相关内容，话不多说，来看看详细介绍：通过@Input和@Output可以实现数据之间的传递，但是无...

• 2020-05-27

85浏览

0评论

jQuery实现动态给table赋值的方法示例

本文实例讲述了jQuery实现动态给table赋值的方法。分享给大家供大家参考，具体如下：html请忽视各种class，因为前端用的是layui<table class="layui-table" lay-skin="line" id="...

• 2020-05-27

88浏览

0评论

Angular 2父子组件之间共享服务通信的实现

前言如今的前端开发，都朝组件式开发模式靠拢，如果使用目前最流行的前端框架Angular和React开发应用，不可避免地需要开发组件，也就意味着我们需要考虑组件间的数据传递等问题，不过...

• 2020-05-27

82浏览

0评论

详解node如何让一个端口同时支持https与http

众所周知node是一个高性能的web服务器，使用它可以很简单的创建一个http或https的服务器。
比如一个很简单的http服务器：var http = require('http');var https = require('htt...

• 2020-05-27

91浏览

0评论

详解HTTPS 的原理和 NodeJS 的实现

基本原理
HTTP协议采用明文传输数据，当涉及敏感信息的传送时，极有可能会受到窃听或者中间人的攻击。HTTPS是HTTP与SSL/TLS的组合，即使用加密通讯以及网络服务器的身份鉴定来进...

• 2020-05-27

71浏览

0评论

Angular 2父子组件数据传递之@ViewChild获取子组件详解

前言之前在《Angular 2父子组件数据传递之局部变量获取子组件其他成员》讲到过（如果有不懂的，可以先去看看），通过在子组件模版上设置局部变量的方式获取子组件的成员变量，但是有...

• 2020-05-27

70浏览

0评论

详解vue-cli 脚手架项目-package.json

使用vue-cli脚手架新建的项目中，含有package.json。
package.json是npm的配置文件，里面设定了脚本以及项目依赖的库。 npm run dev 这样的命令就写在package.json里。{ "name...

• 2020-05-27

76浏览

0评论

详解Angular.js中$http拦截器的介绍及使用

前言$http service在Angular中用于简化与后台的交互过程，其本质上使用XMLHttpRequest或JSONP进行与后台的数据交互。在与后台的交互过程中，可能会对每条请求发送到Server之前...

• 2020-05-27

95浏览

0评论

详解vue-router和vue-cli以及组件之间的传值

首先简单介绍使用vue-router的四个基本步骤：（为了方便演示，所有代码都写在一个文件里）1.定义组件


2.定义路由

3.创建router实例并将定义好的路由传入

4.创建和挂载根实例
再...

• 2020-05-27

80浏览

0评论

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

82浏览

0评论

JavaScript在控件上添加倒计时功能的实现代码

一.概述在有些 报表 需求中，需要为控件添加倒计时功能，限制到某一个时间点后能进行一项操作或不能进行某项操作，比如查询，导出功能等等，又需要人性化地显示还有多少时间，即倒计时...

• 2020-05-27

70浏览

0评论

vue-resource 拦截器（interceptor）的使用详解

拦截器-interceptor在现代的一些前端框架上，拦截器基本上是很基础但很重要的一环，比如Angular原生就支持拦截器配置，VUE的Axios模块也给我们提供了拦截器配置，那么拦截器到底是...

• 2020-05-27

54浏览

0评论

使用vue构建一个上传图片表单

这篇博客也不知道起个什么名字比较好，毕竟刚开始学习vue，很多还不是很熟悉，一直在慢慢摸索中；之前也习惯了用jQuery写js代码，思维逻辑也要有个转换的过程。1. 转变思维使用vue编...

• 2020-05-27

92浏览

0评论

详解用vue编写弹出框组件

前言
最近研究了用vue编写弹出框的组件，发现其实这里面的门道还是有很多的。这篇文完全是用来记录总结下最近的学习成果，同时也希望能够帮得上正在学习纠结的你~ps:本文假设你...

• 2020-05-27

65浏览

0评论

原生js实现简单的链式操作

在jQuery中，一个jq对象能一直连续调用各种方法，因为jQuery把这些方法挂载他自定义的一个对象中，但是使用原生的js获取的DOM对象，只能使用一次addEventLisenter方法添加事件，如果...

• 2020-05-27

110浏览

0评论

JavaScript中三个等号和两个等号你了解多少

引子
众所周知，用在if条件判断语句中，js有六种假值：false, null, undefined, '', NAN, 0。先来看几个例子：[] === []NaN === NaNNaN == NaN0 == []'' == []'' == {}[] == undefi...

• 2020-05-27

85浏览

0评论

js CSS3实现卡牌旋转切换效果

我们经常会在游戏里看到一些几张卡牌左右切换的效果，中间的一张最突出醒目，向左或向右滑动可切换到另一张，今天我们就用CSS3来实现下这种效果。我们先来看个demo，具体的样式各位...

• 2020-05-27

99浏览

0评论

AngularJS实现表格的增删改查（仅限前端）

用AngularJS实现对表格的增删改查（仅限前端），具体代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>实现表格的增删改查</title> <meta http-equiv=...

• 2020-05-27

93浏览

0评论

5分钟打造简易高效的webpack常用配置

webpack给前端开发带来了毋庸置疑的改变，它把JS，图片，css都作为模块处理，同时具有开发便捷，自动化，兼容AMD写法等等诸多无须赘述的优点，更令人称道的是其插件社区非常强大，对于不同...

• 2020-05-27

74浏览

0评论

JS中type="button"和type="submit"的区别

　　Submit是专门用于提交表单的Button，与Button的区别主要有两点：　　type=button 就单纯是按钮功能 　　type=submit 是发送表单　　 (1)Submit将表单提交(form.submit())作...

• 2020-05-27

89浏览

0评论

JavaScript无操作后屏保功能的实现方法

今天组里的同事要写一个屏保的效果，要求鼠标无操作N秒后进入屏幕保护，滑动鼠标的时候取消屏幕保护。因为是坐在网页上，所以用JavaScript简单实现了一下，记录在此，代码如下：<html><...

• 2020-05-27

75浏览

0评论

jquery拖动改变div大小

本文实例为大家分享了jquery拖动改变div大小的具体代码，供大家参考，具体内容如下<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <ti...

• 2020-05-27

152浏览

0评论

使用JavaScript根据图片获取条形码的方法

最近在弄一个零售超市的项目，但是苦于需要自己录入数据，超市少的也有1000多种商品，自己一个一个录入肯定不太现实，所以考虑扫描商品的条形码，根据条形码获取商品的信息这样效率就...

• 2020-05-27

155浏览

0评论

使用angular帮你实现拖拽的示例

拖拽有多种写法，在这里就看一看angular版的拖拽。<!DOCTYPE html><html ng-app="myApp"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"...

• 2020-05-27

317浏览

0评论

nodejs模块学习之connect解析

nodejs 发展很快，从 npm 上面的包托管数量就可以看出来。不过从另一方面来看，也是反映了 nodejs 的基础不稳固，需要开发者创造大量的轮子来解决现实的问题。知其然，并知其所以然...

• 2020-05-27

69浏览

0评论

js获取元素的偏移量offset简单方法(必看)

前言：以前一直是看别人写的，然后学习点东西，现在也把自己的学习记录下来，给大家一个学习的机会，欢迎大家多多评论和推荐哈，共同进步。竟然还有六个人关注我了 ，哈哈 开心。我会继续...

• 2020-05-27

99浏览

0评论

Angular2 自定义validators的实现方法

angular 当需要form表单需要验证时，angular自带了许多校验器，但是很多时候自带的无法满足业务需求，这时候就需要自定义的校验器定义一个validator定义validator 需要实现 Valid...

• 2020-05-27

77浏览

0评论

vue2.X组件学习心得(新手必看篇)

VUEJS学习网址：https://cn.vuejs.org/此文章是用来记录自己的学习和实践心得。关注点：父子组件之间的通信看图说话：Pass Props子组件本身与父组件是孤立的，通过子组件中显示声明...

• 2020-05-27

72浏览

0评论

js实现图片旋转 js滚动鼠标中间对图片放大缩小

从开通博客园到今天，有两个多月了。我发现之前没有开通博客记录自己所做的东西，真是后悔啊。现在一点一点把自己所做的功能以博客的形式记录下来，一方面可以给大家分享，大家一起...

• 2020-05-27

119浏览

0评论

Angular 2父子组件数据传递之@Input和@Output详解 (上)

前言为了让大家学习起来轻松、易懂，小编尽量做到篇幅短，语言通俗易懂，知识点分段来讲，以免太长了看起来很累，也很容易失去耐心阅读下去，希望大家理解和支持，同时希望大家点赞和分享...

• 2020-05-27

84浏览

0评论

JS鼠标滚动分页效果示例

首先先看问题：在开发的时候，看到这种现象 就会思考：为什么左边的数据出来比右边的慢呢？因为这里没有进行分页，左边的数据多，所以查询相对较慢。解决办法就是进行分页，但是在项目中...

• 2020-05-27

69浏览

0评论

使用prop解决一个checkbox选中后再次选中失效的问题

//问题点初始状态复选框没有全选，点击全选按钮调用checkAll方法，实现了全选，然后点击全不选按钮， 实现了全不选，然后再次点击全选按钮，结果却木有全选，再反复点击木有任何反应。dem...

• 2020-05-27

89浏览

0评论

Angular 2父子组件数据传递之@Input和@Output详解(下)

前言之前已经给大家介绍了Angular 2父子组件数据传递之@Input和@Output的相关内容，下面这篇文章我们再进一步的进行介绍：子组件向父组件传递数据使用事件传递是子组件向父组件...

• 2020-05-27

100浏览

0评论

js 获取元素的具体样式信息getcss(实例讲解)

如果想获取元素的某一个具体的样式属性值1、元素.style.属性名需要我们把元素的样式都写在行内样式上才可以（写在样式表中是不管用的）console.log(box.style.height) ->null...

• 2020-05-27

79浏览

0评论

JS实现unicode和UTF-8之间的互相转换互转

有一设备，为短信网关。需将PC送过来的UTF-8转换成UNICODE才能将内容通过短信发送出去，同样，接收到的短信为unicode编码，也许转换成UTF-8才能在PC端软件显示出来。程序很简单，只是...

• 2020-05-27

96浏览

0评论

JS FormData上传文件的设置方法

使用FormData上传文件时，总是获取不到req.file对象。发现是没有配置对FormData导致。这里我是在vue中使用axios发送的请求，配置代码如下。重点地方给出注释<form id="uploadfo...

• 2020-05-27

82浏览

0评论

解决ztree搜索中多级菜单展示不全问题

ztree 官网的中的 Search Nodes 例子中，所有菜单都是连着的，如果出现某个菜单下无子节点，那么在搜索时，此节点便不会自动展开，这里给出对应的增强版代码var setting = { data:...

• 2020-05-27

95浏览

0评论

nodeJS（express4.x）+vue（vue-cli）构建前后端分离实例(带跨域)

准备工作：1.安装nodejs ---还用我教了？
2.安装依赖包express4.x 点这里》》》nodeJS搭建本地服务器
3.安装vue-cli脚手架 点这里》》》vue-cli构建vue项目这里强调一下，expres...

• 2020-05-27

102浏览

0评论

详解vue express启动数据服务

这两天学习了一下vue和express结合，本文记录一下vue express启动数据服务
记录一下配置build->dev.sever.js配置var apiServer = express()var bodyParser = require('body-p...

• 2020-05-27

80浏览

0评论

jQuery修改DOM结构_动力节点Java学院整理

直接使用浏览器提供的API对DOM结构进行修改，不但代码复杂，而且要针对浏览器写不同的代码。有了jQuery，我们就专注于操作jQuery对象本身，底层的DOM操作由jQuery完成就可以了，这样...

• 2020-05-27

61浏览

0评论

jQuery事件_动力节点Java学院整理

因为JavaScript在浏览器中以单线程模式运行，页面加载后，一旦页面上所有的JavaScript代码被执行完后，就只能依赖触发事件来执行JavaScript代码。
浏览器在接收到用户的鼠标或键...

• 2020-05-27