76浏览

0评论

Vue中之nextTick函数源码分析详解

1. 什么是Vue.nextTick()？
官方文档解释如下：
在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM。2. 为什么要使用nextTick&#63;<!D...

• 2020-05-27

82浏览

0评论

js获取文件里面的所有文件名(实例)

如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/...

• 2020-05-27

63浏览

0评论

Vue中封装input组件的实例详解

Vue中封装input组件最近有点忙不过来 脱了很久，没有更新 抱歉。今天要将的时如何自定义封装input组件 ，博主知识发个简单的模板 码友们可以更具自己的实际项目添加需要的参数...

• 2020-05-27

67浏览

0评论

封装运动框架实战左右与上下滑动的焦点轮播图(实例)

在这篇文章打造通用的匀速运动框架(实例讲解)中，封装了一个匀速运动框架，我们在这个框架的基础之上，加上缓冲运动效果，然后用运动框架来做幻灯片（上下，左右）。缓冲运动通常有两种常...

• 2020-05-27

88浏览

0评论

打造通用的匀速运动框架(实例讲解)

本文，是接着上 基于匀速运动的实例讲解(侧边栏,淡入淡出) 继续的，在这篇文章的最后，我们做了2个小实例：侧边栏与改变透明度的淡入淡出效果，本文我们把上文的animate函数，继续改造，...

• 2020-05-27

69浏览

0评论

实现图片首尾平滑轮播(JS原生方法—节流)

首先给出HTML代码，要注意轮播图片表(#list)末尾加上第一个图片1.jpg，在首部加上最后一个图片5.jpg。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...

• 2020-05-27

102浏览

0评论

react中的ajax封装实例详解

react中的ajax封装实例详解代码块**opts: {'可选参数'}**method: 请求方式:GET/POST,默认值:'GET';**url: 发送请求的地址, 默认值: 当前页地址;**data: string,json;**asy...

• 2020-05-27

96浏览

0评论

vue滚动轴插件better-scroll使用详解

跟做慕课网的vue高仿外卖项目中用到了一个很好用的插件BScroll，用来计算左侧menu栏对应右侧foods栏相应显示的食物区，如果不用插件就比较费事了，因此这里分享一下这个插件的简...

• 2020-05-27

92浏览

0评论

javascript 中模板方法单例的实现方法

javascript 中模板方法单例的实现方法模板方法单例模板方法的定义：父类中定义一组操作算法骨架，将一些实现步骤延伸到子类中，使得子类可以不改变父类的算法结构的同时可重新定...

• 2020-05-27

89浏览

0评论

基于匀速运动的实例讲解(侧边栏,淡入淡出)

javascript中，如何让一个元素(比如div)运动起来呢？设置基本的样式，一定要让div有定位( 当然用margin的变化也可以让元素产生运动效果 );<style> div { width: 100px;...

• 2020-05-27

102浏览

0评论

vue与TypeScript集成配置最简教程(推荐)

前言Vue的官方文档没有给出与TypeScript集成的具体步骤，网上其他的教程不是存在问题就是与vue-cli建立的项目存在差异，让人无从下手。下面我就给出vue-cli建立的项目与TypeScr...

• 2020-05-27

82浏览

0评论

教你用Cordova打包Vue项目的方法

现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。
据我现在的了解打包Vue项目目前流行的就是使用weex和cordova...

• 2020-05-27

111浏览

0评论

vue-cli之router基本使用方法详解

本文实例为大家分享了vue-cli之router基本使用的具体代码，供大家参考，具体内容如下1、在src目录下新建router目录，再建立index.jsimport Vue from 'vue';import VueRouter from...

• 2020-05-27

83浏览

0评论

JS实现按钮添加背景音乐示例代码

1-代码<html><head> <meta charset="utf-8"> <title>js实现按键声</title></head><body> <ul> <li> <a href="menu-list" rel="external nofollow" rel="externa...

• 2020-05-27

92浏览

0评论

vue组件之Alert的实现代码

前言
本文主要Alert 组件的大致框架， 提供少量可配置选项。 旨在大致提供思路Alert用于页面中展示重要的提示信息。templat模板结构
<template> <div v-show="visible" class...

• 2020-05-27

99浏览

0评论

Bootstrap图片轮播效果详解

导言Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。...

• 2020-05-27

63浏览

0评论

node.js 用socket实现聊天的示例代码

本文介绍了node.js 用socket实现聊天的示例代码，分享给大家，也给自己留个笔记，具体如下：
服务器搭建
app.jsconst http = require("http");const express = require("./express"...

• 2020-05-27

79浏览

0评论

vue获取input输入值的问题解决办法

vue获取input输入值的问题解决办法v-for里有多行input输入框，vue怎么获取某行的输入的值，随便写了点代码，意思就是后台返回了多行的list集合，页面显示多行输入框，当修改某行的值...

• 2020-05-27

73浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

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

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

• 2020-05-27

126浏览

0评论

Node 自动化部署的方法

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

67浏览

0评论

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

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

• 2020-05-27

68浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

基于Vue实现图书管理功能

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

• 2020-05-27

75浏览

0评论

vue实现图书管理demo详解

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

• 2020-05-27

76浏览

0评论

如何抽象一个Vue公共组件

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

• 2020-05-27

74浏览

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

79浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

VUE前端cookie简单操作

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

• 2020-05-27

103浏览

0评论

AngularJS 控制器 controller的详解

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

• 2020-05-27

126浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

110浏览

0评论

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

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

• 2020-05-27

72浏览

0评论

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

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

• 2020-05-27

91浏览

0评论

BACKBONE.JS 简单入门范例

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

62浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

基于JavaScript表单脚本(详解)

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

84浏览

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

69浏览

0评论

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

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

• 2020-05-27

101浏览

0评论

详解http访问解析流程原理

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

• 2020-05-27

57浏览

0评论

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

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

• 2020-05-27

55浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

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

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

• 2020-05-27

67浏览

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

60浏览

0评论

浅谈Node异步编程的机制

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

• 2020-05-27

70浏览

0评论

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

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

• 2020-05-27

78浏览

0评论

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

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

• 2020-05-27