- 博客(52)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue 全家桶（七）vuex 状态管理（实现购物车）
Vuex 解决了多个视图依赖于同一状态和来自不同视图的行为需要变更同一状态的问题，将开发者的精力集中于数据的更新而不是数据在组件之间的传递上。本文以购物车为例，对概念没有过多阐述，建议先浏览官网：https://vuex.vuejs.org/一. 预期效果 - 【页面】商品列表组件、购物车列表组件、商品结算组件 - 【功能】将商品加入购物车,更新购物车列表 - ...
2019-01-21 13:41:05
2831
5
原创 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
9380
1
原创 vue 全家桶（六）全局注册过滤器filter和全局注册组件
虽然在main.js中使用 Vue.filter()和Vue.component() 就可以实现全局注册的问题，但是注册全局组件是挂载在Vue对象下，也就是全写在main.js中咯，那会不会多了点，本文主要是提供一个小优雅的方案咯。一. 全局注册过滤器 1. src>assets>js 下创建一个filters.js文件，写下我们全局的过滤器，然后将其抛出。...
2018-12-26 16:39:01
1411
原创 vue 全家桶（五）vue-router的使用
没有去过官网的童鞋看过来:https://router.vuejs.org/zh/ ，本文主要写构建的配置以及懒加载的处理。1.安装一般来说，在我们生成项目的时候，已经将vue-router依赖加载进来。如果没有，也可以npm安装的。npm install vue-router 或者使用全局的 script 标签，则不用手动安装了。最后，如果在一个模块化工程中使用它，必须...
2018-12-26 16:12:27
336
原创 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
1038
原创 vue 全家桶（三）Axios的简单封装
目录一.什么是axios二.axios的作用三.封装与使用 一.什么是axios axios是基于promise（诺言）用于浏览器和node.js是http客户端。二.axios的作用 axios主要是用于向后台发起请求的，还有在请求中做更多的可控功能。 特征：支持浏览器和node.js 支持promi...
2018-12-26 15:07:43
833
原创 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
6505
原创 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
628
原创 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
341
原创 Hosts文件与域名解析
一 域名解析 人们习惯记忆域名（如www.baidu.com），但机器间互相只认IP地址，域名与IP地址之间是多对一的关系，一个ip地址不一定只对应一个域名，且一个域名只可以对应一个ip地址，它们之间的转换工作称为域名解析，域名解析需要由专门的域名解析服务器来完成，整个过程是自动进行的。二 原理 &n...
2018-10-10 11:36:45
8761
转载 经典小程序源码
小程序开发环境搭建好之后，https://www.jianshu.com/p/0ff8c3b2f59f，开始写代码了，对于一个对小程序了解程度半生不熟的人来说无从下手，看视频吧又太浪费时间了，那么只要...
2018-09-03 09:43:26
2554
原创 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
1510
原创 spring 常用注解
1.组件类注解@Component:标识了一个受Spring管理的组件，泛指组件，当组件不好归类的时候，我们可以使用这个注解进行标注； @Respository： 标识持久层，数据访问组件，即DAO组件； @Service： 标识业务层组件； @Controller ：标识控制层组件；注意点：1）被注解的java类当做Bean实例，Bean实例的名称默认是Bean类的首字母小...
2018-06-22 11:58:53
381
原创 SpringBoot缓存-整合Redis
现在我们都知道SpringBoot整合的套路了吧，开箱即用，所以我们基本引入依赖，稍作配置就可以使用了。 下面我们简单的来看下SpringBoot和Redis的整合。1.引入依赖<dependency> <groupId>org.springframework.boot</groupId> &
2018-06-13 17:17:17
244
原创 SpringBoot缓存
一.Spring的缓存抽象1.简介       Spring从3.1开始定义了org.springframework.cache.Cache和org.springframework.cache.CacheManager接口来统一不同的缓存技术；并支
2018-06-12 15:35:34
570
原创 SpringBoot数据访问------整合MongoDB
1.引入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-mongodb</artifactId></de
2018-06-07 17:36:01
442
原创 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
5418
原创 SpringBoot数据访问------整合SpringDataJPA
Spring Data是一个用于简化数据库访问，并支持云服务的开源框架。其主要目标是同一数据访问API,使得数据库的访问变得方便快捷，并支持map-reduce框架和云计算数据服务。此外，它并不拘泥于是关系型数据库还是NoSQL 数据存储。无论是哪种持久化存储， 数据访问对象通常都会提供对单一域对象的CRUD 操作，排序和分页方法等。1.引入依赖<dependency>...
2018-06-07 10:30:07
247
原创 SpringBoot数据访问------Druid数据源（添加监控）
DRUID是阿里巴巴开源平台上一个数据库连接池实现，它结合了C3P0、DBCP、PROXOOL等DB池的优点，同时加入了日志监控，可以很好的监控DB池连接和SQL的执行情况，可以说是针对监控而生的DB连接池。SpringBoot整合Druid1.添加Maven依赖&amp;lt;dependency&amp;gt; &amp;lt;groupId&amp;gt;com.alibaba&amp;
2018-06-04 18:44:31
4724
1
原创 SpringBoot数据访问------整合MyBatis
一.注解方式1.引入依赖&lt;dependency&gt; &lt;groupId&gt;org.mybatis.spring.boot&lt;/groupId&gt; &lt;artifactId&gt;mybatis-spring-boot-starter&lt;/artifactId&gt; &am
2018-06-04 18:43:30
238
原创 删除 docker的目录报错
1.错误描述： rm: cannot remove ‘/var/lib/docker/containers’: Device or resource busy2.解决办法1.查找挂载的目录 cat /proc/mounts |grep "docker"/dev/mapper/centos-root /var/lib/docker/containers xfs rw,seclabel...
2018-05-31 17:16:47
4367
1
原创 springboot 配置文件以及自动配置
1.springboot 默认配置文件&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SpringBoot使用默认的全局的配置文件，application.properties / application.yml,配置文件名固定。2.为什么需要配置文件&nbsp;&nbsp;&a
2018-05-30 19:15:20
28147
3
原创 thymeleaf 语法
1.Thymeleaf是什么Thymeleaf是面向Web和独立环境的现代服务器端Java模板引擎， 能够处理HTML， XML， JavaScript， CSS甚至是纯文本。2.标准表达式语法：1.简单表达式变量表达式：${}&lt;span th:text="${user.name}"&gt;选择变量表达式：*{} //它们所作用的对象由th:obje...
2018-05-29 15:41:37
370
原创 springboot 使用thymeleaf模板
1.引入依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>2.配置视图解析器Thymele...
2018-05-29 13:35:03
573
转载 Java内存模型
本文为转载文章，转载地址：https://blog.youkuaiyun.com/suifeng3051/article/details/52611310 ，如有侵权，马上删除。Java内存模型Java内存模型即Java Memory Model，简称JMM。JMM定义了Java 虚拟机(JVM)在计算机内存(RAM)中的工作方式。JVM是整个计算机虚拟模型，所以JMM是隶属于JVM的...
2018-05-16 10:12:29
124
原创 springboot 错误篇
1.springboot 启动报错- auto-configuration问题描述：Error starting ApplicationContext. To display the auto-configuration report re-run your application with ‘debug’ enabled.原因：springboot启动时会自动注入数据源和配置jpa 。...
2018-05-14 15:12:01
348
原创 本地缓存google Guava
1.引入依赖GuavaCache是google开源Java类库Guava的其中一个模块，在maven工程下使用可在pom文件加入如下依赖：<dependency> <groupId>com.google.guava</groupId> <artifactId>guava</artifactId> <v...
2018-05-14 10:58:21
2184
原创 windows下MySQL5.7 安装并修改初始密码
具体步骤：1. 安装Windows安装MySQL 5.7有两种方式 ： 1、下载.msi安装文件直接根据界面提示进行安装 2、下载.biz压缩包我这边采用的第一种，要注意的是记住你的安装目录，默认为C:\Program Files\MySQL\MySQL Server 5.7，也可以根据自己的需要修改路径。2.在C:\Program Files\MySQL\MySQL S...
2018-05-11 15:13:41
8225
1
转载 Docker 微服务教程
Docker 微服务教程本文转载自：http://www.ruanyifeng.com/blog/2018/02/docker-wordpress-tutorial.htmlDocker 是一个容器工具，提供虚拟环境。很多人认为，它改变了我们对软件的认识。站在 Docker 的角度，软件就是容器的组合：业务逻辑容器、数据库容器、储存容器、队列容器……Docker 使得软件可以拆分成...
2018-05-10 17:55:59
221
转载 Docker 入门教程
Docker 入门教程一、环境配置的难题软件开发最大的麻烦事之一，就是环境配置。用户计算机的环境都不相同，你怎么知道自家的软件，能在那些机器跑起来？用户必须保证两件事：操作系统的设置，各种库和组件的安装。只有它们都正确，软件才能运行。举例来说，安装一个 Python 应用，计算机必须有 Python 引擎，还必须有各种依赖，可能还要配置环境变量。如果某些老旧的模块与当前环境不兼...
2018-05-10 17:43:59
244
原创 Angular2 路由与导航
1.基础知识大多数带路由的应用都要在index.html的 标签下先添加一个 元素，来告诉路由器该如何合成导航用的 URL。&lt;base href="/"&gt;//浏览器访问为：http://localhost:4200/#/login从@angular/router包中引入路由。import { RouterModule, Routes } from ...
2018-05-10 15:48:10
1225
原创 Springboot 配置跳转html + 文件的上传下载
1. 引入相关依赖， 重点是thymeleaf依赖pom.xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId&...
2018-05-09 18:21:33
3954
4
原创 eclipse EasyExplorer插件，快速定位文件系统
EasyExplorer 是一个类似于 Windows Explorer的Eclipse插件，它可以帮助你在不退出Eclipse的环境下浏览本地文件系统。1.下载地址https://sourceforge.net/projects/easystruts/2.使用下载完成后，就是一个jar文件，把它放到eclipse安装目录下的plugin目录下，eclipse 3...
2018-05-09 17:38:59
2188
原创 springboot 使用logback记录日志
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;默认情况下，Spring Boot会用Logback来记录日志，并用INFO级别输出到控制台。也就是说你不需要配置什么就可以打印日志了。但是呢，如果想自定义输出的日志或保存到指定文件，那就需要自己写配置文件了，我这边就直接上代码咯。logback-spring.xml&a
2018-05-07 11:48:28
441
原创 Angular2基础篇（二）Angular2架构
Angular2架构Angular 2 应用程序应用主要由以下 8 个部分组成：模块 (Modules) 组件 (Components) 模板 (Templates) 元数据 (Metadata)数据绑定 (Data Binding) 指令 (Directives) 服务 (Services) 依赖注入(Dependency Injection)下图展示了每个部分是...
2018-05-03 11:52:44
1035
原创 Angular2基础篇（一） 目录结构详解
一 使用Angular-CLI 快速构建Angular2应用步骤一：环境准备此博文所用环境如下： 工具 版本 node.js v8.7.0 npm v5.5.1 webStorm 2016.3 Angular CLI 1.7.4 注： 版本不一定需要严格一致， 但是建议使用 node 6.9.x 和...
2018-05-02 16:54:33
2748
原创 Angular2 变化检测策略
1.Angular 1 与 Angular 2 中的变化检测策略的区别Angular2 Angular的核心是组件化，组件的嵌套会使得最终形成一棵组件树,而每个组件都有自己的变化检测器，这意味着应用程序也是一颗变化检测器树。 另外，Angu...
2018-04-28 18:06:07
1399
原创 Angular2 生命周期钩子
Angular每个组件和指令都存在一个生命周期，从创建，变更到销毁。Angular提供组件生命周期钩子，把这些关键时刻暴露出来，赋予在这些关键结点和组件进行交互的能力，掌握生命周期，可以让我们更好的开发Angular应用。 每个接口都有唯一的一个钩子方法，它们的名字是由接口名加上 ng前缀构成的。比如，OnInit接口的钩子方法叫做ngOnInit。钩子函数适用范围：...
2018-04-27 15:33:09
478
原创 jvm 类加载机制（三） 【类加载过程】
一 ：类加载过程前言：接下来我们来解决第三个问题：jvm加载一个Class文件的具体步骤是什么? 我们在jvm的第一篇文章已经提到过一个类的生命周期包括加载（Loading）、验证（Verification）、准备(Preparation)、解析(Resolution)、初始化(Initialization)、使用(Using) 和 卸载(Unloading)七个阶段。现在我们详细...
2018-04-25 17:02:24
373
Angular权威教程
2017-08-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人