4 胡小方

尚未进行身份认证

我要认证

仅仅活着是不够的,还需要阳光,自由和一点花的芬芳。

等级
TA的排名 7w+

vue 全家桶(七)vuex 状态管理(实现购物车)

Vuex 解决了多个视图依赖于同一状态和来自不同视图的行为需要变更同一状态的问题,将开发者的精力集中于数据的更新而不是数据在组件之间的传递上。本文以购物车为例,对概念没有过多阐述,建议先浏览官网:https://vuex.vuejs.org/一. 预期效果   - 【页面】商品列表组件、购物车列表组件、商品结算组件   - 【功能】将商品加入购物车,更新购物车列表   - ...

2019-01-21 13:41:05

Vue 动态改变title——vue-wechat-title组件(解决app内嵌h5,ios获取不到title的问题)

在app内嵌h5的混合应用中,iOS系统下部分APP的webview中的标题不能通过 document.title = xxx 的方式修改,原因是在IOS webview中网页标题只加载一次,动态改变是无效的。一. 安装npm install vue-wechat-title --save二. 使用 在main.js中引入import VueWechatTitle fro...

2018-12-27 18:11:57

常见的移动端H5页面开发遇到的坑和解决办法

看到好的文章赶紧马住:https://yq.aliyun.com/articles/587092

2018-12-27 15:11:38

vue 全家桶(六)全局注册过滤器filter和全局注册组件

       虽然在main.js中使用 Vue.filter()和Vue.component() 就可以实现全局注册的问题,但是注册全局组件是挂载在Vue对象下,也就是全写在main.js中咯,那会不会多了点,本文主要是提供一个小优雅的方案咯。一. 全局注册过滤器 1. src>assets>js 下创建一个filters.js文件,写下我们全局的过滤器,然后将其抛出。...

2018-12-26 16:39:01

vue 全家桶(五)vue-router的使用

没有去过官网的童鞋看过来:https://router.vuejs.org/zh/ ,本文主要写构建的配置以及懒加载的处理。1.安装一般来说,在我们生成项目的时候,已经将vue-router依赖加载进来。如果没有,也可以npm安装的。npm install vue-router 或者使用全局的 script 标签,则不用手动安装了。最后,如果在一个模块化工程中使用它,必须...

2018-12-26 16:12:27

vue 全家桶(四)引入UI框架Mint-UI

目录一.安装Mint-UI二.引入Mint-UImint-ui 是有饿了么前端团队推出的基于Vue.js的移动端组件库。一.安装Mint-UI推荐使用npm的方式安装,它能更好地和webpack打包工具配合使用。npm i mint-ui -S二.引入Mint-UI1.完全引入这是一种全局引入的方式,引入后在具体的页面或者组件内不需要再进行其他的引入,但是...

2018-12-26 15:37:36

vue 全家桶(三)Axios的简单封装

目录一.什么是axios二.axios的作用三.封装与使用 一.什么是axios      axios是基于promise(诺言)用于浏览器和node.js是http客户端。二.axios的作用      axios主要是用于向后台发起请求的,还有在请求中做更多的可控功能。     特征:支持浏览器和node.js               支持promi...

2018-12-26 15:07:43

webStorm 自动部署到远程服务器

一.准备工作服务器准备:1.安装node.js环境2.新建项目目录 targetFiles,具体地址/home/www/targetFiles3.上传项目代码,安装依赖 [也可以等webstorm部署配置完,Upload to 服务器]4.启动项目二.webstorm 部署配置1. 配置服务器 Settings -> Build,Execution,Deployment-&...

2018-12-24 13:56:08

vue全家桶(二)vue-cli增加测试环境

