编程开发 - 教程之家

编程开发

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

55浏览

0评论

koa-router源码学习小结

koa 框架一直都保持着简洁性, 它只对 node 的 HTTP 模块进行了封装, 而在真正实际使用, 我们还需要更多地像路由这样的模块来构建我们的应用, 而 koa-router 是常用的 koa...

2020-05-27 04:49:07

56浏览

0评论

Vue 实现列表动态添加和删除的两种方法小结

下面将介绍两种方式实现动态添加和删除列表1.不使用组件<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - vue实现列表增加和删除</title><script...

2020-05-27 04:49:06

60浏览

0评论

详解使用jest对vue项目进行单元测试

最近领导对前端提出了新的要求，要进行单元测试。之前使用vue做了一个快报名小程序的pc端页面，既然要做单元测试，就准备用这个项目了，之前有些react的经验，vue还是第一遭vue-cli3....

2020-05-27 04:49:05

63浏览

0评论

vue 点击按钮增加一行的方法

如下所示：data() {return {customized_descs: [1]，}},不要js，jq里面的方法了。以上这篇vue 点击按钮增加一行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望...

2020-05-27 04:49:04

109浏览

0评论

vue.js 实现点击按钮动态添加li的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="...

2020-05-27 04:49:03

86浏览

0评论

cnpm加速Angular项目创建的方法

问题描述使用官网推荐的命令行工具ng来初始化Angular项目。ng new my-app前面都挺快的，创建本地文件嘛。就是到最后安装依赖的时候特别慢，等了半个小时，也没装完。cnpm加速使用...

2020-05-27 04:49:02

67浏览

0评论

对类Vue的MVVM前端库的实现代码

MVVM(ModelView ViewModel)是一种基于MVC的设计，开发人员在HTML上写一些Bindings,利用一些指令绑定，就能在Model和ViewModel保持不变的情况下，很方便的将UI设计与业务逻辑分离，...

2020-05-27 04:49:00

71浏览

0评论

npm配置国内镜像资源+淘宝镜像的方法

