7 小洋人最happy

尚未进行身份认证

我要认证

梦想,源自坚持

等级
TA的排名 8k+

一篇文章搞懂ES6,真的不能再细了

ECMAScript 6新特性let 关键字let关键字用来声明变量,使用let声明的变量特点如下:不允许重复声明块级作用域不存在变量提升不影响作用域链示例如下:<script> // 1. 不允许重复声明 // let name = '旺财'; // let name = '小强'; // 2. 块级作用域 // 声明的变量只能在块内使用,if while for else // { // let name2 = '罗志祥';

2020-08-12 16:37:40

一遍文章搞懂Vuex不是梦---Vuex详解

Vuex概述组件间共享数据的方式父向子传值:v-bind属性绑定子向父传值:v-on事件绑定兄弟组件之间共享数据:EventBus$on 接收数据的组件$emit 发送数据的组件上述只适合小范围内数据共享,如果是复杂应用的话,就不再合适了。Vuex是什么Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享如图:在不使用Vuex进行状态管理时,如果要从最下面的紫色组件传递数据的话,还是比较繁琐,也不便于维护。在使用Vuex进行状态管理时,只需要一

2020-07-18 15:46:00

CSS浮动详解及案例

浮动的规则规则一元素一旦浮动后脱离标准流朝着向左或向右方向移动,直到自己的边界紧贴着包含块(一般是父元素)或其他元素的边界为止定位元素会层叠在浮动元素上面示例 <style> .box { height: 500px; background-color: green; }span { background-color: hotpink; } strong background-color: khaki;

2020-07-14 11:06:45

Flex布局及属性详解

文章目录一、前言二、Flex概念2.1 简介2.2 基本概念三、Flex-Container属性3.1 flex-direction3.2 justify-content3.3 align-items3.4 flex-wrap3.5 flex-flow3.6 align-content四、Flex-Item属性4.1 order4.2 align-self4.3 flex-grow4.4 flex-shrink4.5 flex-basis4.6 flex一、前言布局的传统解决方案,基于盒状模型,依赖 d

2020-07-08 13:42:35

CSS定位详解及案例

文章目录一、标准流1.1 概念1.2 不足二、定位2.1 概念2.2 static-静态定位2.3 relative-相对定位2.3.1 特点:2.3.2 示例一2.3.3 示例二2.4 fixed-固定定位2.4.2 特点2.4.2 示例2.5 absolute-固定定位2.5.1 特点2.5.2 子绝父相2.5.3 示例一2.5.4 示例二2.6 层叠关系2.6.1 元素层叠2.6.2 z-index特点:2.6.3 比较原则2.6.3.1 兄弟关系2.6.3.2 如果不是兄弟关系三、小结3.1 对照表

2020-07-05 12:34:06

VSCode中Vue进行模块划分、设置别名以及解决路径不提示问题

文章目录一、项目模块划分二、设置别名三、路径提示1. 安装Path Intellisense插件2. 扩展设置3. 新建jsconfig.json4. 验证效果一、项目模块划分在使用Vue进行项目开发的时候,一般会根据项目模块对目录进行划分,比如views、components、common、network等,将各自负责内容进行分类,方便管理和维护,以小demo为例,目录结构为:二、设置别名如上,在划分完目录后,在项目开发中引用其他文件时,传统方式会采用../等相对路径来写,比如:import

2020-07-01 22:00:30

一遍文章搞懂CSS清除浮动本质、原因及解决方案

文章目录1. 为什么要清除浮动2. 排版问题示例3. 清除浮动本质及策略4. 清除浮动方案4.1 额外标签法4.2 父级添加overflow4.3 :after伪元素法4.4 双伪元素清除浮动5. 小结5.1 清除浮动前提条件5.2 方案对比1. 为什么要清除浮动大白话:由于父级盒子在很多情况下,不方便给出确定高度(eg. 图一),但是子盒子开启浮动后,脱离了文档流,不再占有位置,最后父级盒子高度为0,就会影响下面的标准流盒子。术语:由于浮动元素不再占用原文档流的位置,所以会对其父容器后面的元素排版产

2020-05-27 21:43:19

Android自定义View之文本变色

文章目录1. 概述1.1 缘由1.2 效果图2. 开撸2.1 分析2.2 自定义属性2.3 编写View2.4 测试3. 小结1. 概述1.1 缘由在项目中,经常会遇到文字色值渐变效果,比如在ViewPage中的页面指示器,这种实现起来也比较简单,无非是计算偏移量、使用Paint以及Canvas提供的方法即可。1.2 效果图2. 开撸2.1 分析该文本有两种颜色,一种默认颜色,一种...

2020-04-06 14:43:35

黑马优购小程序之接口优化

文章目录1.1 提取接口公共路径1.1 提取接口公共路径在前面的开发中,网络请求中,url是这么写的:url: "https://api-hmugo-web.itheima.net/api/public/v1/categories"如果每个接口都这样的话,就有些繁琐了。在项目中,url公共路径可以提取出来,各业务接口只写配置各自的路径就好了。修改request/index.js文件,在...

2020-03-28 23:02:40

黑马优购小程序之分类模块

