编程开发 - 教程之家

编程开发

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

91浏览

0评论

swiper在vue项目中loop循环轮播失效的解决方法

长话短说，在vue(2.5.x)中使用swiper(4.3.3)，轮播加了autoplay和loop、observer、observeParents等参数还是很诡异的无法循环轮播；那么可以这样写代码试试：this.$api.queryImages...

2020-05-27 04:45:09

73浏览

0评论

vue-cli webpack 引入swiper的操作方法

1：下载需要 swiper 的js文件和css文件http://www.swiper.com.cn/2：下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。3：安装runtime：npm install babel-runtim...

2020-05-27 04:45:08

98浏览

0评论

对vue下点击事件传参和不传参的区别详解

如下所示：<div id = 'app'> <p><button @click = 'test_click1'>{{btn_text1}}</button></p> <br> <p><button @click = 'test_click2("123")'>{{btn_text2}}</button></p...

2020-05-27 04:45:07

91浏览

0评论

在vue中实现点击选择框阻止弹出层消失的方法

在vue项目中，选择性别是用的一个弹出层，<div class="sex" v-show="showed" transition='fade' @click="unshow"> <ul @click.stop="stophidden"> <li class="...

2020-05-27 04:45:06

88浏览

0评论

vue-cli 使用vue-bus来全局控制的实例讲解

讲真，我写标题的时候不知道怎么写的好，之前写过一篇关于vue-bus的，不过是基础版本的，今天讲的是用脚手架来搭建的环境下的使用
与使用路由相似，我们需要先倒入这个vue-bus指令如...

2020-05-27 04:45:05

102浏览

0评论

vue--点击当前增加class,其他删除class的方法

如下所示：<div id="app"><p v-for='(data,key,index) in datas' v-on:click="addClassFun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p></div> <scri...

2020-05-27 04:45:04

106浏览

0评论

vue 监听某个div垂直滚动条下拉到底部的方法

