JavaScript - 教程之家

60浏览

0评论

jquery实现图片跟随鼠标的实例

jquery实现图片跟随鼠标的实例开发后台写页面困难的一比啊，想写个鼠标移动某连接右侧显示二维码，并跟随鼠标移动的功能，各种查资料，花了一小天终于搞出来了，代码的记下来，浪费了...

2020-05-27

75浏览

0评论

利用JS实现scroll自定义滚动效果详解

前言最近在公司开发项目的时候，原生滚动条中有些东西没办法自定义去精细的控制，于是开发一个类似于better-scroll一样的浏览器滚动监听的JS实现，下面我们就来探究一下自定义滚...

2020-05-27

98浏览

0评论

Node 自动化部署的方法

当我们在更新迭代 Node 项目的时候，我们需要做以下几步： git push 将代码提交至代码仓库在服务器中执行 git pull 拉取最新代码 pm2 start 运行你的代码这样做固然没错，但...

2020-05-27

50浏览

0评论

node使用Koa2搭建web项目的方法

随着Node.js的日益火热，各种框架开始层出不穷的涌现出来，Node.js也开始逐渐的被应用到处理服务端请求的场景中。搭建Web项目的框架也随之开始出现——express、koa、koa2、egg...

2020-05-27

53浏览

0评论

什么是Vue.js框架为什么选择它？(第一课)

“大白话，讲编程”系列又回来了，这个系列我们一起学习的是Vue.js基础知识。你没看错，是基础知识。所以，哪怕你入行不久，相信你在的大白话风格下，也能学会。但还是希望你有开发过ht...

2020-05-27

49浏览

0评论

Vue.js简易安装和快速入门（第二课）

上一节我们介绍了Vue.js框架，这一节，我们可以来试着动手写点小代码了。1 简易安装
要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，...

2020-05-27

56浏览

0评论

基于Vue实现图书管理功能

本文实例为大家分享了vue简单的图书管理具体代码，供大家参考，具体内容如下<table class="table table-bg table-border table-bordered"> <tr> <th>ID</th> <th>书名</th>...

2020-05-27

58浏览

0评论

vue实现图书管理demo详解

年后公司的项目要求用到vue.js知识，我angular没有学，node.js和react也只是了解了一点点，所以学起来比较困难。如果你想学vue.js的知识，推荐网址：http://vuejs.org/详细内容如下：一...

2020-05-27

50浏览

0评论

如何抽象一个Vue公共组件

之前一直想写一篇关于抽象 Vue 组件的随笔，无奈一直没想到好的例子。恰巧最近为公司项目做了一个数字键盘的组件，于是就以这个为例聊聊如何抽象 Vue 的组件。先上 Demo 与源...

2020-05-27

57浏览

0评论

vue-router 路由基础的详解

vue-router 路由基础的详解今天我总结了一下vue-route基础，vue官方推荐的路由。一、起步HTML<div id="myDiv"> <h1>简单路由</h1> <router-link to="/foo">Go to foo</router...

2020-05-27

59浏览

0评论

javascript 判断用户有没有操作页面

javascript 判断用户有没有操作页面用js判断用户有没有操作页面，我们所要做的就是整理我们的思路。一、思路用户有没有操作界面，我们可以从页面在规定时间内有没有触发事件去...

2020-05-27

64浏览

0评论

VUE前端cookie简单操作

如下是简单cookie操作，当前仅限前端实例，具体内容如下
要注意的有两点：
1、cookie内容存贮的名称
2、删除cookie是通过设置过期为过去时间实现的
<body><div id="app"> <button...

2020-05-27

78浏览

0评论

AngularJS 控制器 controller的详解

AngularJS 控制器 controller的详解一、控制器概念
控制器在Angualrjs 中的作用是增强视图，并且是一个函数，用来向视图的作用域中添加额外的功能。我们用它来给作用域...

2020-05-27

101浏览

0评论

bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码

模态框嵌套在开发中，遇到需要通过点击事件触发第一个模态框，触发后通过事件唤起第二个模态框，并且通过事件触发第三个模态框；即模态框嵌套。模态框嵌套需要用一个模态框包裹所涉...

2020-05-27

66浏览

0评论

JS实现div模块的截图并下载功能

当需要实现html页面部分模块截图并具有保存图片功能时，前台直接生成截图并下载会方便的多。多的不说，直接看代码首先我们需要引入2个js文件： <script type="text/javascript" s...

2020-05-27

94浏览

0评论

JS解决position:sticky的兼容性问题的方法

在项目中有用到sticky的布局，可是由于兼容性问题，在安卓端没有很好的兼容，所以为了彻底解决这个问题只能写一个组件来解决这个麻烦的问题，这里为什么是组件而不是指令是因为，是有...

2020-05-27

47浏览

0评论

JS获取一个表单字段中多条数据并转化为json格式

