编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

80浏览

0评论

总结4个方面优化Vue项目

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

2020-05-27 04:00:15

96浏览

0评论

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

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

2020-05-27 04:00:13

92浏览

0评论

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

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

2020-05-27 04:00:12

92浏览

0评论

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

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

2020-05-27 04:00:10

95浏览

0评论

Vue表单控件绑定图文详解

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

2020-05-27 04:00:07

89浏览

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 04:00:00

86浏览

0评论

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

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

2020-05-27 03:59:57

98浏览

0评论

VUE中使用MUI方法

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

2020-05-27 03:59:55

104浏览

0评论

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

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

2020-05-27 03:59:49

100浏览

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 03:59:48

91浏览

0评论

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

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

2020-05-27 03:59:46

127浏览

0评论

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

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

2020-05-27 03:59:45

132浏览

0评论

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

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

2020-05-27 03:59:16

116浏览

0评论

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

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

2020-05-27 03:59:15

83浏览

0评论

vue组件开发props验证的实现

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

2020-05-27 03:59:13

94浏览

0评论

JavaScript常用工具方法封装

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

2020-05-27 03:59:12

151浏览

0评论

vue的for循环使用方法

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

2020-05-27 03:59:10

126浏览

0评论

vue文件运行的方法教学

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

2020-05-27 03:59:07

122浏览

0评论

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

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

2020-05-27 03:58:53

131浏览

0评论

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

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

2020-05-27 03:58:52

105浏览

0评论

Vue中使用canvas方法总结

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

2020-05-27 03:58:49

89浏览

0评论

vue添加class样式实例讲解

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

2020-05-27 03:58:44

103浏览

0评论

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

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

2020-05-27 03:58:40

152浏览

0评论

详解vue引入子组件方法

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

2020-05-27 03:58:37

111浏览

0评论

实例分析编写vue组件方法

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

2020-05-27 03:58:33

108浏览

0评论

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

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

2020-05-27 03:58:29

107浏览

0评论

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

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

2020-05-27 03:58:26

125浏览

0评论

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

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

2020-05-27 03:58:24

105浏览

0评论

详解Vue用cmd创建项目

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

2020-05-27 03:58:23

121浏览

0评论

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

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

2020-05-27 03:58:19

116浏览

0评论

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

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

2020-05-27 03:58:15

101浏览

0评论

图文详解vue框架安装步骤

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

2020-05-27 03:58:10

94浏览

0评论

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

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

2020-05-27 03:58:06

107浏览

0评论

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

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

2020-05-27 03:58:04

110浏览

0评论

如何将百度地图包装成Vue的组件的方法步骤

（1）在index.html文件中引入百度地图
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=piXQ5CgHFqEefqCVbhhBFfe6HjF7l4zW "></script>
（2）在we...

2020-05-27 03:58:03

103浏览

0评论

vue写h5页面的方法总结

下面就是小编带给大家的如何用vue写h5页面方法操作，希望能够给你们带来一定的帮助，谢谢大家的观看。1、当拿到设计师给的UI设计图，前端的首要任务就是布局和样式，相信这对于大部...

2020-05-27 03:58:01

112浏览

0评论

Vue中多个元素、组件的过渡及列表过渡的方法示例

多个元素之间过渡动画效果
多元素之间如何实现过渡动画效果呢？看下面代码.fade-enter,.fade-leave-to{ opacity: 0;}.fade-enter-active,.fade-leave-active{ transition:...

2020-05-27 03:57:55

71浏览

0评论

jquery无缝图片轮播组件封装

图片轮播在我们的前端开发中是非常常见的，下面是自己写的一个图片轮播组件，支持自动轮播，手动轮播，无缝衔接。dom结构
首先是dom结构，将所有内容放入一个大盒子，应用ul标签存放图...

2020-05-27 03:57:54

95浏览

0评论

vuex实现的简单购物车功能示例

本文实例讲述了vuex实现的简单购物车功能。分享给大家供大家参考，具体如下：购物车组件<template> <div> <h1>vuex-shopCart</h1> <div class="shop-listbox"> <sh...

2020-05-27 03:57:53

95浏览

0评论

Jquery实现无缝向上循环滚动列表的特效

效果呈现整个列表间隔设定的时间向上移动一个item的高度html结构： <div class="slide-title"> <span>title1</span> <span>title2</span> <span>title3</span> </div> <di...

2020-05-27 03:57:52

160浏览

0评论

vue实现购物车抛物线小球动画效果的方法详解

本文实例讲述了vue实现购物车抛物线小球动画效果的方法。分享给大家供大家参考，具体如下：先上最终效果图，在商品页面和商品详情页面点击加号添加商品时都可以看到小球抛物线落...

2020-05-27 03:57:51

97浏览

0评论

node.js微信小程序配置消息推送的实现

在开发微信小程序时，有一个消息推送，它的解释是这样的。消息推送具体的内容是下面的这个网址 https://developers.weixin.qq.com/miniprogram/dev/framework/server-ability...

2020-05-27 03:57:50

133浏览

0评论

JavaScript中.min.js和.js文件的区别讲解

Q&AQ: .js和.min.js文件分别是什么？A: .js是JavaScript 源码文件， .min.js是压缩版的js文件。Q：为什么要压缩为.min.js文件？减小体积 .min.js文件经过压缩，相对编译前的js文件...

2020-05-27 03:57:48

119浏览

0评论

Vue中JS动画与Velocity.js的结合使用

前面学习了用css实现动画效果，那 Vue 中能不能用js实现动画效果呢？其实 Vue 提供了很多动画钩子enter
入场动画钩子函数有before-enter、enter、after-enterbefore-enter
动画...

2020-05-27 03:57:47

89浏览

0评论

Vue中CSS动画原理的实现

下面这段代码，是点击按钮实现hello world显示与隐藏<div id="root"> <div v-if="show">hello world</div> <button @click="handleClick">按钮</button></div>let vm = new...

2020-05-27 03:57:46

208浏览

0评论

JavaScript实现的拼图算法分析

本文实例分析了JavaScript实现的拼图算法。分享给大家供大家参考，具体如下：学了html5的拖拽事件，相信做出一款小小的拼图游戏也不难吧。就来说一下怎么用drag事件完成拼图游戏...

2020-05-27 03:57:40

101浏览

0评论

JS+canvas画布实现炫酷的旋转星空效果示例

本文实例讲述了JS+canvas画布实现炫酷的旋转星空效果。分享给大家供大家参考，具体如下：canvas是html5的新标签，其画布功能尤为强大。当然了canvas在IE10以下浏览器是不兼容的，所...

2020-05-27 03:57:38

118浏览

0评论

vue实现点击隐藏与显示实例分享

如何使用vue进行按钮点击后指定区域内容隐藏，再次点击按钮隐藏内容显示。实现思路：首选需要设置一个属性为true(show:true)，然后使用v-if把show属性绑定到要显示与内容的标签身...

2020-05-27 03:57:37

87浏览

0评论

vue2.0+vue-router构建一个简单的列表页的示例代码

一：环境搭建使用vue-cli脚手架工具构建安装 vue-clinpm install -g vue-cli使用vue-cli初始化项目vue init demo1进到目录cd demo1安装依赖npm install开始运行npm run dev...

2020-05-27 03:57:36

首页 «1420 142114221423 1424 »尾页

热门文章