npm介绍1、说明：npm（node package manager）nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）；2、使用npm安装插件：命令提示符执行npm install <name> [-g] [--save-d...

2020-05-27 04:48:58

63浏览

0评论

关于JavaScript中高阶函数的魅力详解

前言一个函数就可以接收另一个函数作为参数,简言之,函数的参数能够接收别的函数,这种函数就称之为高阶函数JavaScript 的高阶函数跟 Swift 的高阶函数类似常见的高阶函数有:...

2020-05-27 04:48:58

285浏览

0评论

vue 点击按钮实现动态挂载子组件的方法

Vue.extend( options )参数：{Object} options用法：使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。data 选项是特例，需要注意 - 在 Vue.extend() 中它必...

2020-05-27 04:48:57

159浏览

0评论

详解npm 配置项registry修改为淘宝镜像

在使用npm 的过程中，搜索网上的资料基本上可以看到类似如下的描述：“npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像”。初体验，不知道淘宝cnpm镜像为何物。根据这句描...

2020-05-27 04:48:56

260浏览

0评论

vue.js+element-ui动态配置菜单的实例

如下所示：<aside :class="collapsed?‘menu-collapsed‘:‘menu-expanded‘"><el-menu uni...

2020-05-27 04:48:54

102浏览

0评论

Js中使用正则表达式验证输入是否有特殊字符

Js中使用正则表达式验证输入是否有特殊字符的代码如下所示： //验证是否有特殊字符function checkval(t) { var re = /^[\u4e00-\u9fa5a-z]+$/gi;//只能输入汉字和英文字母...

2020-05-27 04:48:53

107浏览

0评论

vue2.0 可折叠列表 v-for循环展示的实例

先上一张效果图：以前用angularjs操作基本上都是要取到每个列表的id再循环判断是不是当前点击的列表来显示折叠。今天在这个项目 https://github.com/IFmiss/vue-music 上看到...

2020-05-27 04:48:52

80浏览

0评论

详解如何构建一个Angular6的第三方npm包

不废话直接上教程1.建立项目ng new projectname2.创建第三方库项目创建完毕，依赖安装完毕后# libraryname : 第三方包名字# prefix : 组件前缀(如 nz-zorro 的组件前都是 nz-...

2020-05-27 04:48:47

76浏览

0评论

使用Angular-CLI构建NPM包的方法

1.创建项目# PROJECT_NAME ：创建的项目名称ng new PROJECT_NAME2.创建第三方包（我们要构建的NPM包）cd PROJECT_NAME# LIBRARY_NAME ：创建的包的名称(如 zorro)# PREFIX ：组件前缀...

2020-05-27 04:48:46

118浏览

0评论

vue实现打印功能的两种方法

第一种方法：通过npm 安装插件1，安装 npm install vue-print-nb --save2，引入安装好以后在main.js文件中引入 import Print from 'vue-print-nb' 　　Vue.use(Print); /...

2020-05-27 04:48:44

65浏览

0评论

前端防止用户重复提交js实现代码示例

背景
前端在向后端进行数据提交的时候，通常会需要在第一次提交返回前，阻止用户在快速点击发送二次请求，即防止重复提交，最简单的方法是使用标志参数或者 class 元素控制，但缺点是...

2020-05-27 04:48:41

80浏览

0评论

小程序点赞收藏功能的实现代码示例

本文介绍了小程序点赞收藏功能的实现代码示例，分享给大家，具体如下：/收藏/focusFavoriteTab: function (e) { var that = this; var isFocus = that.data.isFocus; console....

2020-05-27 04:48:40

67浏览

0评论

Vuejs开发环境搭建及热更新【推荐】

Vue.jsVue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地...

2020-05-27 04:48:39

58浏览

0评论

vue侧边栏动态生成下级菜单的方法

循环传入的数据去生成下级菜单 <template> <div class="headBar"> <div class="title"> 微商城管理后台 </div> <el-menu class="el-menu-headBar" mode="horizontal" @...

2020-05-27 04:48:38

52浏览

0评论

koa socket即时通讯的示例代码

前言
http的特点是一问一答，而即时通讯是需要双向通信的，这样以前的即时通信只能使用轮询的方式通过周期性的ajax请求获取数据，直到websocket出现，就完美实现了双向通信一即时...

2020-05-27 04:48:37

64浏览

0评论

Vue2.0 v-for filter列表过滤功能的实现

使用计算属性app.jsvar app5 = new Vue({ el: '#app5', data: { shoppingList: [ "Milk", "Donuts", "Cookies", "Chocolate", "Peanut Butter", "Pepto Bismol", "Pepto...

2020-05-27 04:48:36

94浏览

0评论

Vue异步组件处理路由组件加载状态的解决方案

vue.js 组件组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。在大型单页面应用中，处于对性能的考虑和首屏加载速度的要求，我们一般都会...

2020-05-27 04:48:35

84浏览

0评论

jQuery中each遍历的三种方法实例分析

本文实例讲述了jQuery中each遍历的三种方法。分享给大家供大家参考，具体如下：1、选择器+遍历$('div').each(function (i){ //i就是索引值 //this 表示获取遍历每一个dom对象...

2020-05-27 04:48:34

77浏览

0评论

Vue中使用sass实现换肤功能

先给大家展示下效果图：先给大家看一下目录和主要文件：解释一下主要文件：base.scss：一些通用样式文件。mixin.scss：定义mixin方法的文件。varibale.scss：颜色，字体，背景的配置文...

2020-05-27 04:48:33

51浏览

0评论

vue利用v-for嵌套输出多层对象,分别输出到个表的方法

如下所示：specifications:[ { specificationName:"颜色", specificationItem:[ {value:"黄色"}, {value:"黑色"} ] }]<table class="table table-bordered table-hov...

2020-05-27 04:48:26

73浏览

0评论

jQuery插件实现的日历功能示例【附源码下载】

本文实例讲述了jQuery插件实现的日历功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""h...

2020-05-27 04:48:24

85浏览

0评论

vue.js 双层嵌套for遍历的方法详解, 类似php foreach()

主要运用 template 标签，可相当于 php foreach（） foreach（lists as $key）{ //todo foreach($key.自定义字段 as k){ //todo } }<template v-for="key in lists" v-cloak> <tr...

2020-05-27 04:48:23

60浏览

0评论

Bootstrap-table自定义可编辑每页显示记录数

写在前面：　　最近在做的person功能，由于后期系统中person人数较多，不利用查找person,故需求方将要求可以自己编辑每页显示的数目，而不是固定的写死每页显示的数目。　　下面先...

2020-05-27 04:48:22

60浏览

0评论

jQuery实现为动态添加的元素绑定事件实例分析

本文实例讲述了jQuery实现为动态添加的元素绑定事件。分享给大家供大家参考，具体如下：在使用jquery的方式为元素绑定事件时，我经常使用bind或者click,但这只能为页面已经加载好...

2020-05-27 04:48:21

90浏览

0评论

Bootstrap-table使用footerFormatter做统计列功能

写在前面：　　在做表格的时候，难免会碰到做统计的时候。由于在项目中涉及到做统计的功能比较简单，之后也就没有过多的去研究更复杂的，这里简单记录下。　　这次就直接先上图：一个...

2020-05-27 04:48:20

72浏览

0评论

JavaScript实现JSON合并操作示例【递归深度合并】

本文实例讲述了JavaScript实现JSON合并操作。分享给大家供大家参考，具体如下：为什么我会想到写这几行代码在实际工作中，我们会使用许多或自主开发或第三方的工具，有些工具的配置...

2020-05-27 04:48:19

82浏览

0评论

详解Ubuntu安装angular-cli遇到的坑

环境：ubuntu16.04按照官方文档的要求，跟着进行angular-cli的安装，但是我们知道，环境这种东西有时候很容易配置，有时候就会闹脾气，而且不同的操作系统，出现的问题也不尽相同。今天安...

2020-05-27 04:48:18

70浏览

0评论

详解Webpack-dev-server的proxy用法

前言
如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求，那么代理某些 URL 会很有用。
解决开发环境的跨域问题(不用在去配置nginx和host, 爽歪歪~~)
在web...

2020-05-27 04:48:17

112浏览

0评论

浅谈从React渲染流程分析Diff算法

React中最神奇的部分莫过于虚拟DOM，以及其高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面，由虚拟DOM来确保只对界面上真正变化的部分进...

2020-05-27 04:48:16

80浏览

0评论

vue弹窗插件实战代码

vue做移动端经常碰到弹窗的需求, 这里写一个功能简单的vue弹窗popup.vue
<template> <div class="popup-wrapper" v-show="visible" @click="hide"> <div class="popup-tex...

2020-05-27 04:48:15

60浏览

0评论

js代码规范之Eslint安装与配置详解

什么是 ESLint
ESLint（中文站点）是一个开源的 JavaScript 代码检查工具，使用 Node.js 编写，由 Nicholas C. Zakas 于 2013 年 6 月创建。ESLint 的初衷是为了让程序员可以创建自...

2020-05-27 04:48:14

68浏览

0评论

react 父子组件之间通讯props

实现父子组件双向数据流整体的思路是：
1，父组件可以向子组件传递props，props中带有初始化子组件的数据，还有回调函数
2，子组件的state发生变化时，在子组件的事件处理函数中，手动触...

2020-05-27 04:48:13

54浏览

0评论

vue移动端下拉刷新和上拉加载的实现代码

由于自身的项目比较简单，只有几个H5页面，用来嵌入app中，所有没有引入移动端的UI框架，但是介于能让用户在浏览H5页面时有下拉刷新和上拉加载，有更好的用户体验，自己写组件实现。1、...

2020-05-27 04:48:12

64浏览

0评论

vue-router的HTML5 History 模式设置

VUE是当下最火爆的前端框架之一，vue-router是vue项目中几乎都会用到的组件，然而体验一时爽，其实坑不少。本篇经验将详细介绍vue-router的两种mode效果和开发测试环境下的问题，并...

2020-05-27 04:48:10

90浏览

0评论

js实现文件上传功能后台使用MultipartFile

本文为大家分享了js实现文件上传功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <s...

2020-05-27 04:48:09

77浏览

0评论

JS实现可视化文件上传

本文实例为大家分享了JS可视化文件上传的具体代码，供大家参考，具体内容如下
测试-Style<style type="text/css"> .imgbox,.imgbox1 { position: relative; wi...

2020-05-27 04:48:08

66浏览

0评论

原生JS实现前端本地文件上传

本文实例为大家分享了JS实现前端本地文件上传的具体代码，供大家参考，具体内容如下通过input type = file来选择本地文件<div> <form> <input type="file" id="file-input"...

2020-05-27 04:48:07

90浏览

0评论

React Native开发封装Toast与加载Loading组件示例

在App开发中，我们避免不了使用的两个组件，一个Toast，一个网络加载Loading，在RN开发中，也是一样，React Native官方并没有提供者这两个常用组件，需要开发者自己根据需求来自定义。作...

2020-05-27 04:48:06

58浏览

0评论

在vue项目中集成graphql(vue-ApolloClient)

1.什么是graphql
GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时
下图展示graphql所处的位置

2.优点1.GraphQL API 有强类型 schema
G...

2020-05-27 04:48:05

68浏览

0评论

详解在vue-cli中使用graphql即vue-apollo的用法

1、首先我们需要安装一下vue-apollo 具体执行命令如下：
复制代码代码如下:npm install –save vue-apollo graphql apollo-client apollo-link apollo-link-http apollo-ca...

2020-05-27 04:48:04

77浏览

0评论

JavaScript读写二进制数据的方法详解

前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数，如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面...

2020-05-27 04:48:02

72浏览

0评论

Bootbox将后台JSON数据填充Form表单的实例代码

序言：刚结束公司的三个月试用期，意味着我即将正式步入社会成为广大从事IT行业的一员。作为一个编程小白，无论从技术层面还是知识层面都是比较薄弱的，想要成为一个优秀的程序员不...

2020-05-27 04:48:01

100浏览

0评论

微信小程序文章详情页面实现代码

先自己绘制了一个丑陋的原型图，然后开始在小程序上绘制页面，然后设计样式，一路过来总结就是哪里不懂查哪里之旅~原型设计和分析原型图效果文章详情.png为什么要这么设计？正常情...

2020-05-27 04:47:58

首页 «1350 135113521353 1354 »尾页

热门文章