编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

309浏览

0评论

基于Vue的侧边目录组件的实现

最近要做一个侧边目录的功能，没有找到类似的组件，索性自己写了一个供大家参考vue-side-catalog一个基于vue的侧边目录组件。
源码地址：https://github.com/yaowei9363/vue-side...

2020-05-27 01:51:16

90浏览

0评论

JavaScript对象原型链原理详解

这篇文章主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一个js对象，除了自己设...

2020-05-27 01:51:00

112浏览

0评论

如何实现iframe父子传参通信

在最近的项目里面,用到了不少关于iframe父子传参通信的相关操作,记录一下,虽然很简单,但是确实十分有用的;
iframe通信可以分为2种,跨域和非跨域两种.分别说明;
有一点很重...

2020-05-27 01:50:57

92浏览

0评论

Vuex的API文档说明详解

概述import Vuex from 'vuex'const store = new Vuex.Store({ ...options })构造器选项state类型: ObjectVuex store 实例的根 state 对象mutations类型: { [type: string]:...

2020-05-27 01:50:56

140浏览

0评论

vue路由传参的基本实现方式小结【三种方式】

本文实例讲述了vue路由传参的基本实现方式。分享给大家供大家参考，具体如下：前言vue 路由传参的使用场景一般都是应用在父路由跳转到子路由时，携带参数跳转。传参方式可划分为...

2020-05-27 01:50:54

104浏览

0评论

vue组件传值的实现方式小结【三种方式】

本文实例讲述了vue组件传值的实现方式。分享给大家供大家参考，具体如下：前言vue的组件传值分为三种方式：父传子、子传父、非父子组件传值引用官网的一句话：父子组件的关系可以总...

2020-05-27 01:50:52

100浏览

0评论

Vue组件基础用法详解

Vue组件概述组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根...

2020-05-27 01:50:51

210浏览

0评论

vue实现图片懒加载的方法分析

本文实例讲述了vue实现图片懒加载的方法。分享给大家供大家参考，具体如下：vue图片懒加载使用首先第一步，安装插件vue-lazyloadnpm install vue-lazyload --save-dev在man.js中...

2020-05-27 01:50:50

149浏览

0评论

vue如何实现动态加载脚本

这篇文章主要介绍了vue如何实现动态加载脚本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下今天在研究，tinymce富文本编...

2020-05-27 01:50:48

104浏览

0评论

小程序如何写动态标签的实现方法

web开发中，尤其使用react开发项目时，我们可以很方便的动态定义标签(jsx)const props = { id: '', className: '', data-a: ''}<button {...props} />动态配置标签的好处一是所...

2020-05-27 01:50:47

134浏览

0评论

js实现视图和数据双向绑定的方法分析

本文实例讲述了js实现视图和数据双向绑定的方法。分享给大家供大家参考，具体如下：前言视图和数据绑定，使视图和逻辑层分离，使视图层变为数据驱动是前端的一大进步。由此诞生了mv...

2020-05-27 01:50:44

121浏览

0评论

JS原型和原型链原理与用法实例详解

本文实例讲述了JS原型和原型链原理与用法。分享给大家供大家参考，具体如下：Javascript语言的继承机制一直很难被人理解。它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（i...

2020-05-27 01:50:43

191浏览

0评论

Vue如何使用混合Mixins和插件开发详解

官网：混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项...

2020-05-27 01:50:41

127浏览

0评论

vue使用原生swiper代码实例

这篇文章主要介绍了vue使用原生swiper代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<template> <di...

2020-05-27 01:50:39

367浏览

0评论

vue.js使用v-model实现父子组件间的双向通信示例

本文实例讲述了vue.js使用v-model实现父子组件间的双向通信。分享给大家供大家参考，具体如下：<template><div> 这是主页面 <h1> {{num}}</h1> <button @click="handleMins"...

2020-05-27 01:50:38

177浏览

0评论

Vue获取页面元素的相对位置的方法示例

今天在开发源码一处发现有一处需要获取元素的相对位置高度，发现getBoundingClientRect有一个问题，它是用于获取某个元素相对于视窗的位置集合，达不到我想要的要求，如是看到阮老...

2020-05-27 01:50:37

98浏览

0评论

VUE中使用HTTP库Axios方法详解

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中安装Axios模块在Vue中使用，最好安装两个模块axios 和vue-axios$npm install axios vue-axios --save然后引...

2020-05-27 01:50:35

119浏览

0评论

浅谈Vue组件单元测试究竟测试什么

关于 Vue 组件单元测试最常见的问题就是“我究竟应该测试什么？”虽然测试过多或过少都是可能的，但我的观察是，开发人员通常会测试过头。毕竟，没有人愿意自己的组件未经测试从而...

2020-05-27 01:50:33

150浏览

0评论

Vue的状态管理vuex使用方法详解

引入vuex当访问数据对象时，一个 Vue 实例只是简单的代理访问。所以，如果有一处需要被多个实例间共享的状态，可以简单地通过维护一份数据来实现共享const sourceOfTruth = {}con...

2020-05-27 01:50:31

118浏览

0评论

Vue路由管理器Vue-router的使用方法详解

router-link<router-link> 组件支持用户在具有路由功能的应用中点击导航。通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签...

2020-05-27 01:50:30

126浏览

0评论

Vue中多元素过渡特效的解决方案

常见示例最常见的多标签过渡是一个列表和描述这个列表为空消息的元素：<transition> <table v-if="items.length > 0">  </table> <p v-else>Sorry, no items fo...

2020-05-27 01:50:29

82浏览

0评论

在博客园博文中添加自定义右键菜单的方法详解

页面设计首先将这三个功能以一个列表<ul>的形式放置。鼠标移入时样式改变，移出时还原<style>body{margin: 0;}ul{ margin: 0; padding: 0; list-style: none;}.list{ wid...

2020-05-27 01:50:27

825浏览

0评论

vue 翻页组件vue-flip-page效果

方法
change （改变页面）
tap （点击）
turning （正在翻页）
prev （前一页）
next （后一页）翻到指定页面：
handleSwitchManual(index) { if (index === this.currentIndex) return;...

2020-05-27 01:50:26

65浏览

0评论

Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)

以一个toggle按钮控制p元素显隐为例，如果不使用过渡效果，则如下所示<div id="demo"> <button v-on:click="show = !show">Toggle</button> <p v-if="show">蓝色理想</p></div>...

2020-05-27 01:50:24

122浏览

0评论

Vue表单控件数据绑定方法详解

基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。v-model本质上不过是语法糖，它负责监听用户的输入事件以更...

2020-05-27 01:50:23

137浏览

0评论

node.js开发辅助工具nodemon安装与配置详解

nodemon安装及使用全局安装 nodemon 包，这样新创建的 Node.js 应用都能使用 Nodemon 运行起来了npm install -g nodemon安装完成之后，Nodemon 就可以启动 Express 应用了，先关...

2020-05-27 01:50:22

126浏览

0评论

node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)

node.JS的加密模块crypto提供了 HTTP 或 HTTPS 连接过程中封装安全凭证的方法。也提供了 OpenSSL 的哈希，hmac, 加密（cipher）, 解密（decipher）, 签名（sign）和验证（verify）方法的封...

2020-05-27 01:50:21

1399浏览

0评论

Vue3项目打包后部署到服务器请求不到后台接口解决方法

本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到network一看是这么个情况对比了本地的页面可以发现是remote address出了问题。经过查询得知：R...

2020-05-27 01:50:19

157浏览

0评论

Windows下安装 node 的版本控制工具 nvm

NVM 是什么？
NVM——Node Version Manager（Node版本管理器），用它可以方便的在机器上安装并维护多个Node的版本。那么为什么需要多个版本呢？场景有很多，比方说：你可能同时进行两个项...

2020-05-27 01:50:17

103浏览

0评论

js get和post请求实现代码解析

这篇文章主要介绍了js get和post实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1、get<%@ page contentTy...

2020-05-27 01:50:16

220浏览

0评论

如何在vue项目中嵌入jsp页面的方法(2种)

今日一个项目中一块功能模块是其他系统使用jsp已经开发好的页面，想着直接将其嵌入到当前的vue项目中节约开发成本；但是发现并非想象的那么简单创建一个server.vue组件加载jsp...

2020-05-27 01:50:14

539浏览

0评论

详细介绍解决vue和jsp结合的方法

emm...实训后的小组作业是做一个培训基地的网站，但是老师教了一个学期的jsp后台..
但我不想用jsp写前端...太傻了，遂决定用vue-cli+jsp的方式做这个项目。首先，vue-cli基于node...

2020-05-27 01:50:12

99浏览

0评论

JavaScript实现好看的跟随彩色气泡效果

本文实例为大家分享了js实现跟随彩色气泡的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><style> *{ margin:0;...

2020-05-27 01:50:11

128浏览

0评论

JS实现“全选”和"全不选"功能代码实例

这篇文章主要介绍了JS实现“全选”和"全不选"功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下<!DO...

2020-05-27 01:50:08

158浏览

0评论

JavaScript实现拖拽盒子效果

本文实例为大家分享了JavaScript实现拖拽盒子效果的具体代码，供大家参考，具体内容如下实现效果：1.单击关闭，关闭盒子
2.点击左上方‘点击注册'，打开盒子
3.鼠标放在盒子上方蓝色...

2020-05-27 01:50:07

132浏览

0评论

JS实现盒子拖拽效果

本文实例为大家分享了JS实现盒子拖拽效果的具体代码，供大家参考，具体内容如下效果:html代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="...

2020-05-27 01:50:06

223浏览

0评论

CKEditor扩展插件：自动排版功能autoformat插件实现方法详解

本文实例讲述了CKEditor扩展插件：自动排版功能autoformat插件实现方法。分享给大家供大家参考，具体如下：1.注册插件首先找到根目录下的ckeditor/config.js文件，打开文件如下：CKED...

2020-05-27 01:50:03

93浏览

0评论

如何使用Jquery动态生成二级选项列表

这篇文章主要介绍了如何使用Jquery动态生成二级选项列表,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下想写一个多级联...

2020-05-27 01:50:02

124浏览

0评论

JavaScript如何判断input数据类型

这篇文章主要介绍了JavaScript如何判断input数据类型,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在HTML中接收用户...

2020-05-27 01:50:00

126浏览

0评论

ckeditor一键排版功能实现方法分析

本文实例讲述了ckeditor一键排版功能实现方法。分享给大家供大家参考，具体如下：参考：http://cdn.ckeditor.com/https://www.freexyz.cn/article/179679.htm<script src="https://...

2020-05-27 01:49:59

128浏览

0评论

如何通过javaScript去除字符串两端的空白字符

这篇文章主要介绍了如何通过javaScript去除字符串两端的空白字符,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在java...

2020-05-27 01:49:58

162浏览

0评论

nodejs实现的http、https 请求封装操作示例

本文实例讲述了nodejs实现的http、https 请求封装操作。分享给大家供大家参考，具体如下：libs/request.jsconst URL = require('url');const zlib = require('zlib');const htt...

2020-05-27 01:49:57

217浏览

0评论

nodejs nedb 封装库与使用方法示例

本文实例讲述了nodejs nedb 封装库与使用方法。分享给大家供大家参考，具体如下：libs/nedb.jsconst Datastore = require('nedb');function DB(database) { let options = {...

2020-05-27 01:49:56

69浏览

0评论

node.JS事件机制与events事件模块的使用方法详解

node.JS事件机制说明多数 Node.js 核心 API 都是采用惯用的异步事件驱动架构，其中某些类型的对象（称为触发器）会周期性地触发命名事件来调用函数对象（监听器）。例如，一个net.Serve...

2020-05-27 01:49:56

130浏览

0评论

Node.JS获取GET,POST数据之queryString模块使用方法详解

无论是前端还是后端，经常出现的应用场景是URL中参数的处理。nodeJS的queryString模块提供了一些处理 query strings 的工具。本文将详细介绍nodeJS中的queryStringvar querys...

2020-05-27 01:49:55

105浏览

0评论

使用node.JS中的url模块解析URL信息

在HTTP部分，详细介绍了URL的相关知识。而nodejs中的url模块提供了一些实用函数，用于URL处理与解析。解析URL解析 URL 对象有以下内容，依赖于他们是否在 URL 字符串里存在。任何...

2020-05-27 01:49:53

119浏览

0评论

使用nodeJS中的fs模块对文件及目录进行读写,删除,追加,等操作详解

fs概述文件 I/O 是由简单封装的标准 POSIX 函数提供的。 nodeJS中通过 require('fs') 使用fs模块。所有的方法都有异步和同步的形式。异步形式始终以完成回调作为它最后一...

2020-05-27 01:49:52

91浏览

0评论

6种JavaScript继承方式及优缺点(小结)

温馨提示：想要更好的理解JS继承方式，须了解构造函数、原型对象、实例化对象、原型链等概念第一种：原型链继承
利用原型链的特点进行继承function Parent(){ this.name = 'web...

2020-05-27 01:49:51

239浏览

0评论

JavaScript实现左右滚动电影画布

本文实例为大家分享了JavaScript实现左右滚动电影画布的具体代码，供大家参考，具体内容如下实现效果：1. 鼠标放在图片左边，图片向右移动
2. 鼠标放在图片右边，图片向左移动
3. 鼠...

2020-05-27 01:49:49

76浏览

0评论

node.JS二进制操作模块buffer对象使用方法详解

在ES6引入TypedArray之前，JavaScript语言没有读取或操作二进制数据流的机制。Buffer类被引入作为Nodejs的API的一部分，使其可以在TCP流和文件系统操作等场景中处理二进制数据...

2020-05-27 01:49:48

首页 «1510 151115121513 1514 »尾页

热门文章