83浏览

0评论

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

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

• 2020-05-27

329浏览

0评论

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

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

• 2020-05-27

181浏览

0评论

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

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

• 2020-05-27

299浏览

0评论

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

如下所示：<!--导航菜单-折叠功能--><aside :class="collapsed&#63;‘menu-collapsed‘:‘menu-expanded‘"><!--单个激活 并以 index 作为 path 进行路由跳转--><el-menu uni...

• 2020-05-27

123浏览

0评论

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

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

• 2020-05-27

122浏览

0评论

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

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

• 2020-05-27

92浏览

0评论

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

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

• 2020-05-27

89浏览

0评论

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

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

• 2020-05-27

138浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

99浏览

0评论

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

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

• 2020-05-27

83浏览

0评论

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

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

• 2020-05-27

74浏览

0评论

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

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

• 2020-05-27

64浏览

0评论

koa socket即时通讯的示例代码

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

• 2020-05-27

81浏览

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

116浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

122浏览

0评论

Vue中使用sass实现换肤功能

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

• 2020-05-27

71浏览

0评论

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

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

• 2020-05-27

86浏览

0评论

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

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

• 2020-05-27

98浏览

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

85浏览

0评论

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

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

• 2020-05-27

80浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

88浏览

0评论

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

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

• 2020-05-27

102浏览

0评论

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

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

• 2020-05-27

91浏览

0评论

详解Webpack-dev-server的proxy用法

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

• 2020-05-27

147浏览

0评论

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

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

• 2020-05-27

92浏览

0评论

vue弹窗插件实战代码

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

• 2020-05-27

76浏览

0评论

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

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

• 2020-05-27

79浏览

0评论

react 父子组件之间通讯props

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

• 2020-05-27

64浏览

0评论

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

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

• 2020-05-27

75浏览

0评论

vue-router的HTML5 History 模式设置

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

• 2020-05-27

114浏览

0评论

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

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

• 2020-05-27

90浏览

0评论

JS实现可视化文件上传

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

• 2020-05-27

79浏览

0评论

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

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

• 2020-05-27

104浏览

0评论

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

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

• 2020-05-27

72浏览

0评论

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

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

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

• 2020-05-27

83浏览

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

95浏览

0评论

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

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

• 2020-05-27

85浏览

0评论

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

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

• 2020-05-27

118浏览

0评论

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

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

• 2020-05-27

94浏览

0评论

浅谈微信小程序flex布局基础

1：Flex布局Flex布局如图1所示
图11.1 Flex容器属性
1.2 Flex容器内元素属性

align如果定义会覆写掉容器属性中的justify-content，align-items设置的属性微信小程序开发工程中...

• 2020-05-27

68浏览

0评论

Vuejs 实现简易 todoList 功能 与 组件实例代码

todoList结合之前 Vuejs 基础与语法
&#8226;使用 v-model 双向绑定 input 输入内容与数据 data
&#8226;使用 @click 和 methods 关联事件
&#8226;使用 v-for 进行数据循环展...

• 2020-05-27

83浏览

0评论

ES6使用export和import实现模块化的方法

在ES6前， 前端就使用RequireJS或者seaJS实现模块化， requireJS是基于AMD规范的模块化库， 而像seaJS是基于CMD规范的模块化库， 两者都是为了为了推广前端模块化的工具， 更多有关...

• 2020-05-27

88浏览

0评论

在Vue 中使用Typescript的示例代码

Vue 中使用 typescript什么是typescripttypescript 为 javaScript的超集，这意味着它支持所有都JavaScript都语法。它很像JavaScript都强类型版本，除此之外，它还有一些扩展的语...

• 2020-05-27

252浏览

0评论

webuploader分片上传的实现代码（前后端分离）

本文介绍了webuploader分片上传的实现代码（前后端分离），分享给大家，具体如下：WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在...

• 2020-05-27

74浏览

0评论

详解Vue.js使用Swiper.js在iOS<11时出现错误

前言
swiper这是一个很强大的轮播展示工具，但往往也会有一些未知BUG，尤其是在手机端，由于性能局限，会导致效果和PC测试的时候有完全不一样的效果
在H5项目中，需要用到翻页效果，通...

• 2020-05-27

66浏览

0评论

详解vue-router传参的两种方式

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路...

• 2020-05-27

139浏览

0评论

在Angular中使用JWT认证方法示例

本文介绍了在Angular中使用JWT认证方法示例，分享给大家，具体如下：项目地址: grading-system 基于session的认证和基于token的认证的方式已经被广泛使用。在session认证中，服务端...

• 2020-05-27