JavaScript - 教程之家

92浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

89浏览

0评论

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

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

2020-05-27

74浏览

0评论

Vue中使用vux配置代码详解

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

2020-05-27

102浏览

0评论

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

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

2020-05-27

63浏览

0评论

vue debug 二种方法

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

2020-05-27

97浏览

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

78浏览

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

106浏览

0评论

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

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

2020-05-27

105浏览

0评论

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

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

2020-05-27

188浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

211浏览

0评论

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

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

72浏览

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

91浏览

0评论

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

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

2020-05-27

160浏览

0评论

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

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

2020-05-27

138浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

156浏览

0评论

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

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

2020-05-27

127浏览

0评论

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

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

2020-05-27

65浏览

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

83浏览

0评论

Puppet的一些技巧

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

147浏览

0评论

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

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

2020-05-27

165浏览

0评论

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

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

2020-05-27

119浏览

0评论

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

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

2020-05-27

110浏览

0评论

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

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

2020-05-27

86浏览

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

106浏览

0评论

React Router V4使用指南(精讲)

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

68浏览

0评论

vue的过滤器filter实例详解

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

2020-05-27

83浏览

0评论

浅谈webpack SplitChunksPlugin实用指南

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

73浏览

0评论

node中的密码安全(加密)

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

2020-05-27

58浏览

0评论

webpack4打包vue前端多页面项目

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

2020-05-27

72浏览

0评论

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

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

2020-05-27

92浏览

0评论

Nodejs调用Dll模块的方法

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

2020-05-27

108浏览

0评论

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

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

2020-05-27

73浏览

0评论

在Vuex使用dispatch和commit来调用mutations的区别详解

main.js中import Vuex from 'vuex'Vue.use(vuex);const store = new Vuex.store({　　state: {　　　　nickName: "",　　　　cartCount: 0　　　　},　　mutations: {　　...

2020-05-27

54浏览

0评论

vue服务端渲染添加缓存的方法

什么是服务器端渲染(SSR)？
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的...

2020-05-27

85浏览

0评论

从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法

如下所示：Uncaught Error: [vuex] Do not mutate vuex store state outside mutation handlers今天遇到一个问题，将Vuex中数组的值赋给新的数组，新数组push时报上面的错误，代码...

2020-05-27

74浏览

0评论

vue服务端渲染页面缓存和组件缓存的实例详解

vue缓存分为页面缓存、组建缓存、接口缓存，这里我主要说到了页面缓存和组建缓存页面缓存：在server.js中设置const LRU = require('lru-cache')const microCache = LRU({ max:...

2020-05-27

87浏览

0评论

Vue中 key keep-alive的实现原理

vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗keep-aliv是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中，而不是直接将其...

2020-05-27

66浏览

0评论

详解关于Vue2.0路由开启keep-alive时需要注意的地方

Vue2.0 做应用必有的需求就是页面数据需要做缓存，不用每次进入页面都要把数据重新请求一遍，每次页面切换都有段等待数据相应时间，这个用户体验可想有多么蛋疼，所以页面缓存是必...

2020-05-27

88浏览

0评论

微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤

本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤，分享给大家，具体如下：微信小程序框架：mpvue ui框架：mpvue-weui request请求：fly.js1.项目初始化注：如果没有安...

2020-05-27

73浏览

0评论

vuex actions传递多参数的处理方法

场景在使用vue components dispatch Vuex actions的时候需要传递参数给多个参数actions但是在actions 只是可以接收到两个参数的问题分析vuex actions 固定接受的第一个参数...

2020-05-27

82浏览

0评论

vue-自定义组件传值的实例讲解

项目中，我们经常会遇到自定义组件传值的问题，方法很多种，但是原理很简单，下述文档总结实际项目中使用的传值方式。父组件传递给子组件某一值，子组件内会修改该值，然后父组件需要获...

2020-05-27

热门文章