JavaScript - 教程之家

58浏览

0评论

JavaScript反弹动画效果的实现代码

代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #box{ width:200px; height:200px; posit...

2020-05-27

59浏览

0评论

解决vue2.x中数据渲染以及vuex缓存的问题

最近在学习Vue.js，把自己遇到的问题做个记录，所以，今天添加一点小笔记。在项目中遇到两个问题，简单的做个笔记来记录自己解决的问题，可能不是很好的处理办法，欢迎提出，自己还在不断...

2020-05-27

57浏览

0评论

jsonp跨域请求详解

前端时间因为太忙，一直没有处理跨域这个事情，今天抽了一个小时轻松解决，突然发现上个月又写了很多重复代码。因为现在公司项目分为多个工程，前后端完全分离，manage工程做所有业务...

2020-05-27

34浏览

0评论

解决vue里碰到 $refs 的问题的方法

本篇文章介绍了vue里碰到 $refs 的问题，分享给大家，希望能帮助大家解决问题记录困惑自己一个简单的问题...(瞬间感觉官方文档的强大)在自己做的一个项目中，遇到一个列表页，根据i...

2020-05-27

46浏览

0评论

js自定义弹框插件的封装

弹出层提示信息，这是移动前端开发中最常见的需求，你可能会想到一些流行的弹框插件，比如经典的artDialog 炫酷的Sweetalert等等..但是慢慢地你其实会发现通常情况下需求定制化...

2020-05-27

61浏览

0评论

深入理解vue $refs的基本用法

我最近在研究vue 的路上，看到了vue $refs的用法，那么今天也算个学习笔记吧！<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div><s...

2020-05-27

51浏览

0评论

vue通过watch对input做字数限定的方法

之前写了关于vue通过watch对input做字数限定的方法，最近需要回顾，就顺便发到随笔上了
<div id="app"> <input type="text" v-model="items.text" ref="count"/> <div v-ht...

2020-05-27

87浏览

0评论

详解VUE中v-bind的基本用法

