JavaScript - 教程之家

71浏览

0评论

使用Require.js封装原生js轮播图的实现代码

index.html页面:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>require.js封装轮播图</title><style type="text/css">　　*{　　　　margin: 0;　　　　paddin...

2020-05-27

62浏览

0评论

详解Nodejs之npm&package.json

一直以来，作为前端开发，在公司都是先写好页面，然后再跟后端合作，将数据填入前端页面中，但是偶尔自己闲来无事，也会看一些框架什么的，然后利用框架做个单页面应用啊，app什么的，这时候...

2020-05-27

69浏览

0评论

利用JS对iframe父子（内外）页面进行操作的方法教程

本文主要给大家介绍了关于利用JS对iframe父子（内外）页面进行操作的方法，分享出来供大家参考学习，下面来一起看看详细的介绍：一、获取iframe里的内容在开始之前，首先我们来看看如何...

2020-05-27

75浏览

0评论

一次围绕setTimeout的前端面试经验分享

前言前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。具体如下：以下是我一个朋友的故...

2020-05-27

303浏览

0评论

CentOS 安装NodeJS V8.0.0的方法

下载nodejswget https://npm.taobao.org/mirrors/node/v8.0.0/node-v8.0.0-linux-x64.tar.xz解压tar -xvf node-v8.0.0-Linux-x64.tar.xz 测试是否安装成功进入解压目录下的...

2020-05-27

68浏览

0评论

package.json文件配置详解

package.json 是npm init命令初始化后，在项目的根目录下自动生成的配置文件，它定义了这个项目的配置信息以及所需要的各种模块，npm install根据这个命令，自动下载所需的模块。pa...

2020-05-27

67浏览

0评论

JS奇技之利用scroll来监听resize详解

前言大家都知道知道原生的 resize 事件只能作用于 defaultView 即 window 上，那么我们应该通过什么样的方式来监听其他元素的大小改变呢？笔者最近学习发现了一种神奇的方法，通...

2020-05-27

100浏览

0评论

Vue路由跳转问题记录详解

最近项目上需要用Vue用来做app，在Vue中使用路由时遇到下面的问题。路由设置如下：{path:'/tab',component:Tab,children:[{path:'layoutList',name:'LayoutList',component:Lay...

2020-05-27

80浏览

0评论

react-router JS 控制路由跳转实例

Link组件用于正常的用户点击跳转，但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢？
下面是一个表单。<form onSubmit={this.handleSubmit}> <...

2020-05-27

67浏览

0评论

详解react如何在组件中获取路由参数

路由参数假如我们有很多 list 页面，这些页面除了动态内容不同，其他的页面部分都相同，这个时候需要怎么配置路由和组件呢？这种场景就需要用到路由的参数功能，增加一条包含参数的路...

2020-05-27

59浏览

0评论

JS 设置Cookie 有效期检测cookie

设置cookie 函数直接上代码：function setCookie(name, value, days) { //设置cookie var d = new Date(); d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));...

2020-05-27

50浏览

0评论

validationEngine 表单验证插件使用实例代码

先给大家展示下效果图，如果大家感觉不错，请参考实现代码：废话少说，直接上代码，可拷贝直接运行：<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta n...

2020-05-27

77浏览

0评论

bootstrap daterangepicker汉化以及扩展功能

bootstrap daterangepicker使用介绍，具体如下一、扩展的功能 1、初始化时，会自动创建一个select标签； 2、当改变select值时，日期也会自动改变，并且会调用apply按钮的clic...

2020-05-27

67浏览

0评论

jQuery实现 RadioButton做必选校验功能

关于这个问题，百度里说法纷纷，大都无用，或者说版本太老太罗嗦，这里介绍一个可借鉴的用法：按理说，页面上的若干个Radio Button 在页面加载初始化时，是默认选中第一个的，但总是避免不...

2020-05-27

52浏览

0评论

详解react-router如何实现按需加载

注：本文使用的 react-router 版本为 2.8.1
React Router 是一个非常出色的路由解决方案，同时也非常容易上手。但是当网站规模越来越大的时候，首先出现的问题是 Javascript 文件...

2020-05-27

80浏览

0评论

bootstrap daterangepicker双日历时间段选择控件详解

双日历时间段选择插件 — daterangepicker是bootstrap框架后期的一个时间控件，可以设定多个时间段选项，也可以自定义时间段，由用户自己选择起始时间和终止时间，时间段的最大跨度...

2020-05-27

73浏览

0评论

AngularJs实现聊天列表实时刷新功能

昨天在做app的聊天列表时，遇到了一个问题，消息监听器监听到了一个新的消息，但是如果这时已经处于消息列表的页面那么消息列表并不会及时更新。我的想法是在service层中的监听器...

2020-05-27

98浏览

0评论

微信小程序canvas写字板效果及实例

微信小程序canvas写字板效果及实例写字板效果：书写文字，画板重置，导出图片，导出图片前判断是否书写内容app.json：添加一个路由："pages/canvas/canvas"{ "pages":[ "pages/index/i...

2020-05-27

83浏览

0评论

微信小程序监听手势滑动切换页面实例详解

微信小程序监听手势滑动切换页面实例详解1.对应的xml里写上手势开始、滑动、结束的监听：<view class="touch" bindtouchstart="touchStart" bindtouchmove="touchMove" bind...

2020-05-27

76浏览

0评论

详解原生js实现offset方法

在为 jTool 提供 offset (获取当前节点位置）方法时，先后使用了两种方式进行实现，现整理出来以作记录。
前后共使用了两种方式实现了该方法，这里将这两种方法分别列出。通过递...

2020-05-27

75浏览

0评论

Angularjs为ng-click事件传递参数

在angularjs开发中，我们需要为ng-click事件传递一个参数。在js中，可以接到参数：演示：...

2020-05-27

72浏览

0评论

Bootstrap Tree View简单而优雅的树结构组件实例解析

A simple and elegant solution to displaying hierarchical tree structures (i.e. a Tree View) while leveraging the best that Twitter Bootstrap has to offer.
这是B...

2020-05-27

67浏览

0评论

vue中将网页打印成pdf实例代码

整理文档，搜刮出一个vue中将网页打印成pdf的代码，稍微整理精简一下做下分享。
<template><div class="pdf-wrap" id="pdfWrap"> <button v-on:click="getPdf">点击下载PDF</bu...

2020-05-27

52浏览

0评论

vue实现全选、反选功能

用vue写业务代码时候，后端大神丢给我一堆数据，要求是做全选，反选功能，然后把用户更改的数据全部返回给他基本思路如果父级选中了，那么父级下面的子集全部选中checked=true;如果子...

2020-05-27

82浏览

0评论

vue.js实现数据动态响应 Vue.set的简单应用

在vue里面，我们操作最多的就是各种数据，在jquery里面，我们习惯通过下标定向找到数据，然后重新赋值比如var a[0]=111;（希望上家公司原谅菜鸟的我写了不少这样的代码）下面上代码<htm...

2020-05-27

79浏览

0评论

angular ng-click防止重复提交实例

方法一：点击后，让button的状态变为disablejs指令：.directive('clickAndDisable', function() { return { scope: { clickAndDisable: '&' }, link: f...

2020-05-27

88浏览

0评论

基于JS实现网页中的选项卡（两种方法）

网页中经常会用到选项卡这种东东，说白了就是点击一个选项，下面会弹出这个选项里的内容。方法一：方法一利用简单的代码即可实现，以下是全部的代码；<!DOCTYPE html><html> <head>...

2020-05-27

79浏览

0评论

利用jquery去掉时光轴头尾部线条的方法实例

前言以前做类似时光轴的结构，几乎都是一条灰色线飞流直下，没有尽头。今天这个线条是从第一个圆点到最后一个圆点，那么问题来了，内容的高度还不是固定的，线条的长度怎么确定？怎么就...

2020-05-27

77浏览

0评论

JS基于正则实现数字千分位用逗号分隔的方法

本文实例讲述了JS基于正则实现数字千分位用逗号分隔的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js千分...

2020-05-27

50浏览

0评论

基于jQuery和CSS3实现APPLE TV海报视差效果

用CSS和jQuery来实现它，尽量看起来和原效果一样。本教程里，我将使用CSS,HTML和jQuery来创建一个近似Apple TV视差效果，如果你正在阅读，我假设你对上述三种技术都有基本的了解。...

2020-05-27

125浏览

0评论

JS 组件系列之BootstrapTable的treegrid功能

上篇给大家介绍了JS 组件系列之 bootstrap treegrid 组件封装过程，下面重点给大家介绍JS 组件系列之BootstrapTable的treegrid功能，需要的的朋友一起学习吧！一、效果预览全部折...

2020-05-27

65浏览

0评论

JavaScript实现提交模式窗口后刷新父窗口数据的方法

本文实例讲述了JavaScript实现提交模式窗口后刷新父窗口数据的方法。分享给大家供大家参考，具体如下：有些时间，按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数...

2020-05-27

77浏览

0评论

vue高德地图之玩转周边

前言：在之前的博客中，有成功引入高德地图，这是以前的地址 vue 调用高德地图。因为一些需求，需要使用到地图的周边功能。完整的项目代码请查看我的github一、先看要实现的结...

2020-05-27

79浏览

0评论

JS利用正则表达式实现简单的密码强弱判断实例

实现功能：1、输入字符要在6-16之间；小于6个字符或大于16个字符时给予提示，而且强弱不显示；为0时，也给予提示；2、当密码在6-16个字符之间时，如果密码全是数字或全是字母，显示弱；密码是...

2020-05-27

77浏览

0评论

Angular+Node生成随机数的方法

本文实例讲述了Angular+Node生成随机数的方法。分享给大家供大家参考，具体如下：以前写过一个PHP生成随机数，然后jquey ajax获取，再jQuery改变文本的随机数的程序现在用Angular...

2020-05-27

61浏览

0评论

基于AngularJS实现的工资计算器实例

本文实例讲述了基于AngularJS实现的工资计算器。分享给大家供大家参考，具体如下：先看界面：其实在ng中最让人印象深刻的就是数据的双向绑定，在html中就完成了很多操作。大概用到...

2020-05-27

111浏览

0评论

详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用

前言首先说明这并不是一个教程贴，而记事本应用是网上早有的案例，对于学习 vuex 非常有帮助。我的目的是探索 vuex 2.0 ,然后使用 vuejs 2.0 + vuex 2.0 重写这个应用，其中最大...

2020-05-27

63浏览

0评论

jQuery序列化后的表单值转换成Json

小朋友有一个表单，他想以Json的方式获取到表单的内容。小朋友尝试了以下方式。通过$("#form").serialize()可以获取到序列化的表单值字符串。例如：a=1&b=2&c=3&d=4&e=5
通过$(...

2020-05-27

80浏览

0评论

jQuery 控制文本框自动缩小字体填充

js控制文本框自动缩小字体填充，当文本框中的字体超出文本框范围的时候，框内的字体会自动缩小，以填充整个文本框;调用：resetFontSize($(".title"), 50, 10, 20);//重置字体大小...

2020-05-27

51浏览

0评论

详解webpack 多入口配置

同事套搭建vue项目，个人推荐了VUE官网的vue-cil的方式，http://cn.vuejs.org/guide/application.html顺着官网的操作，我们可以本地测试起我们的项目 npm run dev,首先我们要理解...

2020-05-27

83浏览

0评论

详解Nodejs 部署到阿里云全过程

整个部署过程学到了不少东西，记录一下。
1. 到阿里云购买云服务器 ECS 。https://www.aliyun.com/product/ecs
如果是在校学生，在淘宝有实名认证，且在学信网有注册，可以试试抢学...

2020-05-27

68浏览

0评论

node文件上传功能简易实现代码

找了不少文件上传的相关模块，最后选择了比较常用，并且是express推荐使用的 multer 来实现文件上传，附上 GitHub 地址
1. 开始
开始第一步，自然就是安装模块，不多说npm install mu...

2020-05-27

65浏览

0评论

JS实现商品筛选功能

每天一个JS 小demo之商品筛选。主要知识点：DOM方法综合运用效果图：代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="t...

2020-05-27

86浏览

0评论

vue-router路由参数刷新消失的问题解决方法

场景：vue-router实现的单页应用，登录页调用登录接口后，服务器返回用户信息，然后通过router.push({name: 'index', params: res.data})传给主页组件，并在主页显示数据。但是刷新页...

2020-05-27

66浏览

0评论

JS实现新建文件夹功能

每天一个JS 小demo之新建文件夹。主要知识点：DOM方法的综合运用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/cs...

2020-05-27

74浏览

0评论

JavaScript用二分法查找数据的实例代码

整理文档，搜刮出一个JavaScript用二分法查找数据的实例代码，顺便做个笔记//二分法查数据 var arr=[41,43,45,53,44,95,23]; var b=44; var min=0; var max=arr.length; for(v...

2020-05-27

104浏览

0评论

利用vscode编写vue的简单配置详解

前言本文主要给大家介绍的是关于vscode编写vue简单配置的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：PS:现在推荐使用vetur插件
win10崩溃，重装win7，结果sublime...

2020-05-27

63浏览

0评论

JS实现留言板功能

每天一个JS 小demo之留言板。主要知识点：DOM方法的理解和运用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css"...

2020-05-27

76浏览

0评论

Webpack执行命令参数详解

一、概述前面的章节我们讲解了webpack的安装、webpack.config.js的基本配置、webpack执行命名以及require方法的使用，不知道大家有没有发现，当我们每次修改或者新增一个js文...

2020-05-27

68浏览

0评论

Webpack如何引入bootstrap的方法

Bootstrap中是一种事实上的界面标准，标准到现在的网站大量的使用它。如果可以使用webpack引入的bootstrapcss，就可以一个npm install完成项目的依赖，而不必手工的添加到html内...

2020-05-27

热门文章