95浏览

0评论

Vue组件的使用及个人理解与介绍

组件的基本使用
注册组件
注册组件就是利用Vue.component()方法，先传入一个自定义组件的名字，然后传入这个组件的配置。 Vue.component('mycomponent',{ template: `<div>这...

• 2020-05-27

95浏览

0评论

JavaScript ES6常用基础知识总结

ES6 let与const及其相关
块级作用域
ES6新增了块级作用域，总结一句话大致就是：大括号{}包起来的代码块基本山都可以当做块级作用域。常见的有直接使用{}包起来：
{ var a = 4 }...

• 2020-05-27

94浏览

0评论

Vue动画事件详解及过渡动画实例

为了应用过渡效果，需要在目标元素上使用 transition 特性：<div v-if="show" transition="my-transition"></div>transition 特性可以与下面资源一起用：v-if
v-show
v-for （只在...

• 2020-05-27

112浏览

0评论

js屏蔽退格键(backspace或者叫后退键与F5)

没有绝对的屏蔽，最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开，如果不是的话就跳转到指定页面。这里只说js方法。我们在真实的项目开发中经常会...

• 2020-05-27

105浏览

0评论

Vue表情输入组件 微信face表情组件

VUE表情包输入组件，先来张成品图看看。年底了没事干，把以前做过的项目中的组件拿出来再复习一下， 先说说思路吧。注意：1. 项目是用vue-cli3.0搭建起来的项目， 参考cli3.0官网地址...

• 2020-05-27

113浏览

0评论

vue自定义指令实现方法详解

本文实例讲述了vue自定义指令实现方法。分享给大家供大家参考，具体如下：vue中的指令就是v-on v-bind v-show等等，那么自定义指令是什么呢？自己定义的指令就是自定义指令。语法：Vu...

• 2020-05-27

99浏览

0评论

mpvue+vant app搭建微信小程序的方法步骤

mpvue使用
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 mpvue-quickstart 模板的新项目$ vue init mpvue/mpvue-quickstart my-project# 安装依赖$ cd...

• 2020-05-27

96浏览

0评论

react中使用css的7中方式(最全总结)

第一种: 在组件中直接使用style
不需要组件从外部引入css文件，直接在组件中书写。import React, { Component } from "react";const div1 = { width: "300px", margin: "30px...

• 2020-05-27

86浏览

0评论

react配置antd按需加载的使用

我目前使用的antd版本是2.13。现在最新的是3.0.1。
脚手架工具就是create-react-app。创建完成项目后，需添加配置，执行yarn eject 也就是打开配置的文档。
然后安装第三方依...

• 2020-05-27

71浏览

0评论

Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结

本文实例讲述了Vue指令v-for遍历输出JavaScript数组及json对象的常见方式。分享给大家供大家参考，具体如下：定义数据：<script> new Vue({ el:"#test", data:{ mess...

• 2020-05-27

120浏览

0评论

vue实现动态显示与隐藏底部导航的方法分析

本文实例讲述了vue实现动态显示与隐藏底部导航的方法。分享给大家供大家参考，具体如下：在日常项目中，总有几个页面是要用到底部导航的，总有那么些个页面，是不需要底部导航的，这里...

• 2020-05-27

96浏览

0评论

vue2.0实现的tab标签切换效果（内容可自定义）示例

本文实例讲述了vue2.0实现的tab标签切换效果。分享给大家供大家参考，具体如下：这里利用vue2.0 实现tab标签切换效果 比较实用初学vue，练习写了一个demo 网上有很多同样的例子，但...

• 2020-05-27

124浏览

0评论

如何用JavaScript实现功能齐全的单链表详解

前言
前端也要搞好数据结构哦！用JavaScript实现了个单链表，通过LinkedList构造函数可实例化一个单链表数据结构的对象，所有的方法放到LinkedList构造函数的原型对象上，写了暂时...

• 2020-05-27

121浏览

0评论

详解mpvue中小程序自定义导航组件开发指南

这篇笔记主要记录一下基于mpvue的小程序中实现自定义导航的思路及应用。分享出来抛砖引玉，如有谬误或优化空间，欢迎交流。小程序的配置项navigationStyle设置为custom之后，导航...

• 2020-05-27

113浏览

0评论

ES6 迭代器与可迭代对象的实现

ES6 新的数组方法、集合、for-of 循环、展开运算符（...）甚至异步编程都依赖于迭代器（Iterator ）实现。本文会详解 ES6 的迭代器与生成器，并进一步挖掘可迭代对象的内部原理与使用...

• 2020-05-27

193浏览

0评论

JavaScript 九种跨域方式实现原理

前言前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。一、什么是跨域？1.什么是同源策略及其限制内容？同源策略是一种约定，它是浏览器最...

• 2020-05-27

104浏览

0评论

总结4个方面优化Vue项目

运行时优化1、使用v-if代替v-show两者的区别是：v-if不渲染DOM，v-show会预渲染DOM除以下情况使用v-show，其他情况尽量使用v-if有预渲染需求需要频繁切换显示状态2、v-for必须加...

• 2020-05-27

120浏览

0评论

ES6 更易于继承的类语法的使用

和其它面向对象编程语言一样，ES6 正式定义了 class 类以及 extend 继承语法糖，并且支持静态、派生、抽象、迭代、单例等，而且根据 ES6 的新特性衍生出很多有趣的用法。
一、类...

• 2020-05-27

120浏览

0评论

ES6 如何改变JS内置行为的代理与反射

代理（Proxy）可以拦截并改变 JS 引擎的底层操作，如数据读取、属性定义、函数构造等一系列操作。ES6 通过对这些底层内置对象的代理陷阱和反射函数，让开发者能进一步接近 JS 引擎...

• 2020-05-27

116浏览

0评论

图文讲解vue的v-if使用方法

vue提供了一个用于判断的v-if 、v-else语法，可以通过v-if和v-else进行内容的显示与隐藏。下面将通过使用v-if、v-else进行数据的显示与隐藏1、新建一个html页面，然后创建一个d...

• 2020-05-27

116浏览

0评论

Vue表单控件绑定图文详解

Vue 表单控件绑定的实现，具体可以通过以下步骤操作来实现。1、基础用法可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。...

• 2020-05-27

113浏览

0评论

在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

111浏览

0评论

如何利用ES6进行Promise封装总结

原生Promise解析
简介
promise是异步编程的一种解决方案，比传统的解决方案--回调函数和事件--更合理和强大。
promise简单说就是一个容器，里面保存着某个未来才会结束的事件(...

• 2020-05-27

130浏览

0评论

VUE中使用MUI方法

VUE中如何使用MUI1、第一步：下载MUI百度搜索MUI进入其官网点击右上角github地址，下载MUI文件 2、第二步：拷贝文件拷贝下载文件的dist目录中的三个文件复制到自己项目中创建的mu...

• 2020-05-27

128浏览

0评论

在微信小程序中保存网络图片

微信代码片段点这里, 该功能需要添加appid才能进行正常的测试。在小程序的文档中我们得知，wx.saveImageToPhotosAlbum 是用来保存图片到相册的。但是仔细一看会发现这个接口...

• 2020-05-27

115浏览

0评论

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

118浏览

0评论

PostgreSQL Node.js实现函数计算方法示例

前言由于工作需要，设计到了阿里云的弹性计算，这里便记录下来技术栈 node.js postgresql nodemailercontroller + services编写postgresql lib不管异常还是正常都返回resol...

• 2020-05-27

157浏览

0评论

用element的upload组件实现多图片上传和压缩的示例代码

我用vuex做状态管理，七牛云做图床。项目地址：多图片上传组件效果展示项目执行流程首先，让我们来分析一下实现多图片上传的流程： 前端向后端请求用来上传图片至服务器的token...

• 2020-05-27

160浏览

0评论

从组件封装看Vue的作用域插槽的实现

作用域插槽不是那么直观的一个概念。Vue文档使用了一段描述性的话来解释作用域插槽：有的时候你希望提供的组件带有一个可从子组件获取数据的可复用的插槽
……
但是在我们应...

• 2020-05-27

140浏览

0评论

Vue 组件参数校验与非props特性的方法

子组件接收父组件的参数的时候，props注册接收的参数props:['count']子组件可以对接收的参数校验。
例如规定接收的count参数要求是Stringprops:{count:String}如果count是别...

• 2020-05-27

103浏览

0评论

vue组件开发props验证的实现

使用props在Vue中父组件向子组件中传送数据是通过props实现的，一个简单的使用props的例子：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue Study</title><...

• 2020-05-27

124浏览

0评论

JavaScript常用工具方法封装

因为工作中经常用到这些方法，所有便把这些方法进行了总结。JavaScript1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -...

• 2020-05-27

168浏览

0评论

vue的for循环使用方法

vue是一套当下非常受欢迎的构建用户界面的渐进式框架。那如何使用vue进行数据循环呢？下面的案例将使用v-for循环进行数据的遍历。1、打开html开发工具，新建一个html 代码页面...

• 2020-05-27

154浏览

0评论

vue文件运行的方法教学

vue文件怎么运行呢？下面就跟小编一起来看一看吧。1、首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的TB镜像2、如果你是用vue-cl...

• 2020-05-27

145浏览

0评论

js实现json数组分组合并操作示例

本文实例讲述了js实现json数组分组合并操作。分享给大家供大家参考，具体如下：<script>var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1",...

• 2020-05-27

156浏览

0评论

通过npm或yarn自动生成vue组件的方法示例

不知道大家每次新建组件的时候，是不是都要创建一个目录，然后新增一个.vue文件，然后写template、script、style这些东西，如果是公共组件，是不是还要新建一个index.js用来导出vue组...

• 2020-05-27

128浏览

0评论

Vue中使用canvas方法总结

下面就是小编带给大家的Vue中怎么使用canvas方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。1、如果数组中都是canvas对象, vue如何能吧canvas对象渲染到页面。v-htm...

• 2020-05-27

115浏览

0评论

vue添加class样式实例讲解

vue提供了一个动态添加class的v-bind:class（:class） 对象，可以使用：class进行clas动态的切换。案例中将通过使用:class设置 字体为红色。1、新建一个html代码页面。2、在html代...

• 2020-05-27

127浏览

0评论

vue组件之间数据传递的方法实例分析

本文实例分析了vue组件之间数据传递的方法。分享给大家供大家参考，具体如下：1、props:父组件 -->传值到子组件app.vue是父组件 ，其它组件是子组件，把父组件值传递给子组件需要使...

• 2020-05-27

186浏览

0评论

详解vue引入子组件方法

前端框架vue，在利用脚手架工具vue-cli创建前端项目时候，怎么引入组件呢？下面是详细的写法。1、第一步，利用vue-cli创建一个vue前端项目，文件夹如下图2、第二步，例子是在hom.vue界...

• 2020-05-27

139浏览

0评论

实例分析编写vue组件方法

vue组件的概念是变得越来越重要了噢。今天小编我就来给大家分享一下编写vue组件的经验噢。1、首先引入vueJS框架并且在底部new一个vue实例便可得到一个组件了哦。vue实例本...

• 2020-05-27

128浏览

0评论

图文讲解用vue-cli脚手架创建vue项目步骤

用vue-cli脚手架可以快速的构建出一个前端vue框架的项目结构。今天小编我便来记录一下vue-cli脚手架的构建项目的经验。1、首先便是要搭建好vue-cli脚手架工具才行滴。搭建v...

• 2020-05-27

126浏览

0评论

微信小程序实现的自定义分享功能示例

本文实例讲述了微信小程序实现的自定义分享功能。分享给大家供大家参考，具体如下：大家都知道，小程序有分享的功能，可以分享整个程序，也可以自定义分享的内容onShareAppMessage在...

• 2020-05-27

149浏览

0评论

谈谈JavaScript中super(props)的重要性

我听说 Hooks 最近很火。讽刺的是，我想用一些关于 class 组件的有趣故事来开始这篇文章。你觉得如何？本文中这些坑对于你正常使用 React 并不是很重要。 但是假如你想更深入的...

• 2020-05-27

129浏览

0评论

详解Vue用cmd创建项目

Vue是当下很流行的前端框架，现在我来分享一下用Vue创建项目的流程1、新建一个文件夹，用来创建Vue项目。2、进入到该文件夹，在地址栏内写‘cmd'，回车。就会弹出命令行窗口3、进入...

• 2020-05-27

137浏览

0评论

说说Vue.js中的functional函数化组件的使用

Vue.js 组件提供了一个 functional 开关，设置为 true 后，就可以让组件变为无状态、无实例的函数化组件。因为只是函数，所以渲染的开销相对来说，较小。
函数化的组件中的 Render...

• 2020-05-27

134浏览

0评论

详解vue组件中使用路由方法

vue组件中使用路由1.实现下载路由模块 的命令如下2.引入路由的命令如下3.实现接着通过use在vue全局注册使用的命令如下4.最后将路由表导出的命令如下5.在main.js中引入路由...

• 2020-05-27

122浏览

0评论

图文详解vue框架安装步骤

vue安装首先第一步，安装javascript运行环境node.js，根据你系统是32位或64位安装文件如下图。第二步，安装Nodejs下的包管理器，打开windows命令窗口，输入“npm install -g cnpm --r...

• 2020-05-27

121浏览

0评论

深入探讨JavaScript的最基本部分之执行上下文

在这篇文章中，我将深入探讨JavaScript的最基本部分之一，即Execution Context(执行上下文)。 在本文结束时，你应该对解释器了解得更清楚：为什么在声明它们之前可以使用某些函数或...

• 2020-05-27

124浏览

0评论

微信小程序websocket聊天室的实现示例代码

背景
最近做了一个微信小程序的即时通讯功能，之前我也做过node.js的websocket服务，不过是在web端应用的socket.io服务。小程序本身对http、websocket等连接均有诸多限制，所以这...

• 2020-05-27