这两天学习了v-bind的基本用法，所以，今天添加一点小笔记。
1. v-bind:class（根据需求进行选择）1.1
<style>.box{ background-color: #ff0;}.textColor{ color: #000;}.textSi...

2020-05-27

47浏览

0评论

js学习心得_一个简单的动画库封装tween.js

具体代码如下：~function(){ var myEffect = { Linear:function(t,b,c,d){ return c*t/d+b }, Quad: {//二次方的缓动（t^2）； easeIn: function(t,b,c,d){...

2020-05-27

43浏览

0评论

Javascript中Promise的四种常用方法总结

前言
Promise是JavaScript异步操作解决方案，最近看到项目里不少人用了Promise 的库类，比如 bluebird、q 、jQuery.Deffered 等 polyfill promise 方式，使用的时候翻看长长的文...

2020-05-27

57浏览

0评论

JS实现数组去重方法总结(六种方法)

方法一：双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组Array.prototype.distinct = function(){ var arr = this, result = [], i, j, le...

2020-05-27

77浏览

0评论

JS实现上传图片的三种方法并实现预览图片功能

在常见的用户注册页面，需要用户在本地选择一张图片作为头像，并同时预览。常见的思路有两种：一是将图片上传至服务器的临时文件夹中，并返回该图片的url，然后渲染在html页面；另一种...

2020-05-27

60浏览

0评论

nodejs构建本地web测试服务器如何解决访问静态资源问题

直接打开html文件，是以file:///方式打开的，这种方式很多时候会遇到跨域的问题，因此我们一般会搭建一个简易的本地服务器，来运行测试页面。一、构建静态服务器1、使用express模块...

2020-05-27

57浏览

0评论

Vue computed计算属性的使用方法

computedcomputed：相当于method，返回function内return的值赋值在html的DOM上。但是多个{{}}使用了computed，computed内的function也只执行一次。仅当function内涉及到Vue实例绑...

2020-05-27

69浏览

0评论

vue.js如何更改默认端口号8080为指定端口的方法

本文介绍了vue.js如何更改默认端口号8080为指定端口，分享给大家，希望此文章对各位有所帮助。
执行npm run dev实际是在调用根目录下的package.json
打开package.json后可发现...

2020-05-27

42浏览

0评论

Vue filters过滤器的使用方法

本文实例为大家分享了Vue filters过滤器使用，供大家参考，具体内容如下实例先来看看一段代码理解下
html
<div id="app"> {{message | filters2| filters3(true,priceCount)}...

2020-05-27

51浏览

0评论

vue-cli单页应用改成多页应用配置详解

前言
从接触vue开始用的是vue-cli直接搭建单页应用，参考配合着vue-router开发起来简直爽到吊炸天，但是由于项目越来越复杂了，单页用起来可能有点力不从心，能不能弄成多页面呢，查...

2020-05-27

55浏览

0评论

vue component组件使用方法详解

什么是组件按照惯例，引用Vue官网的一句话：组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的...

2020-05-27

72浏览

0评论

使用OPENLAYERS3实现点选的方法

WebGIS开发中，点击查询是最常用的一种查询方式，在ArcGIS api 中，这种查询叫IdentifyTask，主要作用是前台提交参数，交ArcServer查询分析返回。本文从开源框架的角度，从前台到服务端...

2020-05-27

47浏览

0评论

微信小程序开发之animation循环动画实现的让云朵飘效果

本文实例讲述了微信小程序开发之animation循环动画实现的让云朵飘效果。分享给大家供大家参考，具体如下：微信小程序提供了实现动画的api——animation，但却不能循环播放，都是一...

2020-05-27

50浏览

0评论

Vue学习笔记进阶篇之过渡状态详解

这两天学习了Vue.js 感觉渡系统这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列表的动效。那么对于数据...

2020-05-27

67浏览

0评论

JS获取填报扩展单元格控件的值的解决办法

1. 问题描述填报预览时，我们想获取到某个控件的值相对来说较容易。但如果控件是扩展的，就只能获取到第一个值，无法根据扩展一行行获取对应的值。例：本意是想获取到袁成洁，结果还...

2020-05-27

60浏览

0评论

简单实现js轮播图效果

本文实例为大家分享了js实现轮播图效果展示的具体代码，供大家参考，具体内容如下html结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti...

2020-05-27

46浏览

0评论

bootstrap精简教程_动力节点Java学院整理

bootstrap 的学习非常简单，并且它所提供的样式又非常精美。只要稍微简单的学习就可以制作出漂亮的页面。
bootstrap提供了三种类型的下载：
1、用于生产环境的 Bootstrap
编译...

2020-05-27

66浏览

0评论

bootstrap是什么_动力节点Java学院整理

Bootstrap 是由两个 twitter 员工开发并开源的前端框架，目前已经到了 2.0.4 的版本，在 Github 上面有 32517个 watch，和 6608个 fork。非常火爆，而如此火爆自然有它的道理，在我们...

2020-05-27

55浏览

0评论

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

一.Jquery EasyUI是什么？
Jquery EasyUI是一个非常优秀的基于Jquery的界面框架插件，它提供了丰富的界面功能，方便快速开发Web界面程序。Jquery EasyUI的作者据说是中国人，对比赞...

2020-05-27

67浏览

0评论

bootstrap基本配置_动力节点Java学院整理

Bootstrap 安装是非常容易的。本章将讲解如何下载并安装 Bootstrap，讨论 Bootstrap 文件结构，并通过一个实例演示它的用法。
实例采用的是百度的静态资源库上的Bootstrap资源...

2020-05-27

58浏览

0评论

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

简介
Web 应用程序越来越关注于前端，使用客户端脚本与 Ajax 进行交互。由于 JavaScript 应用程序越来越复杂，如果没有合适的工具和模式，那么 JavaScript 代码的高效编写、非重...

2020-05-27

53浏览

0评论

BackBone及其实例探究_动力节点Java学院整理

MVC简介
基本介绍
MVC即模型(Model),视图(View)和控制（Controller)，旨在实现Web系统的职能分工，具体来说就是使业务逻辑和数据显示分离。
在MVC中，视图（View）为用户提供交互，模型（Mo...

2020-05-27

62浏览

0评论

JavaScript实现三级联动效果

三级联动：就是平时网页上需要选择的省市县对应位置的下拉栏模块，当选择好省位置后市的下拉栏更新为已选省的，县类似。
<!DOCTYPE html><html><head lang="en"> <meta charset...

2020-05-27

64浏览

0评论

详解基于Node.js的微信JS-SDK后端接口实现代码

做了一个网站，放到线上，用微信打开，点击分享，可是分享后发给朋友的链接卡片是微信默认自带的，如下：这标题，描述以及图片是默认自带的，丑不说，分享给别人还以为是盗号网站呢，而接入微...

2020-05-27

47浏览

0评论

JavaScript实现时间表动态效果

本文实例为大家分享了js实现时间表动态效果的具体代码，供大家参考，具体内容如下这里用到的是Date时间类<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>日期...

2020-05-27

64浏览

0评论

JavaScript实现的可变动态数字键盘控件方式实例代码

整理文档，搜刮出一个JavaScript实现的可变动态数字键盘控件方式实例代码，稍微整理精简一下做下分享。@sunRainAmazing
JavaScript编写和实现的可变动态键盘密码输入控件，可以动...

2020-05-27

48浏览

0评论

Javascript实现时间倒计时效果

本文实例为大家分享了js实现时间倒计时展示的具体代码，供大家参考，具体内容如下这里使用的是Date日期类<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <titl...

2020-05-27

42浏览

0评论

基于AngularJS的拖拽文件上传的实例代码

随着HTML5的普及，现在大部分浏览器都支持拖拽功能，今天我们要说的就是实现一套拖拽上传的功能(Angularjs+nodejs)。
一、首先前端这款插件是基于AngularJS的，下面我们来看主要...

2020-05-27

70浏览

0评论

Javascript实现基本运算器

用Javascript实现一个基本的运算器，具体内容如下使用表格布局，JS添加事件<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>计算器</title></head><styl...

2020-05-27

39浏览

0评论

JavaScript实现跟随滚动缓冲运动广告框

当我们浏览一些网页时我们会发现页面的的边上会有广告图片，当滚动滚动条的时候这些广告图片会跟随性的随页面一起运动（这里我叫它为广告框）。一些网页的广告框是固定在浏览器上...

2020-05-27

41浏览

0评论

vue增删改查的简单操作

本文为大家分享了vue增删改查的简单操作，供大家参考，具体内容如下我们把这些用户信息保存到list的数组中，然后增删改查就在这个数组上进行：list: [ { username: 'aaaaa',...

2020-05-27

73浏览

0评论

详解ES6之用let声明变量以及let loop机制

在上一篇对js闭包的理解那篇文章中，我提到过ES6之前，JavaScript这门语言没有块级作用域，但是在ES6中，加入了let命令,用let声明的变量仅仅可以在其所在的块级作用域中使用。相比...

2020-05-27

50浏览

0评论

js+html5实现页面可刷新的倒计时效果

写了一个5分钟倒计时的代码，有的时候代码需要刷新，然后倒计时又从4：59开始了，我想到的一个解决办法，就是使用缓存，将开始倒计时的时间加上要倒计时的5分钟设为缓存，然后直接用这个...

2020-05-27

54浏览

0评论

js+html5实现复制文字按钮

本文实例为大家分享了js+html5实现点击复制文字的按钮，供大家参考，具体内容如下图片展示：注意css中的样式，有些页面复制不成功就是没有添加那一句造成的。代码块<!DOCTYPE html>...

2020-05-27

53浏览

0评论

深入理解angular2启动项目步骤

1. 创建项目文件夹创建一个新的文件夹来保存你的项目，比如一开始有个self就好了2.安装基础库首先确保已经安装了node.js我们使用 npm package manager 来安装需要的开发库和...

2020-05-27

86浏览

0评论

js编写简单的计时器功能

本文实例为大家分享了js计时器功能的编写代码，供大家参考，具体内容如下小白一枚，如有代码不规范或者写错的地方，希望得大神指导代码：
<!DOCTYPE html><html><head><meta charset=...

2020-05-27

51浏览

0评论

Angular2关于@angular/cli默认端口号配置的问题

前言
最近研究Angular2的@Angular/cli，有改端口号的需求。
方法一
1、定位到：..\node_modules\._@angular_cli@1.0.1@@angular\cli\lib\config
2、打开schema.json
3、直接看...

2020-05-27

48浏览

0评论

angular2 ng build部署后base文件路径问题详细解答

最近在学习angular2中遇到了一些问题，问题如下：问题：使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对解决方案：
在package.json文件的scripts中添加...

2020-05-27

71浏览

0评论

js+html5实现侧滑页面效果

本文实例为大家分享了html5实现侧滑页面效果展示的具体代码，供大家参考，具体内容如下before：after：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="view...

2020-05-27

56浏览

0评论

Vue应用部署到服务器的正确方式

本文介绍了Vue应用部署到服务器，分享给大家，希望此文章对各位有所帮助。很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题，但真正放...

2020-05-27

50浏览

0评论

Vue Spa切换页面时更改标题的实例代码

在Vue组件化开发过程中，因为是单页面开发，但是有时候需要页面的title根据情况改变，于是上网查了一下，各种说法花(wo)里(kan)胡(bu)哨(dong)，于是想到一个黑科技 documet.title="...

2020-05-27

98浏览

0评论

js+html5实现半透明遮罩层弹框效果

点击按钮，出现半透明遮罩层弹框，说说自己之前发过的愁吧
1、遮罩层半透明了弹框也跟着半透明了就像这样绝望吧
是哪里错了呢？你的css是这样写的吧：
应该这样：需要注意的是这...

2020-05-27

43浏览

0评论

Node.js中流(stream)的使用方法示例

前言本文主要给大家介绍了关于Node.js 流(stream)的使用方法，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍：流是基于事件的API,用于管理和处理数据,而且有不错的...

2020-05-27

热门文章