文章目录1.1 目标效果图1.2 网络请求和数据解析1.2.1 数据解析1.2.2 构建网络请求,处理数据1.3 绘制UI1.3.1 引入自定义组件1.3.2 页面左右分割1.3.3 左侧菜单列表1.3.4 右侧商品子类别1.3 点击菜单切换商品内容1.3.1 选中菜单添加`active`样式1.3.2 动态切换右侧商品内容1.4 缓存1.4.1 更新UI代码抽取1.4.2 本地存储数据1.4.2...

2020-03-09 11:33:20

黑马优购小程序之首页模块开发(banner 分类导航 楼层等)

文章目录1.1 效果图1.2 搜索框1.2.1 新建组件1.2.2 编写组件1.2.3 引用组件1.2.4 使用组件1.2.5 效果预览1.3 轮播图1.3.1 获取网络数据1.3.2 编写UI1.1 效果图首页实现效果图如下,并过了模块拆分,拆分为:头部搜索轮播图导航楼层1.2 搜索框搜索框在项目内好几处都会使用到,因此,将其封装为组件。1.2.1 新建组件在compo...

2020-03-01 13:12:52

黑马优购小程序之项目搭建

文章目录1.1 新建项目1.2 搭建目录结构1.3 清理无用文件1.4 搭建项目页面1.5 搭建tabBar1.6 初始化页面样式1.6.1 定义主题颜色和字体1.6.2 使用定义的主题颜色1.6.3 设置导航栏和全局外观1.7 小结1.1 新建项目无脑通过微信开发者工具创建项目,填入appid,创建完成后,如图:1.2 搭建目录结构目录结构划分如下:目录名作用st...

2020-03-01 13:14:09

Docker安装Redis完整过程及配置远程连接&踩坑注意事项

1. 安装Redis通过docker search redis和docker pull redis下载redis镜像2. 新建挂载配置文件夹因为 redis 默认配置你会发现只能够本地连接,不能进行远程访问,使用 Redis Desktop Manager连接都会报错,因此需要手动挂载 redis 配置文件新建data和conf两个文件夹,位置随意。eg:mkdir -p /roo...

2019-07-24 17:28:24

十次方微服务项目实战05--招聘&问答模块微服务开发及代码自动生成

一、招聘微服务模块1.1 原型先来看一下页面原型,如图:招聘微服务主要有两块:企业信息和招聘信息两个大功能:推荐职位和最新职位1.2 表结构分析1.2.1 企业表1.2.2 招聘信息表1.3 代码生成接下来使用开源代码生成器codeutil 来完成代码的生成开源网址: https://gitee.com/chuanzhiliubei/codeutil生成步骤:使...

2019-07-23 14:41:51

十次方微服务项目实战04--统一异常和跨域问题处理

在实际项目中,通常会对公共异常进行统一处理,另外,在前后端分离等项目中也会存在跨域问题,本文就这两个方面做下统一说明。公共异常处理为了使代码更统一维护,创建一个类集中处理异常。在com.tensquare.base.controller中创建公共异常处理类BaseExceptionHandler。代码如下:package com.tensquare.base.controller;...

2019-07-10 10:24:32

十次方微服务项目实战03--基础微服务模块搭建及基本CRUD&复杂查询

一、基础微服务工程1.1 创建基础微服务模块tensquare_base创建过程参考tensquare_common,此处不再赘述。1.2 pom.xml引入依赖在tensquare_base中引入jpa、mysql以及tensquare_common等依赖。全文如下:<?xml version="1.0" encoding="UTF-8"?><project xm...

2019-07-01 13:57:45

十次方微服务项目实战02--父工程及公共模块搭建

文章目录一、搭建父工程1.1 选择菜单file-new project ,弹出窗口中左侧菜单选择Maven ,点击next按钮1.2 填写GroupId和ArtifacetId ,点击next按钮1.3 点击Finish 完成1.4 删除src文件夹1.5 修改pom.xml 添加以下配置1.6 当IDEA右下角弹出提示 ,点击Enable Auto-Import 自动导入依赖二、搭建公共子模块t...

2019-06-27 18:27:09

十次方微服务项目实战01--需求分析&系统设计&前期准备

文章目录一、需求分析1.1 需求简介二、系统设计2.1 系统架构2.2 模块划分2.3 表结构分析2.4 API文档三、理解RESTful3.1 什么是restful3.2 接口规范3.2.1 GET3.2.2 POST3.2.3 PUT3.2.4 DELETE四、项目前期准备4.1 开发环境4.2 MySQL建库建表4.3 Postman五、小结附、公众号更新更及时哦一、需求分析1.1 需求...

2019-06-25 19:26:34

mybatis运行报错org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)解决方案

问题如果出现:org.apache.ibatis.binding.BindingException: Invalid bound statement (not found)一般解决方案一般的原因是Mapper interface和xml文件的定义对应不上,需要检查包名,namespace,函数名称等能否对应上,需要比较细致的对比,我经常就是写错了一两个字母搞的很长时间找不到错误按以下步...

2019-06-10 14:57:26

webpack&webpack-cli完全卸载

删除全局webpack-clinpm uninstall -g webpack-cli# 卸载 uninstall 可以简写成 un # 全局 -g 的完整写法是 --global# 现在问题来了这样真的卸载了webpack-cli吗?# 答案是没有。到现在为止我还没有发现那个webpack-cli是全局安装的,至少官方文档没看到。# 那就看下面怎么删除局部webpack-cli...

2019-06-04 14:28:33

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。