编程开发 - 教程之家

编程开发

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

89浏览

0评论

vue-auto-focus: 控制自动聚焦行为的 vue 指令方法

在网页的表单中，经常需要用程序来控制input和textarea的自动聚焦行为。例如我最近做的一个项目，有个装箱出库的流程，input框自动聚焦的流程如下：页面进入时自动聚焦到订单号输入...

2020-05-27 04:56:01

54浏览

0评论

Vue中mintui的field实现blur和focus事件的方法

首先上代码说总结：<mt-field label="卡号" v-model="card.cardNo" @blur.native.capture="checkCard"></mt-field>methods: { checkCard() { console.log('1111'); }} 使用@b...

2020-05-27 04:56:00

168浏览

0评论

Vue中div contenteditable 的光标定位方法

在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后function keepLastIndex...

2020-05-27 04:56:00

100浏览

0评论

vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符：<input v-on:keyup.13="submit">vue还非常贴心地给出了常用按键的别名，这样就不必去记keyCode ~ ~上面代码，还可以在这...

2020-05-27 04:55:58

99浏览

0评论

对Vue beforeRouteEnter 的next执行时机详解

背景今天在用vue实现界面的时候，想在beforeRouteEnter钩子函数中去获取数据，然后通过next方法设置到跳转页面的实例中，结果发现数据一直没办法在界面渲染的时候赋值，苦思不得其...

2020-05-27 04:55:57

48浏览

0评论

JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析

本文实例讲述了JS Object.preventExtensions(),Object.seal()与Object.freeze()用法。分享给大家供大家参考，具体如下：一、基本介绍 Method Description...

2020-05-27 04:55:56

42浏览

0评论

vue实现在一个方法执行完后执行另一个方法的示例

用Promise来实现function2(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/)}function3(){ // 你的逻辑代码 return Promise.resolve(/* 这里...

2020-05-27 04:55:55

59浏览

0评论

vue中各选项及钩子函数执行顺序详解

在vue中，实例选项和钩子函数和{{}}表达式都是不需要手动调用就可以直接执行的。vue的生命周期如下图：在页面首次加载执行顺序有如下：beforeCreate //在实例初始化之后、创建之...

2020-05-27 04:55:54

52浏览

0评论

解决Vue.js由于延时显示了{{message}}引用界面的问题

在使用Vue写应用时发现一个问题，每当进入一些有延时的（如网络API请求）操作时，会先闪一下未编译的 Mustache 标签{{ message }}，这让人很不爽。在官网找到了解决方案：v-cloak参照官...

2020-05-27 04:55:51

53浏览

0评论

解决vue.js 数据渲染成功仍报错的问题

最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下 export default {...

2020-05-27 04:55:50

41浏览

0评论

JavaScript中创建原子的方法总结

前言原子操作这是Java多线程编程的老生常谈了。所谓原子操作是指不会被线程调度机制打断的操作；这种操作一旦开始，就一直运行到结束，中间不会有任何 context switch （切换到另一...

2020-05-27 04:55:49

52浏览

0评论

Vue.js图片预览插件使用详解

Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视...

2020-05-27 04:55:48

33浏览

0评论

JS常见构造模式实例对比分析

本文实例分析了JS常见构造模式。分享给大家供大家参考，具体如下：1.工厂模式没有解决对象识别的问题。因为函数内部使用了new Object来创建对象function Factory(name,age){ v...

2020-05-27 04:55:40

76浏览

0评论

vue.js 图片上传并预览及图片更换功能的实现代码

这里讲解是图片上传和图片预览。主要是围绕我们常用功能的列子做讲解 ,并且没有格外引入其他js 所以你复制过去做简单修改便可以看到效果效果图：样式以及效果图一并展示1.HTM...

2020-05-27 04:55:39

83浏览

0评论

解决vue中修改export default中脚本报一大堆错的问题

在写vue代码的时候遇到了一修改.vue文件中export default下脚本的时候总是报一堆莫名其妙的错误的问题:出错原因：在构建项目的时候Use ESLint to lint your code? (Y/n)...

2020-05-27 04:55:38

70浏览

0评论

Node.js连接Sql Server 2008及数据层封装详解

本文实例讲述了Node.js连接Sql Server 2008及数据层封装。分享给大家供大家参考，具体如下：最近需要学习Node.js，所以很久没写东西了，疯狂的看了很久的书。有关于Node.js的学习知...

2020-05-27 04:55:37

83浏览

0评论

vue 修改 data 数据问题并实时显示的方法

首先，定义一个变量：（以下以本人写的为例）首先定义一个变量：然后，给变量赋值：如果想要修改数据，主要代码如下:然后界面上要记得绑定数据id:就Ok了。拓展知识：Vue刷新修改页面中的数据...

2020-05-27 04:55:36

93浏览

0评论

解决vue接口数据赋值给data没有反应的问题

问题：就是我在接口赋值给了data的变量，然后组件的效果没有出来（我的是旋转效果）代码如下：data() { return { slides: [] }},mounted() { this.request()},methods: { request()...

2020-05-27 04:55:35

77浏览

0评论

解决vue中修改了数据但视图无法更新的情况

我们有时候常碰到vue中明明修改了数据，但是视图无法更新，因此我总结了一点点碰到此类的情况：1、v-for遍历的数组，当数组内容使用的是arr[0].xx =xx更改数据，vue无法监测到数组数...

2020-05-27 04:55:34

55浏览

0评论

vue项目打包部署到服务器的方法示例

上上一篇我写过一些关于vue项目部署到linux服务器的文章，但是那是以node作为开发环境 pm2 守护进程的方式，让他能正常运行，可是还是出现了问题，因为属于与APP交互的页面，在webVie...

2020-05-27 04:55:33

79浏览

0评论

vue实例中data使用return包裹的方法

在简单的vue实例中看到的Vue实例中data属性是如下方式展示的：let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ }})在使用组件化的项目中使用的是如下形式：export...

2020-05-27 04:55:32

65浏览

0评论

Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)