1.添加测试环境的配置testBuild修改config/index.js文件,创建testBuild对象,内容和build对象基本一样,只是将打包后的文件夹改为dist-test testBuild: { // Template for index.html index: path.resolve(__dirname, '../dist-test/index.html'),...

2018-12-19 17:14:32

vue全家桶(一) 使用 vue-cli 构建项目

一.安装node.js进入node.js官网 https://nodejs.org/en/download/ ,选择对应安装包,版本建议8.0以上。node.js安装完了,npm也就安装完了。键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,输入node -v 和 npm -v分别查看对应的版本号,如图所示,显示出对应的版本号后就表示已经下载安装完成。二.安...

2018-12-19 11:47:11

Hosts文件与域名解析

一 域名解析      人们习惯记忆域名(如www.baidu.com),但机器间互相只认IP地址,域名与IP地址之间是多对一的关系,一个ip地址不一定只对应一个域名,且一个域名只可以对应一个ip地址,它们之间的转换工作称为域名解析,域名解析需要由专门的域名解析服务器来完成,整个过程是自动进行的。二 原理  &n...

2018-10-10 11:36:45

经典小程序源码

小程序开发环境搭建好之后,https://www.jianshu.com/p/0ff8c3b2f59f,开始写代码了,对于一个对小程序了解程度半生不熟的人来说无从下手,看视频吧又太浪费时间了,那么只要...

2018-09-03 09:43:26

Angular2或Angular4使用echarts,ngx-echarts

Angular2或Angular4使用echarts,ngx-echarts1> 安装npm install echarts --savenpm install ngx-echarts@2.2.0 --save2> 配置 .angular-cli.json"scripts": [ ... "../node_modules/ech...

2018-07-06 18:13:36

spring 常用注解

1.组件类注解@Component:标识了一个受Spring管理的组件,泛指组件,当组件不好归类的时候,我们可以使用这个注解进行标注; @Respository: 标识持久层,数据访问组件,即DAO组件; @Service: 标识业务层组件; @Controller :标识控制层组件;注意点:1)被注解的java类当做Bean实例,Bean实例的名称默认是Bean类的首字母小...

2018-06-22 11:58:53

SpringBoot缓存-整合Redis

现在我们都知道SpringBoot整合的套路了吧,开箱即用,所以我们基本引入依赖,稍作配置就可以使用了。 下面我们简单的来看下SpringBoot和Redis的整合。1.引入依赖<dependency> <groupId>org.springframework.boot</groupId> &

2018-06-13 17:17:17

SpringBoot缓存

一.Spring的缓存抽象1.简介       Spring从3.1开始定义了org.springframework.cache.Cache和org.springframework.cache.CacheManager接口来统一不同的缓存技术;并支

2018-06-12 15:35:34

SpringBoot数据访问------整合MongoDB

1.引入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-mongodb</artifactId></de

2018-06-07 17:36:01

java中实现MongoDB主键自增

java中实现MongoDB主键自增1.定义序列实体类SeqInfo: 存储每个集合的ID记录//@Document 把一个java类声明为mongodb的文档,可以通过collection参数指定这个类对应的文档@Document(collection = "sequence")public class SeqInfo { @Id private String ...

2018-06-07 17:33:02

SpringBoot数据访问------整合SpringDataJPA

Spring Data是一个用于简化数据库访问,并支持云服务的开源框架。其主要目标是同一数据访问API,使得数据库的访问变得方便快捷,并支持map-reduce框架和云计算数据服务。此外,它并不拘泥于是关系型数据库还是NoSQL 数据存储。无论是哪种持久化存储, 数据访问对象通常都会提供对单一域对象的CRUD 操作,排序和分页方法等。1.引入依赖<dependency>...

2018-06-07 10:30:07

SpringBoot数据访问------Druid数据源(添加监控)

DRUID是阿里巴巴开源平台上一个数据库连接池实现,它结合了C3P0、DBCP、PROXOOL等DB池的优点,同时加入了日志监控,可以很好的监控DB池连接和SQL的执行情况,可以说是针对监控而生的DB连接池。SpringBoot整合Druid1.添加Maven依赖<dependency> <groupId>com.alibaba&

2018-06-04 18:44:31

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!