JavaScript - 教程之家

51浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

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

58浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

68浏览

0评论

详解Webpack-dev-server的proxy用法

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

2020-05-27

111浏览

0评论

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

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

2020-05-27

77浏览

0评论

vue弹窗插件实战代码

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

68浏览

0评论

react 父子组件之间通讯props

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

64浏览

0评论

vue-router的HTML5 History 模式设置

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

77浏览

0评论

JS实现可视化文件上传

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

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

2020-05-27

67浏览

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

76浏览

0评论

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

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

100浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

74浏览

0评论

在Vue 中使用Typescript的示例代码

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

2020-05-27

192浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

53浏览

0评论

vue插件实现v-model功能

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

2020-05-27

77浏览

0评论

vue axios数据请求及vue中使用axios的方法

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：--------------------------------------------------------------------------...

2020-05-27

82浏览

0评论

vue弹窗组件的实现示例代码

vue弹窗组件的样子
我们先看一下，我们要实现出来的弹窗组件长什么样子：呐，我们要用vue组件实现的弹窗就是这个样子，跟我们用js插件实现的效果一样，下面我们开始讲述怎么实现一个...

2020-05-27

132浏览

0评论

bootstrap自定义样式之bootstrap实现侧边导航栏功能

bootstrap自带的响应式导航栏是向下滑动的，有时满足不了个性化的需求，需要做一个类似于android drawerLayout 侧滑的菜单，这就是我要实现的bootstrap自定义侧滑菜单，参考了很多...

2020-05-27

87浏览

0评论

详解Eslint 配置及规则说明

本文介绍了详解Eslint 配置及规则说明，分享给大家，具体如下：中文官方网站安装
可以全局安装，也可以在项目下面安装。
如下是在项目中安装示例，只需要在 package.json 中添加如下...

2020-05-27

76浏览

0评论

vue中使用input[type="file"]实现文件上传功能

注意:input[type="file"] 标签中的属性accept="application/msword,application/pdf" 在pc上正常,但是在手机ios和android上这个文件格式限制会被忽略,所以需要在js中增加格...

2020-05-27

101浏览

0评论

Angular6 正则表达式允许输入部分中文字符

之前接到新需求，要求允许输入汉字的输入框允许输入中文括号，写正则表达式let filter2=/^[\（ \）\u4e00-\u9fa5]+$/;测试正常，执行ng build --prod命令打包之后运行出错。发现，正则...

2020-05-27

82浏览

0评论

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。栗子： ...<...

2020-05-27

60浏览

0评论

Vue监听数据渲染DOM完以后执行某个函数详解

实例如下： vm.$watch('某data数据',function(val){ vm.$nextTick(function() { 某事件(); }); }) 以上这篇Vue监听数据渲染DOM完以后执行某个函数详解就是小编分享给...

2020-05-27

70浏览

0评论

JavaScript基础教程之如何实现一个简单的promise

前言我们在开发过程中大多会用到promise，想必大家对promise的使用都很熟练了，今天我们就来实现一个简单的promise，实现的效果如有出入还往指正。Promise/A+规范：
首先重新阅读...

2020-05-27

72浏览

0评论

nodejs高大上的部署方式(PM2)

如果直接通过node app来启动，如果报错了可能直接停在整个运行，supervisor感觉只是拿来用作开发环境的。再网上找到pm2.目前似乎最常见的线上部署nodejs项目的有forever,pm2这...

2020-05-27

70浏览

0评论

webpack的CSS加载器的使用

什么是loader
loader用于转换应用程序的资源文件，他们是运行在nodejs下的函数，使用参数来获取一个资源的来源并且返回一个新的来源（资源的位置），例如：你可以使用loader来告诉webpa...

2020-05-27

60浏览

0评论

vue1.0和vue2.0的watch监听事件写法详解

如下所示：watch: { aaa: { handler: function (newVal,oldVal) { console.log('当前的值：'+ newVal); console.log('旧的值' + oldVal); }, deep: true //深度监听 }}...

2020-05-27

58浏览

0评论

webpack css加载和图片加载的方法示例

css加载器
在webpack中，所有的资源（js文件、css文件、模板文件，图片文件等等）都被看成是一个模块，因此多有的资源都是可以被加载的。加载这些资源我们要在module属性定义这些加载...

2020-05-27

53浏览

0评论

详解webpack模块加载器兼打包工具

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 req...

2020-05-27

121浏览

0评论

解决Vue2.0 watch对象属性变化监听不到的问题

问题很早之前就遇到一个问题，父组件向子组件传值，子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化，今天终于找到为啥出现这种问题和解决...

2020-05-27

73浏览

0评论

JavaScript中Array方法你该知道的正确打开方法

前言在过去的几个月，我发现我的拉取请求中存在四个完全相同的 JavaScript 错误。于是我写了这篇文章，总结了如何在 JavaScript 中正确使用地使用 Array 的方法！Array对象为Java...

2020-05-27

108浏览

0评论

vue首次赋值不触发watch的解决方法

最近有个新需求，表单要求增量提交，但是身份证要求无则可提交，有错无法提交，只能新写个校验，但是还不能进组件就监控，后来发现watch有个immediate 选项watch:{"aaa":{ immediate:...

2020-05-27

热门文章