2017 年 6月随笔档案 - 坚持不懈❥

数字输入框只能输入数字，禁止复制

摘要：在项目中，有时候要只能输入数字的输入框，今日整理一下禁止右键和粘贴只能输入数字 input框的设置这样就完美的解决了注意不要用 type=number, 在h5中新加入的这个属性有一个bug，就是如果输入框中有非数字，无论是用js原生的还是jquery都获取不到输入框中的值阅读全文

posted @ 2017-06-29 11:20 坚持不懈❥ 阅读(292) 评论(0) 推荐(0)

vue-cli# 项目结构

摘要：引自：https://segmentfault.com/a/1190000007880723 http://blog.csdn.net/hongchh/article/details/55113751 package.json package.json文件是项目根目录下的一个文件，定义该项目开发所需阅读全文

posted @ 2017-06-28 16:19 坚持不懈❥ 阅读(451) 评论(0) 推荐(0)

vue-cli 构建项目

摘要：1.安装vue-cli和webpack 2.vue-cli初始化项目在控制台就可以看到可以看到下面的提示，进入项目 3.安装项目依赖一定要从官方仓库安装，npm 服务器在国外所以这一步安装速度会很慢。不要从国内镜像cnpm安装(会导致后面缺了很多依赖库) 4.安装 vue 路由模块vue-r 阅读全文

posted @ 2017-06-28 15:56 坚持不懈❥ 阅读(278) 评论(0) 推荐(0)

vue 模版组件用法

摘要：第一种 data里面可以仿佛初始化的数据，然后new的时候，里面的数据会覆盖之前的，可以当做是默认数据第三种，使用了html模版引自：http://www.jianshu.com/p/23e041fc013e 阅读全文

posted @ 2017-06-28 12:05 坚持不懈❥ 阅读(874) 评论(0) 推荐(0)

css3之过渡

摘要：早期在Web中要实现动画效果，都是依赖于JavaScript或Flash来完成。但在CSS3中新增加了一个新的模块transition，它可以通过一些简单的CSS事件来触发元素的外观变化，让效果显得更加细腻。简单点说，就是通过鼠标的单击、获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变阅读全文

posted @ 2017-06-16 10:26 坚持不懈❥ 阅读(159) 评论(0) 推荐(0)

css3之2D 转换

摘要：浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 Chrome 和 Safari 要求前缀 -webkit- 版本.Internet Explorer 10, Firefox, 和 Op 阅读全文

posted @ 2017-06-15 17:52 坚持不懈❥ 阅读(191) 评论(0) 推荐(0)

css3之背景background-origin,background-clip,background-size

摘要：background-origin属性指定了背景图像的位置区域。 content-box, padding-box,和 border-box区域内可以放置背景图像。 background-clip用来将背景图片做适当的裁剪以适应实际需要。效果 background-size 指定背景图像的大小：阅读全文

posted @ 2017-06-15 10:43 坚持不懈❥ 阅读(212) 评论(0) 推荐(0)

css3之字体@font-face

摘要：@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 Firefox, Chrome, Safari, 和 Opera 支持 .ttf(True Type字体)和.otf(OpenType)字体字体阅读全文

posted @ 2017-06-14 17:48 坚持不懈❥ 阅读(160) 评论(0) 推荐(0)

css3之文本text-overflow 与 word-wrap, word-break

摘要：CSS3 Text Overflow属性 CSS3文本溢出属性指定应向用户如何显示溢出内容语法：但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow 阅读全文

posted @ 2017-06-14 17:29 坚持不懈❥ 阅读(193) 评论(0) 推荐(0)

css3之渐变

摘要：CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的阅读全文

posted @ 2017-06-14 16:50 坚持不懈❥ 阅读(258) 评论(0) 推荐(0)

css3之box-shadow

摘要：box-shadow是向盒子添加阴影。支持添加一个或者多个。用法：代码：对应的效果如下 1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正阅读全文

posted @ 2017-06-14 12:17 坚持不懈❥ 阅读(174) 评论(0) 推荐(0)

css3之圆角

摘要：浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。 -webkit- 或 -moz- 前面的数字表示支持该前缀的第一个版本。 CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 CSS3 border-radiu 阅读全文

posted @ 2017-06-14 11:54 坚持不懈❥ 阅读(237) 评论(0) 推荐(0)