2017年05月_erciyuan_nuonuo

原创 angular2 路由策略 LocationStrategy

随着前端技术的发展和迭代，前端MVC框架应运而生。利用目前主流的前端框架，如angular react vue等等，我们可以轻松的构建起一个无需服务器端渲染就可以展示的网站，同时这类框架都提供了前端路由功能，后台可以不再控制路由的跳转，将原本属于前端的业务逻辑全部丢给前端。什么是路由简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服务又提供了三个

2017-05-29 12:44:21 12093

原创 css input[type=file] 样式美化 (radio checkbox类似)

在做input文本上传时，由于html原生的上传按钮比较丑，需要对其进行美化主要想到以下几种方法，欢迎大家补充1. 通过position和opacity实现input的透明度设置为0，设置为绝对定位，size足够大input外面套一层a或者div（此处以a举例），a设置为相对定位，为了避免在非a区域点击打开选择文件,a需要设置overflow: hidden<html><head> <st

2017-05-24 21:05:00 1095

原创 slider 滑动条 mouseup有时失效的原因

一些滚动条是通过mousemove和mouseup实现的鼠标按下时通过mousemove事件控制滑动鼠标弹起时通过mouseup事件取消滑动但是发现有时鼠标弹起时并没有出发mouseup事件，这是因为此时drag事件屏蔽了mouseup事件，可以通过 ondragstart="return false"屏蔽掉drag事件

2017-05-16 21:43:16 1593

原创 flex 最后一行左对齐

最近项目布局上要求item两端对齐，而且最后一行在列不满的情况下要求左对齐，使用flex的justify-content: space-between;实现时发现最后一行不能左对齐，而是两端对齐方式，下图不是项目上想要的效果（不使用flex也可以实现，本文仅讨论使用flex实现）在网上查了很多资料， 1.添加几个空item（对我来说最有效的，适用于大多数场景）根据布局列数添加，比如每行最大三列

2017-05-12 21:18:51 24349 6

原创 css表格中设置两行中间的空白间距

css设置两行中间的空白间距： border-spacing 属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式）。border-collapse: separate; border-spacing: 0px 10px;

2017-05-10 21:23:15 11881

原创 vscode安装教程（windows）

进入vscode官网（https://code.visualstudio.com/Download），点击zip下载 2.下载后解压zip包，打开code.exe即可3.vscode相关插件可以从 https://marketplace.visualstudio.com/VSCode下载

2017-05-03 21:15:32 48951

erciyuan_nuonuo的博客