JavaScript - 教程之家

55浏览

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

58浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

66浏览

0评论

详解用vue编写弹出框组件

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

50浏览

0评论

jquery拖动改变div大小

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

2020-05-27

113浏览

0评论

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

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

2020-05-27

128浏览

0评论

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

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

2020-05-27

256浏览

0评论

nodejs模块学习之connect解析

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

72浏览

0评论

Angular2 自定义validators的实现方法

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

49浏览

0评论

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

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

2020-05-27

87浏览

0评论

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

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

2020-05-27

60浏览

0评论

JS鼠标滚动分页效果示例

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

64浏览

0评论

JS FormData上传文件的设置方法

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

66浏览

0评论

详解vue express启动数据服务

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

选择器是jQuery的核心。一个选择器写出来类似$('#dom-id')。为什么jQuery要发明选择器？回顾一下DOM操作中我们经常使用的代码：// 按ID查找：var a = document.getElementById('d...

2020-05-27

63浏览

0评论

jQuery扩展_动力节点Java学院整理

当我们使用jQuery对象的方法时，由于jQuery对象可以操作一组DOM，而且支持链式操作，所以用起来非常方便。
但是jQuery内置的方法永远不可能满足所有的需求。比如，我们想要高亮显示...

2020-05-27

62浏览

0评论

jQuery使用ajax_动力节点Java学院整理

用JavaScript写AJAX前面已经介绍过了，主要问题就是不同浏览器需要写不同代码，并且状态和错误处理写起来很麻烦。
用jQuery的相关对象来处理AJAX，不但不需要考虑浏览器问题，代码...

2020-05-27

107浏览

0评论

Node.js利用js-xlsx处理Excel文件的方法详解

简介
本文介绍用 Node.js 中的 js-xlsx 库来处理 Excel 文件。
js-xlsx 库是目前 Github 上 star 数量最多的处理 Excel 的库，功能强大，但上手难度稍大。文档有些乱，不适合快...

2020-05-27

76浏览

0评论

用node和express连接mysql实现登录注册的实现代码

为了数据库课设，打算后台用node搭建，前台用vue搞个博客出来（因为前段时间在学啊）。本来node不想用框架，喜欢先打好基础的，奈何3个星期要把他做完和应付各种考试，所以最后还是用了ex...

2020-05-27

53浏览

0评论

微信小程序学习之数据处理详解

前言微信小程序数据处理的核心就是js文件 Page 的 data。他是WXML 和js交互的重要桥梁，WXML 页面需要展示的数据都需要被定义在data中，否则就无法在页面进行展示。data中的数...

2020-05-27

76浏览

0评论

详解基于angular-cli配置代理解决跨域请求问题

1.跨域请求产生随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。...

2020-05-27

66浏览

0评论

jQuery常见面试题之DOM操作详析

前言关于JQ的DOM操作面试问题很多，可以从各个点问，所以列举几个常见问题，毕竟面试只是过程，重要的是知识自己掌握了。面试题一：JQ中html()、text()和val()区别？面试题二：JQ中find()...

2020-05-27

66浏览

0评论

angularjs2中父子组件的数据传递的实例代码

父到子组件之间的数据传递父组件模板中引用子组件 // father template： ... <child-item [name] = "fatherItemName" > </child-item>//...`其中”fatherItemName” 为父组...

2020-05-27

107浏览

0评论

AngularJS实现tab选项卡的方法详解

本文实例讲述了AngularJS实现tab选项卡的方法。分享给大家供大家参考，具体如下：一、代码实现<!DOCTYPE html><html ng-app='app'> <head> <meta charset="UTF-8"> <tit...

2020-05-27

54浏览

0评论

AngularJS实现进度条功能示例

本文实例讲述了AngularJS实现进度条功能的方法。分享给大家供大家参考，具体如下：一、功能描述：① 通过select标签，可以为进度条选择不同的样式（颜色）② 进度条的进度通过文本框里...

2020-05-27

90浏览

0评论

详解使用Node.js 将txt文件转为Excel文件

最近同事需要对一份报告进行整理，一共有80个报告约9000多行放在一个txt文件中。虽然每份报告的格式比较类似，但其中部分字段对应的数量依旧会有差别。所以真要靠人工来做，无疑...

2020-05-27

46浏览

0评论

vue router2.0二级路由的简单使用

本文实例为大家分享了vue router2.0二级路由的具体代码，供大家参考，具体内容如下1、app.vue中<template> <div id="app"> <router-view></router-view> </div></template>2、...

2020-05-27

50浏览

0评论

vue.js实现刷新当前页面的方法教程

前言Vue.js（是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，是一种数据驱动的前端框架我们在开发vue...

2020-05-27

88浏览

0评论

webstorm添加vue.js支持的方法教程

前言WebStorm是一款强大的前端开发软件，vue是当前前端热门技术栈。对于WebStorm默认的配置，它会把vue当成文本文件处理，从而无法进行很多智能的编辑。本人使用的是webstorm2016...

2020-05-27

70浏览

0评论

webpack教程之webpack.config.js配置文件

首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件。执行如下命令npm install html-webpack-plugin --save-dev在项目app目...

2020-05-27

74浏览

0评论

JS实现移动端按首字母检索城市列表附源码下载

我们常见的手机通讯录或微信通讯录，联系人信息是按字母顺序排列的列表，通过点击右侧的字母，会迅速定位检索到首字母对应的联系人。那么我今天给大家介绍的是按首字母快速定位到...

2020-05-27

80浏览

0评论

详解vue.js移动端导航navigationbar的封装

有几天没更新了，这几天上海天气比较热，天气一热就懒得写了。今天感觉还好，就写下导航部分的封装吧。
关于环境搭建和底部tabbar的封装请参考前面的两篇文章
web app和移动端原...

2020-05-27

热门文章