如图需要获取下面两个li标签里面的数据，然后传给后台；而后台接收的数据格式是json的，所以需要把两个li里面的信息转化为以下格式的。{recieverName:小红,recieverPhone:1234123...

2020-05-27

68浏览

0评论

BACKBONE.JS 简单入门范例

11年刚开始用前端MVC框架时写过一篇文章，当时Knockout和Backbone都在用，但之后的项目全是在用Backbone，主要因为它简单、灵活，无论是富JS应用还是企业网站都用得上。相比React针...

2020-05-27

66浏览

0评论

vue-router实现tab标签页（单页面）详解

vue-router 是 Vue.js 官方的路由插件，适合用于构建标签页应用。Vue 的标签页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来，vue-router 会把各个组件渲...

2020-05-27

47浏览

0评论

VUE饿了么树形控件添加增删改功能的示例代码

本文介绍了VUE饿了么树形控件添加增删改功能的示例代码，分享给大家，具体如下：
element-ui树形控件：地址在原文档中有个案例是有新增和删除功能，但是后来发现其修改的数据并不能直...

2020-05-27

49浏览

0评论

基于JavaScript表单脚本(详解)

什么是表单？一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框...

2020-05-27

48浏览

0评论

Angularjs 手写日历的实现代码（不用插件）

本文介绍了Angularjs 手写日历的实现代码（不用插件），分享给大家，具体如下：
效果：
Html:<div class="plan_content_box" data-ng-init="showTime()"> <div class="field" style=...

2020-05-27

64浏览

0评论

打字效果动画的4种实现方法(超简单)

方法一(纯css实现)：html代码：<h1 class="typing typing-item">打字动画打字动画打字动画</h1>css样式：.typing{ font-size: 1rem; padding-top: 6%; margin-bottom: 5%; font-w...

2020-05-27

52浏览

0评论

js实现会跳动的日历效果(完整实例)

一、简介
编写一个会动的日历，日历上面有年月日，周几，时分秒，效果如下：年月日，周几，时分秒都会随着系统时间的走动而改变二、代码<!DOCTYPE html><html lang="en"><head> <meta cha...

2020-05-27

63浏览

0评论

详解http访问解析流程原理

详解http访问解析流程原理http访问网址域名解析流程：1、在浏览器中输入www.qq.com域名，操作系统会先检查自己本地的hosts文件是否有这个网址映射关系，如果有，就先调用这个IP地址...

2020-05-27

39浏览

0评论

从源码看angular/material2 中 dialog模块的实现方法

本文将探讨material2中popup弹窗即其Dialog模块的实现。使用方法引入弹窗模块自己准备作为模板的弹窗内容组件在需要使用的组件内注入 MatDialog 服务调用 open 方...

2020-05-27

41浏览

0评论

详谈commonjs模块与es6模块的区别

到目前为止，已经实习了3个月的时间了。最近在面试，在面试题里面有题目涉及到模块循环加载的知识。趁着这个机会，将commonjs模块与es6模块之间一些重要的的区别做个总结。语法上...

2020-05-27

43浏览

0评论

原生JS获取元素的位置与尺寸实现方法

1、内高度、内宽度：内边距 + 内容框clientWidth
clientHeight2、外高度，外宽度：边框 + 内边距 + 内容框offsetWidth
offsetHeight3、上边框、左边框clientTop
clientLeft4、...

2020-05-27

52浏览

0评论

js实现随机点名系统(实例讲解)

废话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>随机点名</title><style type="text/css">td{text-align: center;}</style></he...

2020-05-27

39浏览

0评论

浅谈Node异步编程的机制

本文介绍了Node异步编程，分享给大家，具体如下：目前的异步编程主要解决方案有：事件发布/订阅模式 Promise/Deferred模式流程控制库事件发布/订阅模式Node自身提供了events模...

2020-05-27

54浏览

0评论

Angular.js实现获取验证码倒计时60秒按钮的简单方法

前言本文主要介绍了关于Angular.js实现获取验证码倒计时60秒按钮的相关内容，关于这个功能相信不用多介绍，大家都不陌生，所以下面话不多说了，来一起看看实现的方法吧。一、contro...

2020-05-27

59浏览

0评论

vue实现手机号码抽奖上下滚动动画示例

本文介绍了vue实现手机号码抽奖上下滚动动画示例，分享给大家。具体如下：
<!DOCTYPE><html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" />...

2020-05-27

45浏览

0评论

JS跳转手机站url的若干注意事项

引子：去年年底公司开发手机站平台，经历了前期的用户群、市场调查，产品需求分析，产品原型设计，ui前端到程序开发上线测试等等工作，终于上线。。。此处略去本人作为前端开发的心情。...

2020-05-27

59浏览

0评论

详解Js中的模块化是如何实现的

由于 Js 起初定位的原因（刚开始没想到会应用在过于复杂的场景），所以它本身并没有提供模块系统，随着应用的复杂化，模块化成为了一个必须解决的问题。本着菲麦深入原理的原则，很有必...

2020-05-27

50浏览

0评论

用vue封装插件并发布到npm的方法步骤

一、基于vue的国家区号列表vue-flag-list包含了大部分国家的区号，点击右边的三角形展开列表可以选择国家区号，若列表中没有区号，也可以自己输入区号。全球区号列表
1.1 初始化...

2020-05-27

43浏览

0评论

浅谈JS函数节流防抖

在前端开发中有一部分的用户行为会频繁的触发事件执行，而对于DOM操作、资源加载等耗费性能的处理，很可能导致界面卡顿，甚至浏览器的崩溃。函数节流(throttle)和函数防抖(deboun...

2020-05-27

61浏览

0评论

prototype.js简单实现ajax功能示例

本文实例讲述了prototype.js简单实现ajax功能。分享给大家供大家参考，具体如下：原本不知道prototype.js是一个框架,只当其是一个再普通不过的JS文件.随手拿着用了用,写了一个J...

2020-05-27

59浏览

0评论

详解cordova打包成webapp的方法

在项目开发中，需要将h5页面打包成app，这个时候我们可以使用cordova来打包。在官方文档中，我们可以了解到创建一个app十分简单，你的电脑上有nodejs就行，我们可以跟着官方文档一步...

2020-05-27

45浏览

0评论

JS简单实现滑动加载数据的方法示例

本文实例讲述了JS简单实现滑动加载数据的方法。分享给大家供大家参考，具体如下：//滑动function getScrollTop(){ var scrollTop = 0; if (document.documentElement && docume...

2020-05-27

69浏览

0评论

详解vue项目首页加载速度优化

凡是做SPA的项目，特别是移动端的SAP项目，首屏加载速度必定是一个绕不过去的话题。接下来我就我们项目里的一些实践来做一下总结。希望抛砖引玉，如果各位有更好的方案，不吝赐教。...

2020-05-27

295浏览

0评论

JS正则表达式完美实现身份证校验功能

注意：1、只针对18为身份证号码进行校验，现在15位的应该很少了，2、不区分xX大小写，3、出生年份1900-2099，每月的天数也进行相关验证(考虑的闰月的情况)，4、校验规则详见，这个写的比...

2020-05-27

55浏览

0评论

Vue组件之Tooltip的示例代码

前言
本文主要Alert 组件的大致框架，提供少量可配置选项。旨在大致提供思路tooltip
常用于展示鼠标 hover 时的提示信息。模板结构
<template> <div style="position:relat...

2020-05-27

46浏览

0评论

Node做中转服务器转发接口

由于项目在做前后端分离，牵扯跨域和夸协议问题，临时抱佛脚，选择用nodejs做中转，我想应该好多人都用它。但是做普通的表单转发没啥问题，当处理附件上传转发时，各种蛋疼，已解决！1.项目...

2020-05-27

47浏览

0评论

vue router仿天猫底部导航栏功能

首先把天猫的导航贴出来，里面包括精选、品牌、会员、购物车、我五个导航及对应的图标。分析：1、图标的获取进入阿里巴巴矢量图标库，网址 http://www.iconfont.cn。点击官方图...

2020-05-27

67浏览

0评论

VUE长按事件需求详解

在开发中常常会有长按事件的需求，这里我简单的介绍几种长按事件的需求。需求一：长按数字累加或者累减HTML：<div class="mui-numbox" data-numbox-step='10' data-numbox-min='...

2020-05-27

50浏览

0评论

ui-router中使用ocLazyLoad和resolve的具体方法

1.AngularJS按需加载AngularJS主要应用开发SPA(Single Page Application)项目，所以在小型项目中，services、filters和controllers都在index.html中加载。Google给的AngularJS...

2020-05-27

110浏览

0评论

vue router下的html5 history在iis服务器上的设置方法

首先先照搬下官网的介绍当你使用 history 模式时，URL 就像正常的 url，例如 http://yoursite.com/user/id，也好看！不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单...

2020-05-27

59浏览

0评论

vue实现长图垂直居上 vue实现短图垂直居中

大致效果如下图，只考虑垂直方向。长图可以通过滚动条看，短图居中效果，布局合理html代码(vue作用域内)：<div class="box" v-for="item in previewImg"> <img :src="item" alt=""...

2020-05-27

48浏览

0评论

JS去掉字符串中所有的逗号

1、去掉所有字符串里面所有的逗号,eg:123,111,222.00——123111222.00function clear(str) { str = str.replace(/,/g, "");//取消字符串中出现的所有逗号 return str; } 2...

2020-05-27

35浏览

0评论

JS实现元素上下左右移动效果

本文实例为大家分享了JS实现元素上下左右移动的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl...

2020-05-27

热门文章