Vue+Element UI+Lumen实现通用表格分页功能
前言
最近在做一个前后端分离的项目，前端使用 Vue+ Element UI，而后端则使用 Lumen 做接口开发，其中分页是必不可少的一部分，本文就介绍如何基于以上环境做一个简单、可复用的分...
2020-05-27
JS对象和字符串之间互换操作实例分析
本文实例讲述了JS对象和字符串之间互换操作。分享给大家供大家参考，具体如下：平时在工作中大家一定也有过这样的需求，就是有时候需要把一个json对象转换为字符串，有时候要把一个...
2020-05-27
javascript中floor使用方法总结
floor()方法的基本语法：Math.floor( x ) ;x表示数字，返回小于或等于数字x的最大整数。我们下面来看具体的示例代码如下<!DOCTYPE html><html> <head> <title></title> </head...
2020-05-27
vue实现的树形结构加多选框示例
本文实例讲述了vue实现的树形结构加多选框。分享给大家供大家参考，具体如下：前面说了如何用递归组件来写vue树形结构，写了树形结构还要在前面加多选框，然后往数组里push选项，并在...
2020-05-27
Nodejs实现的操作MongoDB数据库功能完整示例
本文实例讲述了Nodejs实现的操作MongoDB数据库功能。分享给大家供大家参考，具体如下：mongodb_demo.js/**cnpm install mongodb */var MongoClient = require('mongodb').Mongo...
2020-05-27
AngularJS实现的自定义过滤器简单示例
本文实例讲述了AngularJS实现的自定义过滤器。分享给大家供大家参考，具体如下：1.自定义限制字数的过滤器啥也不说了直接上代码吧angular.module('demo').filter('cut', functi...
2020-05-27
PHP实现基于Redis的MessageQueue队列封装操作示例
本文实例讲述了PHP实现基于Redis的MessageQueue队列封装操作。分享给大家供大家参考，具体如下：Redis的链表List可以用来做链表，高并发的特性非常适合做分布式的并行消息传递。...
2020-05-27
小程序页面动态配置实现方法
小程序可以根据管理后台配置动态更新展示内容，如实现下面新鲜事栏目图片的来源的可配置，点击跳转url的可配置。实现方案1后端创建一个map结构的数据表，表结构如下：2 管理后台根...
2020-05-27
利用Dectorator分模块存储Vuex状态的实现
1、引言
在H5的Vue项目中，最为常见的当为单页应用(SPA)，利用Vue-Router控制组件的挂载与复用，这时使用Vuex可以方便的维护数据状态而不必关心组件间的数据通信。但在Weex中，不同...
2020-05-27
基于Webpack4和React hooks搭建项目的方法
面对日新月异的前端，我表示快学不动了:joy:。 Webpack 老早就已经更新到了 V4.x，前段时间 React 又推出了 hooks API。刚好春节在家里休假，时间比较空闲，还是赶紧把 React 技术...
2020-05-27
详解webpack编译速度提升之DllPlugin
一、前言The DllPlugin and DllReferencePlugin provide means to split bundles in a way that can drastically improve build time performance.DllPlugin 结合 DllRefre...
2020-05-27
深入理解nodejs搭建静态服务器(实现命令行)
静态服务器
使用node搭建一个可在任何目录下通过命令启动的一个简单http静态服务器完整代码链接
安装：npm install yg-server -g
启动：yg-server可通过以上命令安装，启动，来看一...
2020-05-27
Vue从TodoList中学父子组件通信
简单的 TodoList
实现一个简单的 todolist，当我输入内容后，点击提交自动添加在下面，如下图所示：用代码实现这个效果：<div id="app"> <input type="text" v-model="inputVal"> <...
2020-05-27
ES6 对象的新功能与解构赋值介绍
ES6 通过字面量语法扩展、新增方法、改进原型等多种方式加强对象的使用，并通过解构简化对象的数据提取过程。
一、字面量语法扩展
在 ES6 模式下使用字面量创建对象更加简洁，...
2020-05-27
JS散列表碰撞处理、开链法、HashTable散列示例
本文实例讲述了JS散列表碰撞处理、开链法、HashTable散列。分享给大家供大家参考，具体如下：/** * 散列表碰撞处理、开链法、HashTable散列。 * 将数组里的元素位置，也设置为数...
2020-05-27
vue多次循环操作示例
本文实例讲述了vue多次循环操作。分享给大家供大家参考，具体如下：需求：有以下一个数组，想将其对象里的信息展示出来，而且还要把对象下面的数组的具体信息也展示出来。v-for可以实...
2020-05-27
vue计算属性get和set用法示例
本文实例讲述了vue计算属性get和set用法。分享给大家供大家参考，具体如下：计算属性是什么：vue文档里是这么说的，模板中绑定太多的逻辑会让模板过重且难以维护。换句话说，就是可以...
2020-05-27
vue基于两个计算属性实现选中和全选功能示例
本文实例讲述了vue基于两个计算属性实现选中和全选功能。分享给大家供大家参考，具体如下：还是选中和全选功能，用两个计算属性来实现，别人的代码，思维确实不一样。学习了<!DOCTYPE...
2020-05-27
Vue指令指令大全
1. v-textv-text主要用来更新textContent，可以等同于JS的text属性。
<span v-text="msg"></span>这两者等价：
<span>{{msg}}</span>2. v-html
双大括号的方式会将数据解释为纯...
2020-05-27
Vue自定义指令写法与个人理解
什么是Vue指令?
指令是一种可以附加到DOM元素的微命令(tiny commands). 它们通常以"v-"作为前缀, 以方便Vue知道你在使用一种特殊的标记, 从而确保语法的一致性. 如果你...
2020-05-27
Vue组件的使用及个人理解与介绍
组件的基本使用
注册组件
注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。 Vue.component('mycomponent',{ template: `<div>这...
2020-05-27
JavaScript ES6常用基础知识总结
ES6 let与const及其相关
块级作用域
ES6新增了块级作用域，总结一句话大致就是：大括号{}包起来的代码块基本山都可以当做块级作用域。常见的有直接使用{}包起来：
{ var a = 4 }...
2020-05-27
Vue动画事件详解及过渡动画实例
为了应用过渡效果，需要在目标元素上使用 transition 特性：<div v-if="show" transition="my-transition"></div>transition 特性可以与下面资源一起用：v-if
v-show
v-for （只在...
2020-05-27
js屏蔽退格键(backspace或者叫后退键与F5)
没有绝对的屏蔽，最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开，如果不是的话就跳转到指定页面。这里只说js方法。我们在真实的项目开发中经常会...
2020-05-27
Vue表情输入组件 微信face表情组件
VUE表情包输入组件，先来张成品图看看。年底了没事干，把以前做过的项目中的组件拿出来再复习一下， 先说说思路吧。注意：1. 项目是用vue-cli3.0搭建起来的项目， 参考cli3.0官网地址...
2020-05-27
vue自定义指令实现方法详解
本文实例讲述了vue自定义指令实现方法。分享给大家供大家参考，具体如下：vue中的指令就是v-on v-bind v-show等等，那么自定义指令是什么呢？自己定义的指令就是自定义指令。语法：Vu...
2020-05-27
mpvue+vant app搭建微信小程序的方法步骤
mpvue使用
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project# 安装依赖$ cd...
2020-05-27
react中使用css的7中方式(最全总结)
第一种: 在组件中直接使用style
不需要组件从外部引入css文件，直接在组件中书写。import React, { Component } from "react";const div1 = { width: "300px", margin: "30px...
2020-05-27
react配置antd按需加载的使用
我目前使用的antd版本是2.13。现在最新的是3.0.1。
脚手架工具就是create-react-app。创建完成项目后，需添加配置，执行yarn eject 也就是打开配置的文档。
然后安装第三方依...
2020-05-27
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
本文实例讲述了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式。分享给大家供大家参考，具体如下：定义数据：<script> new Vue({ el:"#test", data:{ mess...
2020-05-27
vue实现动态显示与隐藏底部导航的方法分析
本文实例讲述了vue实现动态显示与隐藏底部导航的方法。分享给大家供大家参考，具体如下：在日常项目中，总有几个页面是要用到底部导航的，总有那么些个页面，是不需要底部导航的，这里...
2020-05-27
vue2.0实现的tab标签切换效果（内容可自定义）示例
本文实例讲述了vue2.0实现的tab标签切换效果。分享给大家供大家参考，具体如下：这里利用vue2.0 实现tab标签切换效果 比较实用初学vue，练习写了一个demo 网上有很多同样的例子，但...
2020-05-27
如何用JavaScript实现功能齐全的单链表详解
前言
前端也要搞好数据结构哦！用JavaScript实现了个单链表，通过LinkedList构造函数可实例化一个单链表数据结构的对象，所有的方法放到LinkedList构造函数的原型对象上，写了暂时...
2020-05-27
详解mpvue中小程序自定义导航组件开发指南
这篇笔记主要记录一下基于mpvue的小程序中实现自定义导航的思路及应用。分享出来抛砖引玉，如有谬误或优化空间，欢迎交流。小程序的配置项navigationStyle设置为custom之后，导航...
2020-05-27
ES6 迭代器与可迭代对象的实现
ES6 新的数组方法、集合、for-of 循环、展开运算符（...）甚至异步编程都依赖于迭代器（Iterator ）实现。本文会详解 ES6 的迭代器与生成器，并进一步挖掘可迭代对象的内部原理与使用...
2020-05-27
JavaScript 九种跨域方式实现原理
前言前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。一、什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最...
2020-05-27
总结4个方面优化Vue项目
运行时优化1、使用v-if代替v-show两者的区别是：v-if不渲染DOM，v-show会预渲染DOM除以下情况使用v-show，其他情况尽量使用v-if有预渲染需求需要频繁切换显示状态2、v-for必须加...
2020-05-27
ES6 更易于继承的类语法的使用
和其它面向对象编程语言一样，ES6 正式定义了 class 类以及 extend 继承语法糖，并且支持静态、派生、抽象、迭代、单例等，而且根据 ES6 的新特性衍生出很多有趣的用法。
一、类...
2020-05-27
ES6 如何改变JS内置行为的代理与反射
代理（Proxy）可以拦截并改变 JS 引擎的底层操作，如数据读取、属性定义、函数构造等一系列操作。ES6 通过对这些底层内置对象的代理陷阱和反射函数，让开发者能进一步接近 JS 引擎...
2020-05-27
图文讲解vue的v-if使用方法
vue提供了一个用于判断的v-if 、v-else语法，可以通过v-if和v-else进行内容的显示与隐藏。下面将通过使用v-if、v-else进行数据的显示与隐藏1、新建一个html页面，然后创建一个d...
2020-05-27
Vue表单控件绑定图文详解
Vue 表单控件绑定的实现，具体可以通过以下步骤操作来实现。1、基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。...
2020-05-27
在vue项目中引入vue-beauty操作方法
vue-beauty有丰富的vue组件库，使用vue-beauty方便项目的开发，下面介绍在vue项目中引入vue-beauty。1、vue项目初始化npm install --global vue-cl：全局安装vue脚手架vue init w...
2020-05-27
如何利用ES6进行Promise封装总结
原生Promise解析
简介
promise是异步编程的一种解决方案，比传统的解决方案--回调函数和事件--更合理和强大。
promise简单说就是一个容器，里面保存着某个未来才会结束的事件(...
2020-05-27
VUE中使用MUI方法
VUE中如何使用MUI1、第一步：下载MUI百度搜索MUI进入其官网点击右上角github地址，下载MUI文件 2、第二步：拷贝文件拷贝下载文件的dist目录中的三个文件复制到自己项目中创建的mu...
2020-05-27
在微信小程序中保存网络图片
微信代码片段点这里, 该功能需要添加appid才能进行正常的测试。在小程序的文档中我们得知，wx.saveImageToPhotosAlbum 是用来保存图片到相册的。但是仔细一看会发现这个接口...
2020-05-27
Vue 动态组件与 v-once 指令的实现
本文介绍了Vue 动态组件与 v-once 指令的实现，分享给大家，具体如下：<div id="root"> <child-one></child-one> <child-two></child-two> <button>change</button></div>Vue....
2020-05-27
PostgreSQL Node.js实现函数计算方法示例
前言由于工作需要，设计到了阿里云的弹性计算，这里便记录下来技术栈 node.js postgresql nodemailercontroller + services编写postgresql lib不管异常还是正常都返回resol...
2020-05-27
用element的upload组件实现多图片上传和压缩的示例代码
我用vuex做状态管理，七牛云做图床。项目地址：多图片上传组件效果展示项目执行流程首先，让我们来分析一下实现多图片上传的流程： 前端向后端请求用来上传图片至服务器的token...
2020-05-27
从组件封装看Vue的作用域插槽的实现
作用域插槽不是那么直观的一个概念。Vue文档使用了一段描述性的话来解释作用域插槽：有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽
……
但是在我们应...
2020-05-27
Vue 组件参数校验与非props特性的方法
子组件接收父组件的参数的时候，props注册接收的参数props:['count']子组件可以对接收的参数校验。
例如规定接收的count参数要求是Stringprops:{count:String}如果count是别...
2020-05-27