1、使用Vue.js实现双向表单数据绑定，例子<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title...

2020-05-27 04:55:31

55浏览

0评论

Vue cli构建及项目打包以及出现的问题解决

1. 首先安装node,推荐偶数版本;好了之后检查一下: node -v;出现版本好即为安装成功;win10家庭版本的msi版本的时候出现无法打开,更别说安装,可以自行百度;2.nmp install vue...

2020-05-27 04:55:30

87浏览

0评论

vue打包使用Nginx代理解决跨域问题

vue 在开发环境，涉及跨域，就在本地配置了代理，但是部署到服务器上，就不行了。
解决方法有一下几种服务器端配置CORS 用nginx反向代理,和访问本地服务器是一样的可以修改成...

2020-05-27 04:55:28

123浏览

0评论

vue监听input标签的value值方法

由于项目需要做实时搜查询数据,所以需要监听input标签的value,这里使用的前端框架vue<input id="materialSearch" type="text" @keyup.enter="search" @input="search($even...

2020-05-27 04:55:27

105浏览

0评论

VUE-Table上绑定Input通过render实现双向绑定数据的示例

效果HTML的Table<Card> <div ref="print" > <Table width="100%" height="500" size="small" :columns="columns7" :stripe="true" :data="data" border ></Table...

2020-05-27 04:55:26

84浏览

0评论

对Vue- 动态元素属性及v-bind和v-model的区别详解

Mustache (双大括号写法)不能在 HTML 属性中使用，应使用 v-bind 指令：<div v-bind:id="dynamicId"></div>这对布尔值的属性也有效 —— 如果条件被求值为 false 的话该属性会...

2020-05-27 04:55:25

134浏览

0评论

vue.js中toast用法及使用toast弹框的实例代码

1.首先引入import { Toast } from 'vant'写个小列子绑定一个click事件2.写事件在methods写方法showToast() { this.$toast({ message: "今日签到+3", }) },3.效...

2020-05-27 04:55:24

115浏览

0评论

vue里面v-bind和Props 利用props绑定动态数据的方法

