guohui的博客

vue-router安装npm install vue-router --save使用在src目录下新建一个router.js文件，在router.js中引入vue，在router.js中导入router模块，在vue中使用router。import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes:[]})...

Axiosvue本身是不支持发送ajax请求，需要通过其它库来实现（vue1.0----->vue-resource、vue2.0---->axios），或者也可以通过使用jQuery来发送ajax请求。axios是一个基于promise的HTTP请求客户端，用来发送请求安装npm install axios -s使用在main.js中引入axiosimport axios from 'axios'Vue.prototype.axios = axios在组件中使用da

一、Action用于处理异步的数据如果通过异步操作变更数据，必须通过action，而不能使用mutation，但是在action中还是要通过触发mutation的方式间接变更数据。实例const store = new Vuex.Store({ state:{ count:0 }, mutations:{ add(state){ state.count++ } }, actions: { addAsync(context){ setTimeout(

vuex状态管理有5个核心内容: state、mutation、action、getter以及module一、statestate提供唯一的公共数据源，所有共享的数据都要统一放到store中的state中进行存储。实例//index.jsconst store = new Vuex.Store({ state: { count:0 }})组件访问state中数据的第一种方式： this.$store.state.xx// 组件中引入：<h3>当前最新.

一、vuexvuex是实现组件状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。1. 安装vuexnpm install Vuex --save2. 使用vuex在项目的src目录下新建一个名为store的目录，在该目录下新建一个index.js文件，用来创建vuex实例。然后在index.js文件中引入vue和vuex，创建vue.store实例保存到变量store中，最后使用export default导出store。//main.jsimport Vue from 'v

报错 Uncaught SyntaxError: Unexpected token <！！！今天我在改代码的时候，发现页面报错了，虽然这个代码不是我自己写的，是别的同事写的，但是我很懵啊，第一行竟然有错。我以为是网页标签没有闭包，所以检查了一下，并不是。经过检查，发现是JavaScript的错误，引入JavaScript路径时多引入了一个echarts.js的文件，但是在我的js文件夹下我未发现这个.js文件。把下面这段代码注释后，这个问题就解决了！注意： 这SyntaxErro

以下这些都是我自己在面试时遇见过的问题，有需要的话可以参考参考。HTML5 有哪些新特性？声明方式，HTML4 规定了三种声明方式，分别是：严格模式、过渡模式 和 框架集模式；而HTML5因为不是SGML的子集，只需要<!DOCTYPE>就可以了。语义化更好的内容标签：header、footer、article、section等音频、视频新增了很多表单控件：color、date、datetime、email、month、number、search、tel、url等本地存储：lo

一、tabBar如果应用是一个多 tab 应用，可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页。注意：当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。tabbar 切换第一次加载时可能渲染不及时，可以在每个tabbar页面的onLoad生命周期里先弹出一个等待雪花（hello uni-app使用了此方式）tabbar 的页面展现过一次

一、uni-app项目结构上一篇博客咱们介绍了如何创建一个uni-app项目，项目创建完成后的目录样式如图所示：pages 业务页面文件存放的目录pages里面可以存放.vue的页面，如下图所示：index的页面static 存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期main.js Vue初始化入口文件manifest

一、什么是uni-appuni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。二、创建uni-app项目uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。以下是通过 HBuilderX 可视化界面进行使用的（可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。）注意：如需了解其他方法

在做Vue项目时，打开控制台看见报sockjs.js?9be2:1606 GET http://192.168.43.226:8080/sockjs-node/info?t=1584966826465 net::ERR_CONNECTION_TIMED_OUT这个错误，虽然它不影响咱们程序的运行，但是它也是一直存在，看着也不舒服，所以咱们今天来解决这个错误。网上找到的原因说是：sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器.

一、shortid组件安装步骤插件shortid是生成随机ID的cmd 进入到项目目录中，输入npm i shortid --save 或 在webstorm项目中右击，Open in Terminal中输入：npm i shortid --save导入shortid模块 : import shortid from ‘shortId’定义数组，装安装的idshortId.generate()卸载shortid的命令：npm uninstall shortid二、使用shortid

一、AJAX简介Ajax：异步的JavaScript和XML，web开发的一种技术，可以用来异步发送和请求数据，不需要重新刷新整个页面。二、创建 XMLHttpRequest 对象XMLHttpRequest 是 AJAX 的基础。var xml = new XMLHttpRequest();三、向服务器发送请求向服务器发送请求，使用XMLHttpRequest对象的open()和send()方法语法：open(type(post,get),url,async(true,fal

Vue脚手架安装一、安装npm安装node.js打开cmd （Windows+R）输入 npm -v 查看npm版本输入 npm install npm -g 升级npm版本国内直接使用 npm 的官方镜像非常慢，这里推荐使用淘宝 NPM 镜像。淘宝 NPM 镜像是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

正则表达式定义让字符串按照我们指定的规则执行。定义规则var reg01 = new RegExp("规则");var reg02 = /规则/;边界^ 以…开头$ 以…结尾. 句号符 匹配任意一个字符[] 匹配出现过的任意一个字符() 匹配出现过的任意一个字符串连接符-a-z 表示字符a-zA-Z 表示字符A-Z0-9 表示字符0-9（所有...

原生JS写留言板，留言板可以删除，点赞等功能！