JavaScript - 教程之家

299浏览

0评论

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

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

2020-05-27

168浏览

0评论

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

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

2020-05-27

276浏览

0评论

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

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

2020-05-27

108浏览

0评论

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

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

129浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

84浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

56浏览

0评论

koa socket即时通讯的示例代码

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

2020-05-27

70浏览

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

108浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

83浏览

0评论

Vue中使用sass实现换肤功能

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

89浏览

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

70浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

86浏览

0评论

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

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

2020-05-27

78浏览

0评论

详解Webpack-dev-server的proxy用法

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

2020-05-27

124浏览

0评论

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

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

2020-05-27

84浏览

0评论

vue弹窗插件实战代码

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

72浏览

0评论

react 父子组件之间通讯props

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

68浏览

0评论

vue-router的HTML5 History 模式设置

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

2020-05-27

98浏览

0评论

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

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

2020-05-27

79浏览

0评论

JS实现可视化文件上传

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

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

2020-05-27

72浏览

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

82浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

106浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

78浏览

0评论

在Vue 中使用Typescript的示例代码

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

2020-05-27

219浏览

0评论

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

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

2020-05-27

63浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

112浏览

0评论

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

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

2020-05-27

59浏览

0评论

vue插件实现v-model功能

最近在开发自己的富文本编辑器插件，在开发中遇到了很多问题其中我觉得比较好的问题就是在你定义的插件中实现双向绑定。就好像input中v-model的功能类似。v-model语法：在vue中...

2020-05-27

热门文章