- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端学习笔记vue-01（仿照网易严选）
仿照网易严选安装vue-clicnpm intall vue-cli -g项目初始化vue init webpack “vue-wangyi”使用vanthttps://youzan.github.io/vant/#/zh-CN/button通过 npm 安装npm i vant -S// 在.babelrc 中添加配置// 注意：webpack 1 无需设置 libraryDirectory{“plugins”: [[“import”, {“libraryName”: “van
2020-06-24 00:19:26
583
1
原创 VSCode - 快速生成vue模版
1、安装一个插件，识别vue文件插件库中搜索Vetur，点击安装，安装完成之后点击重新加载，即可使用2、新建代码片段mac的步骤如下，由于我安装了转中文插件，所以接下来会是中文的：code -> 首选项 -> 用户代码片段 -> (新建代码片段取名vue.json）新建代码片段这块可以直接往下找就能找到vscode上带的vue.json3、在vue.json里写下自己想要生成的vue模版{ "Print to console": { "prefix": "vue"
2020-06-20 19:51:03
674
1
原创 前端学习笔记css-05(练习案例)
css练习案例1、滑动门2、手机网站首页1、代码实现图片素材<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>导航栏</title> <sty
2020-06-14 21:23:05
257
原创 前端学习css-06（display:inline-block布局）
css之display:inline-block布局1.解释一下display的几个常用的属性值，inline ， block， inline-blockinline（行内元素）:使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行.不能更改元素的height，width的值，大小由内容撑开.可以使用padding上下左右都有效，margin只有left和right产生边距效果，但是top和bottom就不行.block（块级元素）:使元素变成块级元素，独占一行，
2020-06-14 18:27:47
219
原创 前端学习笔记css-04
17定位的盒子居中显示★:margin:0 auto; 只能让标准流的盒子居中对齐。★定位的盒子居中：先左右走父元素盒子的一半50%，在向左走子盒子的一半(margin-left:负值。)18标签包含规范◆div可以包含所有的标签。◆p标签不能包含div h1等标签。◆h1可以包含p，div等标签。◆行内元素尽量包含行内元素，行内元素不要包含块元素。19规避脱标流◆尽量使用标准流。◆标准流解决不了的使用浮动。◆浮动解决不了的使用定位。20图片和文字垂直居中对齐vertica
2020-06-14 16:46:45
100
原创 前端学习笔记css-03
9行高◆浏览器默认文字大小浏览器默认文字大小：16px行高：是基线与基线之间的距离行高=文字高度+上下边距一行文字行高和父元素高度一致的时候，垂直居中显示。9.1行高的单位总结:单位除了像素以为，行高都是与文字大小乘积。总结:不带单位时，行高是和子元素文字大小相乘，em和%的行高是和父元素文字大小相乘。行高以像素为单位，就是定义的行高值。◆推荐行高使用像素为单位。10 盒子模型10.1边框 borderBorder-top-style: solid 实线dotted
2020-06-14 15:53:54
159
原创 前端学习筆記css-02
5样式表书写位置◆内嵌式写法<head><style type=”text/css”>样式表写法</style>◆外链式写法写在head里，◆行内样式表◆三种写法特点:★内嵌式写法，样式只作用于当
2020-06-14 15:19:55
94
原创 前端学习css-01
Css基础１Css概念CSS 指层叠样式表 (Cascading Style Sheets)(级联样式表)Css是用来美化html标签的，相当于页面化妆。◆样式表书写位置２选择器２.1写法选择器是一个选择谁（标签）的过程。３选择器３.1基础选择器◆标签选择器标签{属性：值;}特点：标签选择器定义之后，会将页面所有的元素都执行这个标签样式。★颜色的显示方式◎直接写颜色的名称◎十六进制显示颜色0-9 a-f#000000; 前2为代表红色，中间2位代表绿色，后边2位代
2020-06-13 22:03:56
84
原创 vscode安装和使用前端工具
1、下载网址：https://visualstudio.microsoft.com/zh-hans/downloads/2.安装程序如下3.运行安装程序4.接收协议5.可选择修改默认安装路径6.快捷方式设置7.其他的设置8.安装9.等待完成10.安装完成VScode插件推荐Auto Close Tag自动添加HTML / XML关闭标签（必备）Auto Rename Tag自动重命名配对的HTML / XML标签(必备)Beautify格式化javascrip
2020-06-13 21:51:06
881
原创 书单-学习之路
计算机类计算机基础入门推荐：《程序是怎样跑起来的》、《网络是怎样连接的》、《计算机是怎样跑起来的的》进一步认识计算机网络：《计算机网络:自顶向下》、《图解http》数据结构+算法入门：《大话数据结构》、《阿哈算法》算法进阶：《算法第四版》、《编程珠玑》Java 的书籍Java：《Java核心技术卷1》、《编程思想》、《深入理解Java虚拟机》、《effective Java》、《Java并发编程的艺术》数据库：《mysql必知必会》、《MySQL技术内幕：InnoDB存储引擎》...
2020-06-11 13:12:13
57
原创 mybatis入门Demo
准备数据库表/*Navicat MySQL Data TransferSource Server : 127.0.0.1Source Server Version : 50640Source Host : localhost:3306Source Database : userTarget Server Type : MYSQLTarget Server Version : 50640File Encoding :
2020-06-10 14:05:12
158
原创 码农日志2020-06-09
数据库的分库分表设计一个查询获取更新数据到表之前的一个拦截器。拦截器干啥活：根据分库分表的策略去查不同的库对应的表当然得有表记录已经分库的表的对应策略，比如1记录走A库，2记录走B库，查询或者更新前查询这个策略表然后把库名传进查询xml，查询到对应的记录理论上一张业务表对应一张策略记录表，策略表有自增id，业务表id，库名，创建时间，更新时间，这个表业务创建的时候也跟着创建，格式统一，比如业务表为A001，则策略表为A001_celue。还有个当前的全局的分库策略表，新进来的数据根据该策略走不同的
2020-06-09 23:58:28
118
原创 码农日志2020-06-06
昨晚公司产品上线，搞到凌晨4点多才回到家，每次上线都如履薄冰，因为项目设计得太不合理，并且以来外部环境很多，所以今天闲时考虑下，做系统如何避免开发迭代越来越臃肿，如何在上线时快速定位问题。1、跟外部系统交互时日志做好记录最终请求出去的状态，和请求参数。2、日志记录时根据业务链路记录，排查问题时只要根据业务场景去看链路请求到哪一步骤了，和每个步骤的关键入参，如果报错打印具体的堆栈错误日志和自己写的日志。3、最好设计有灰度测试环境，跟线上环境一模一样。...
2020-06-06 22:25:15
109
原创 java自定义注解深入学习
注解的语法元注解：1.@Target,2.@Retention,3.@Documented,4.@Inherited@Target说明了Annotation所修饰的对象范围：Annotation可被用于 packages、types（类、接口、枚举、Annotation类型）、类型成员（方法、构造方法、成员变量、枚举值）、方法参数和本地变量（如循环变量、catch参数）。在Annotation类型的声明中使用了target可更加明晰其修饰的目标。取值(ElementType)有：1.CONS
2020-06-06 02:30:48
133
原创 git安装、使用和管理技巧
转载地址：http://www.cnblogs.com/hustskyking/p/git-improve.html一、基本操作1. 1克隆代码添加仓库（方式1）cd dir # 这里不用新建一个项目名的文件夹，dir为git文件夹的父文件夹git clone https://github.com/barretlee/Micro-Share添加仓库（方式2）cd path/to/Projectgit init添加远程目录git remote add origin https://gi
2020-06-04 11:08:59
299
原创 mybatis源码深入学习-01
如果我们没有mybatis下，怎么用java语言去实现，学一个东西得明白这个东西干嘛用，解决什么问题，有结果推向过程，最后才能更好的明白过程。1、mybatis干嘛用？解决了什么痛点？MyBatis是一流的持久性框架，支持自定义SQL，存储过程和高级映射。MyBatis消除了几乎所有的JDBC代码以及参数的手动设置和结果检索。MyBatis可以使用简单的XML或注释进行配置，并将图元，映射接口和Java POJO（普通的旧Java对象）映射到数据库记录。mybatis是一个orm框架，也就是把字段映射
2020-06-03 23:18:25
154
原创 正则表达式记录笔记
正则表达式基本语法1、符号’^‘和’$’,分别指出一个字符串的开始和结束2、’*’，’+‘和’?'这三个符号，表示一个或一序列字符重复出现的次数。它们分别表示“没有或更多”，“一次或更多”还有“没有或一次”。3、使用范围，用大括号括起，用以表示重复次数的范围。 "ab{2}"：表示一个字符串有一个a跟着2个b（"abb"）； "ab{2,}"：表示一个字符串有一个a跟着至少2个b； "ab{3,5}"：表示一个字符串有一个a跟着3到5个b。4、‘¦’，表示“或”操作。 "hi¦hello
2020-06-03 17:24:50
93
原创 ES支持的数据类型
ES支持的数据类型：字符串类型 ：string：text：keyword：从ElasticSearch 5.x开始不再支持string，由text和keyword类型替代；当一个字段是要被全文搜索的，设置text类型，字段内容会被分析，text类型的字段不用于排序，很少用于聚合；keyword类型的字段只能通过精确值搜索到，如果字段需要进行过滤、排序、聚合，设置keyword类型。整数类型：longintegershortbyte在满足需求的情况下，尽可能选择范围小的数据类型，字段的长
2020-06-01 11:57:08
2779
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人