2018年8月16日

display:flex布局

摘要: 关于flex布局,我觉得它在布局里简直就是一匹黑马,不愧为弹性布局 阮一峰大神有一篇博客,讲的超级详细 (http://www.ruanyifeng.com/blog/2015/07/flex-examples.html)地址献上.... 下面来举例一下 我平时是什么场合派它上战场 1、左右居中 H 阅读全文

posted @ 2018-08-16 11:49 Nichkhunnie 阅读(114) 评论(0) 推荐(0) 编辑

2018年6月21日

css3文字特效

摘要: 写过很多页面,可是在实际中用到文字特效的地方还是很少,最多的就是给文字添加text-shadow阴影效果。 今天在浏览网页的时候发现了一组文字特效,虽然很简单但是你让我来写我肯定是写不出来,所以研究了一会,写了几个小样式。 一、文字渐变 主要样式有 linear-gradient(文字渐变方向,指定 阅读全文

posted @ 2018-06-21 15:11 Nichkhunnie 阅读(170) 评论(0) 推荐(0) 编辑

2018年6月12日

元素跟随鼠标移动

摘要: 在前一篇里写了一个移动端的移动和碰撞的小例子,这一次来写写PC端的。代码其实差不多 ①首先我们在页面中创造一个div。可移动的一个块<div id="box"></div> ②引入jquery.min.js ③css样式,要注意的是这个元素身上一定要生成绝对定位元素,给left/top值 ④开始写事 阅读全文

posted @ 2018-06-12 10:14 Nichkhunnie 阅读(150) 评论(0) 推荐(0) 编辑

2018年6月6日

vue创建项目

摘要: 作为vue小白看着文档学习真的就像在泥地里走路,前进一步都很开心 第一步:要安装node 打开cmd命令行 安装node https://nodejs.org/en/(node官网) 输入 node -v 显示版本号则表示安装成功 第二步:查看npm版本 输入npm -v 如果版本低于3.0需要升级 阅读全文

posted @ 2018-06-06 17:16 Nichkhunnie 阅读(124) 评论(0) 推荐(0) 编辑

2018年6月4日

css自定义美化checkbox/radio

摘要: html结构 css label{vertical-align: middle;} input[type='checkbox'],input[type='radio'] { width:18px; height:18px; position:relative; background:transpar 阅读全文

posted @ 2018-06-04 15:59 Nichkhunnie 阅读(151) 评论(0) 推荐(0) 编辑

2018年5月22日

sass编译

摘要: 首先我们确保电脑已经安装ruby 官网地址https://rubyinstaller.org/downloads/ 设置一个快捷键,右键点击属性输入你想要的快捷字母 打开安装 sass 输入 gem install sass 在本机D盘新建一个文件夹命名为sass,再创建两个文件夹为别为scss,c 阅读全文

posted @ 2018-05-22 17:18 Nichkhunnie 阅读(94) 评论(0) 推荐(0) 编辑

2018年5月16日

拖拽

摘要: 先上一个效果图 逻辑: 1.放大缩小的大圆位置是随机的 2.拖动的圆不可以超出可视区域 3.小圆跟大圆的中心点重合时手松开会重叠 4.如果小圆没有跟大圆的中心点重合那么提示出现 5.点击mask消失 上代码截图 阅读全文

posted @ 2018-05-16 10:24 Nichkhunnie 阅读(159) 评论(0) 推荐(0) 编辑

2018年3月30日

页面中的小效果

摘要: 自己平时做网页,很多效果都是一样的,于是,我想着把这些归类一下。。。(嗯~这些代码都是自己写的,所以有错误可以提出) 1.弹出层 既然弹出少不了遮罩层<div class="overmask"></div> 给它美化一下position: fixed;left: 0; top: 0;backgrou 阅读全文

posted @ 2018-03-30 15:39 Nichkhunnie 阅读(152) 评论(0) 推荐(0) 编辑

2018年3月19日

bootstrap datetimepicker的一些小总结

摘要: 关于日历控件我真的就是一直就研究。我分享我自己遇到的几个问题 1.点击日历 比如 这种情况 间距的高度小于日历的高度,那我们应该让日历直接显示在左上方 解决办法:修改插件库 var一个当前文本的一个高度再判断如果页面的高度减去当前页面点击的高度小于日历的高度 就让top值等于当前页面点击的高度减去日 阅读全文

posted @ 2018-03-19 11:21 Nichkhunnie 阅读(129) 评论(0) 推荐(0) 编辑

2018年3月16日

Node.js创建第一个应用

摘要: 此篇随笔只是想记载一下 怕哪天自己给瓦掉... 第一步当然是下载Node了 地址:https://nodejs.org/en/download/ 下载之后确认确认确认就好 第二步就是确认我们是否安装成功,打开我们的命令提示符输入 node -v回车就会出现我们安装的版本 再输入 npm -v回车 也 阅读全文

posted @ 2018-03-16 15:07 Nichkhunnie 阅读(165) 评论(0) 推荐(0) 编辑

导航