如下所示：this.$nextTick(() => {const el = document.querySelector('.act-not');const offsetHeight = el.offsetHeight;el.onscroll = () => {const scrollTop = el.scrol...

2020-05-27 04:45:03

117浏览

0评论

Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法

需求： 1. 页面部分元素的尺寸需要根据实际打开时浏览器尺寸进行设置；2. 页面打开后，调节浏览器窗口大小时需要动态调节部分元素的尺寸；需要注意的点： window.onresize只能在项目...

2020-05-27 04:45:02

80浏览

0评论

解决VUE中document.body.scrollTop为0的问题

Vue中document.body.scrollTop的值总为零的解决办法最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0但是发现document.body.scrollTop一直是0。查资料发...

2020-05-27 04:45:01

88浏览

0评论

Vue.set()动态的新增与修改数据,触发视图更新的方法

参数：target：要更改的数据源(可以是对象或者数组)key：要更改的具体数据(可以是字符串和数字)value ：重新赋的值用法：向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，...

2020-05-27 04:45:00

65浏览

0评论

React 组件中的 bind(this)示例代码

React 组件中处理 onClick 类似事件绑定的时候，是需要显式给处理器绑定上下文（context）的，这一度使代码变得冗余和难看。请看如下的示例：class App extends Component { construc...

2020-05-27 04:44:59

83浏览

0评论

在vue中安装使用vux的教程详解

最近因为的工作的原因在弄vue，从后端弄到前端之前一直用js，现在第一次接触vue感觉还挺有意思的，就是自己太菜了，这个脑子呀。。。。不太够用。。。。。页面设计用了一个叫vux的...

2020-05-27 04:44:58

68浏览

0评论

Vue中使用vux配置代码详解

一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project //...

2020-05-27 04:44:57

96浏览

0评论

Vue刷新修改页面中数据的方法

因为Vue对象一旦生成之后,如果只是修改Vue对象中的数据,在页面上是不会自动更新的,得用Vue.set()函数来进行修改,函数格式为Vue.set(data,'para','value'),其中data为Vue创...

2020-05-27 04:44:56

60浏览

0评论

vue debug 二种方法

console.log多了比较烦，用debug就比较清晰了。可以快速履清代码运行的先后顺序，验证自己的想法是否正确，可以清楚的了解到变量的内容，不用在console.log了。一，vue devtools1，chro...

2020-05-27 04:44:55

91浏览

0评论

vue 2.1.3 实时显示当前时间,每秒更新的方法

如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue</title> </head> <body> <div id="app"> {{date}} </div> <!-- 开发环境版本，包含了用...

2020-05-27 04:44:54

74浏览

0评论

Vue filter格式化时间戳时间成标准日期格式的方法

调用实例：yyyy-MM-dd或者yyyy-MM-dd hh:mm:ss进行格式<div>{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}</div>代码：import Vue from 'vue'Vue.filter('dataFormat', functi...

2020-05-27 04:44:53

102浏览

0评论

vue将毫秒数转化为正常日期格式的实例

过滤器-时间戳转化第一步：定义过滤器，filters.jsexport function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear()...

2020-05-27 04:44:52

99浏览

0评论

vue主动刷新页面及列表数据删除后的刷新实例

1.场景在处理列表时，常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。2.遇到的问题1. 用vue-router重新路由到当前页面，页面是不进行刷新的2.采用window.relo...

2020-05-27 04:44:51

171浏览

0评论

vuex + axios 做登录验证并且保存登录状态的实例

还是那句话，网上找个完整的博客真的难，实现效果全靠摸索啊第一步：安装axios 、vuex npm i -s axios npm i -s vuex 执行这两句，vue等环境搭建就不废话了第二步：配置main.js文件...

2020-05-27 04:44:49

71浏览

0评论

分享5个顶级的JavaScript Ajax组件库

AJAX是用来对服务器进行异步HTTP调用的一系列web开发技术客户端框架。 AJAX即Asynchronous JavaScript and XML（异步JavaScript和XML）。AJAX曾是web开发界的一个常见名称，许多...

2020-05-27 04:44:48

61浏览

0评论

新手必须知的Node.js 4个JavaScript基本概念

Node.js是建立在Chrome强劲的V8 JavaScript引擎上的服务器端框架。虽然最初是用C++编写的，但是应用程序通过JavaScript运行。下面这4个基本概念是你想要掌握node.js所必需的...

2020-05-27 04:44:47

205浏览

0评论

vuex提交state&&实时监听state数据的改变方法

项目背景websocket长连接根据指示进行四个页面之间的跳转，在各页面执行相应的逻辑处理。项目搭建结构如下所示：解决方案在四个页面外面写个父页面，router路径如下所示：vuex\sr...

2020-05-27 04:44:46

89浏览

0评论

vue 界面刷新数据被清除 localStorage的使用详解

localStorage是html5新增的一个本地存储API,它有5M的大小空间,通过(key,value)的方式存储在浏览器中window.localStorage.setItem('key', value); //储存文件window.localSt...

2020-05-27 04:44:45

50浏览

0评论

vue里面使用mui的弹出日期选择插件实例

如下所示：comm.loadjs("js/mui.picker.min.js","js/mui.poppicker.js")因为是点击才弹出的，所以就不用在index.html里面写<script src=""></script>这样的方式来引入js了。因...

2020-05-27 04:44:44

68浏览

0评论

vue2过滤器模糊查询方法

如下所示：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><div id="app"> <input type="text" v-model='search' /&g...

2020-05-27 04:44:43

87浏览

0评论

vue 实现边输入边搜索功能的实例讲解

效果图：搜索分类2种情况，一般的是当用户输入完，点击确定的按钮在向后发送请求，还有一种就是的我一边输入，一边向后台发送请求，但是会产生一个性能的问题，就是一直发请求造成页面的...

2020-05-27 04:44:42

153浏览

0评论

vuex直接赋值的三种方法总结

我们在编写vuex代码过程中，觉得在a.vue的模板里面写入例如 <p>{{$store.state.num}}</p>很麻烦，我们希望直接就写成{{num}},我们应该怎么写，vue给出三种固定写法，大家理解之后基...

2020-05-27 04:44:41

131浏览

0评论

分享5个好用的javascript文件上传插件

文件上传是我们开发网站程序时经常遇到的功能，选择一个功能强大，使用简单的上传插件可以节省我们很多开发时间，下面就为大家介绍5个不错的javascript文件上传插件这篇文章的资...

2020-05-27 04:44:40

75浏览

0评论

在Vue-cli里应用Vuex的state和mutations方法

首先，必须安装vuex的依赖npm install vuex --save-dev创建专属vuex的文件夹和store.js:store.js里引入并应用插件vuex定义常量state,用于存放变量&&定义常量mutations存放对...

2020-05-27 04:44:39

150浏览

0评论

vue-vuex中使用commit提交mutation来修改state的方法详解

在vuex中，关于修改state的方式，需要commit提交mutation。官方文档中有这么一句话：更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。为了搞清楚其原因，查阅了很多资料，发...

2020-05-27 04:44:38

122浏览

0评论

Element-ui tree组件自定义节点使用方法代码详解

工作上使用到element-ui tree 组件，主要功能是要实现节点拖拽和置顶，通过自定义内容方法（render-content）渲染树代码如下~<template> <div class="sortDiv"> <el-tree :data="s...

2020-05-27 04:44:37

60浏览

0评论

详解JavaScript添加给定的标签选项

先看看效果图：代码实现：HTML代码：<h3>haveTags</h3><div id="havetags"></div><hr /><h3>addTags</h3><div id="addtags"></div><button id="btn">返回的数组</button>css代码：#...

2020-05-27 04:44:36

75浏览

0评论

Puppet的一些技巧

其实很简单，puppet agent只要知道puppet是什么就可以了你可以将“puppet”写在/etc/hosts里，比如：
127.0.0.1 puppet
这样就不必在puppet.conf中指定server=127.0.0.1了
你...

2020-05-27 04:44:34

101浏览

0评论

微信小程序中this.data与this.setData的区别详解

一、摘要
小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞...

2020-05-27 04:44:33

141浏览

0评论

详解如何解决Vue和vue-template-compiler版本之间的问题

今天把远程仓库拉下项目，运行'npm run dev'时，报错Module build failed: Error: Cannot find module 'vue-template-compiler'
报错原因：通常出现于一些依赖库的更新或者安装新...

2020-05-27 04:44:32

156浏览

0评论

详解关于Vue版本不匹配问题(Vue packages version mismatch)

今天再npm run dev时遇到一个错误：
由于当时vue版本已经到2.9.2版本。按照提示更新，无果。随后发现时由于weex环境的问题。只要巡行以下代码
weex xbind repair toolkit-repai...

2020-05-27 04:44:31

111浏览

0评论

vue.js编译时给生成的文件增加版本号

vue.js在生成相关js和css文件的时候，名称是通过HASH的方式进行生成的，但是每次生成的文件基本都是一样的，那么浏览器就会缓存这些文件，为了在更新的时候能够保证js和css文件能够...

2020-05-27 04:44:30

102浏览

0评论

理顺8个版本vue的区别(小结)

一共8个版本的vue
术语
完整版：同时包含编译器和运行时的版本。编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。运行时：用来创建 Vue 实例、渲染并处理虚...

2020-05-27 04:44:29

78浏览

0评论

关于vue编译版本引入的问题的解决

下班过目遇到一个错误[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into...

2020-05-27 04:44:28

99浏览

0评论

React Router V4使用指南(精讲)

一、前端路由和后端路由
1)后端路由
多页应用中，一个URL对应一个HTML页面，一个Web应用包含很多HTML页面，在多页应用中，页面路由控制由服务器端负责，这种路由方式称为后端路由。多...

2020-05-27 04:44:27

83浏览

0评论

一步一步的了解webpack4的splitChunk插件(小结)

初衷webpack4出了两个月，发现大家包括我对splitChunk的使用都还是在摸索阶段。我也看了挺多别人的配置demo，都觉得不太满意或者没得到太好的解惑，issue 下面的问题也没什么人回...

2020-05-27 04:44:26

66浏览

0评论

vue的过滤器filter实例详解

前记：排版记录，点耽误时间，我就简单的来，下面是一个vue 过滤器的写法，demo 演示，限制一个字符串的长度。vue filter 的官网介绍 https://cn.vuejs.org/v2/guide/filters.html下面...

2020-05-27 04:44:23

77浏览

0评论

浅谈webpack SplitChunksPlugin实用指南

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展...

2020-05-27 04:44:21

54浏览

0评论

Vue CLI3搭建的项目中路径相关问题的解决

这是开头
最近在试水 Vue CLI 3，并且尝试配置一个多页面（多应用）项目出来，期间又遇到各种路径问题，于是...于是有了下面的唠叨。
以下都是基于 Vue CLI 3 来举例说明的，使用 2.x...

2020-05-27 04:44:20

62浏览

0评论

node中的密码安全(加密)

本文将讲解对于前后端分离的项目，前端注册或登录时如何保证用户密码安全传输到server端，最终存入数据库为什么需要加密加密真的有必要吗？
我们先来看一看前端发起的ajax请求中，...

2020-05-27 04:44:19

53浏览

0评论

webpack4打包vue前端多页面项目

之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。1.用法项目结构如下：project |- bulid  |- public...

2020-05-27 04:44:18

62浏览

0评论

在小程序中使用canvas的方法示例

一直没有怎么使用过canvas，小程序也是之前看过一个视频而已，想要找个例子结合一下两者。所以一个小小的保存图片作为朋友圈相册封面的demo就这么出现了，在这里主要记录一下自己...

2020-05-27 04:44:17

85浏览

0评论

Nodejs调用Dll模块的方法

公司项目采用Electron（electronjs.org/ ）开发pc应用，会涉及到与底层硬件设备的通信，而sdk封装基本上都是通过 C++ 动态链接库dll实现的。有两种方案可供选择：方案一：使用node-...

2020-05-27 04:44:16

101浏览

0评论

微信小程序开发之路由切换页面重定向问题

这段时间开发了一个微信小程序，虽然小程序的导航API 官方文档写得很详细，但是在具体开发过程中还是会遇到很多不明白，或者一时转不过弯的地方。1、页面切换传参，参数读取　　　1...

2020-05-27 04:44:15

首页 «1354 135513561357 1358 »尾页

热门文章