如下所示：<add v-bind:子组件的值="父组件的属性"></add> <div id="app"> <add v-bind:btn="h"></add> </div> <script> var vm = new Vue({ el: '#app', data:...

2020-05-27 04:55:23

58浏览

0评论

最适应的vue.js的form提交涉及多种插件【推荐】

基于vue.js这里写了一个小列子；涉及到 vue.js动态添加css样式，tab切换，touch，表单提交，验证，toast，数据双向绑定等。先上效果图再一一讲解：一、首先用到的是动态修改css点击X将隐...

2020-05-27 04:55:22

55浏览

0评论

vue中子组件的methods中获取到props中的值方法

父子组件通信这个官网很清楚，也很简单，父组件中使用v-bind绑定传送，子组件使用props接收即可例如：父组件中<template> <div> <head-top></head-top> <section class="dat...

2020-05-27 04:55:21

151浏览

0评论

vue展示dicom文件医疗系统的实现代码

环境：vue、webpack、constone资料来源及文件：https://github.com/GleasonBian/CornerstoneVueWADO需要下载的模块：cornerstone-core、dicom-parser需要下载的js文件：压缩文件可...

2020-05-27 04:55:20

76浏览

0评论

JS实现匀速与减速缓慢运动的动画效果封装示例

本文实例讲述了JS实现匀速与减速缓慢运动的动画效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn...

2020-05-27 04:55:19

66浏览

0评论

Vuex 在Vue 组件中获得Vuex 状态state的方法

Vuex使用单一状态树（一个对象就包含了全部的应用层级状态），它作为唯一数据源存在，每个应用仅仅有一个store实例。单一状态树使得我们能够直接定位任一特定的状态片段，在调试过程...

2020-05-27 04:55:18

85浏览

0评论

对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解

最近学了点vuejs,把学的东西记录下来方便你我他。vuejs的官方文档：https://vuejs.org/v2/api/ （还是要习惯看官方文档啊同志们~）1、 v-for进行遍历比如我这里想遍历videos里的...

2020-05-27 04:55:17

71浏览

0评论

JS实现方形抽奖效果

本文实例为大家分享了JS实现抽奖效果展示的具体代码，供大家参考，具体内容如下展示：HTML:<div id="table"></div><div id="btn"> <button onclick="start('p', 'active','newa...

2020-05-27 04:55:16

66浏览

0评论

JavaScript Canvas实现验证码

在通常的登录界面我们都可以看到验证码，验证码的作用是检测是不是人在操作，防止机器等非人操作，防止数据库被轻而易举的攻破。验证码一般用PHP和java等后端语言编写。但是在前...

2020-05-27 04:55:11

307浏览

0评论

vue.js响应式原理解析与实现

从很久之前就已经接触过了angularjs了，当时就已经了解到，angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更...

2020-05-27 04:55:10

95浏览

0评论

Vue 实现展开折叠效果的示例代码

本文介绍了Vue 实现展开折叠效果的示例代码，分享给大家，具体如下：
效果如见：
1.html代码
<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charse...

2020-05-27 04:55:09

85浏览

0评论

Vue2 监听属性改变watch的实例代码

效果：代码：<div id="app2"> <label>幼儿园入学年龄（3～6）：</label><input type="number" v-model="child.age"> <button @click="older"> + </button> <button @click="younger"> -...

2020-05-27 04:55:08

86浏览

0评论

微信小程序按钮去除边框线分享页面功能

有一个需求是分享当前页面，使用美工的分享按钮图片来分享，而小程序分享功能只有button有open-type="share"这个属性，使用image标签肯定不行。我是这样做的：
<button open-type="...

2020-05-27 04:55:07

74浏览

0评论

快速解决vue在ios端下点击响应延时的问题

在apicloud开发中遇到的问题：用vue.js的点击事件，安卓点击响应迅速而ios点击响应有延时（大约300ms）.解决方案如下：引入<script type="text/javascript" src="/js/mobile/fastclic...

2020-05-27 04:55:06

126浏览

0评论

对vue事件的延迟执行实例讲解

vue事件的延迟执行：<div id="box"> <input type="text" @keyup="show | debounce 2000"></div><script> var vm=new Vue({ data:{ }, methods:{ show:function(){ al...

2020-05-27 04:55:05

74浏览

0评论

深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域

匿名函数：没有实际名字的函数。匿名函数的作用：1、通过匿名函数可以实现闭包，关于闭包在后面的文章中会重点讲解。在这里简单介绍一下：闭包是可以访问在函数作用域内定义的变量...

2020-05-27 04:55:04

59浏览

0评论

vue.js 添加 fastclick的支持方法

fastclick：处理移动端click事件300毫秒延迟1、兼容性iOS 3及更高版本的移动SafariiOS 5及更高版本的ChromeAndroid上的Chrome（ICS）Opera Mobile 11.5及以上版本Android 2以来的...

2020-05-27 04:55:03

53浏览

0评论

AngularJS 事件发布机制

问题描述未读消息提醒当器具用户或技术机构对非强检器具检校申请发布新的意见时，需要对对方进行消息通知。后台很简单，本文主要解决前台遇到的问题。历史遗留这是我的消息遗留...

2020-05-27 04:55:02

68浏览

0评论

微信小程序手机号码验证功能的实例代码

wxml<form bindsubmit='formSubmit'> <view class='all'> <text>手机号：</text> <input name="phone" placeholder='请输入手机号' type='number' style='color:#333' plac...