郑铭铭-优快云博客

转载 AngularJS四大核心特性

[置顶] AngularJS四大核心特性 <div class="article_manage clearfix"> <div class="article_r"> <span class="link_postdate">2015-03-10 18:50</span> <spa

2017-07-23 00:02:20 373

转载 Github-README 中展示demo

http://www.jianshu.com/p/75e30889e70a

2017-07-16 12:38:41 567

转载微信小程序--官方文档补充【操作反馈】--loading组件

loading通常使用在请求网络数据时的一种方式，通过hidden属性设置显示与否主要属性：wxml<button type="primary" bindtap="listenerButton">显示loading</button><loading hidden="{{hiddenLoading}}">正在加载</loading>12341234jsPage

2017-07-15 19:34:45 642

转载微信小程序--官方文档补充【操作反馈】--toast组件

toast消息提示框，可用在提示一些信息，比如清楚缓存给用户一个友好的提示！或操作一些请求不想让用户有什么操作，toast也可以做到因为toast显示时其他操作是无效的主要属性：wxml<button type="primary" bindtap="listenerButton">点击显示toast</button><!--toast消息框显示3秒，并

2017-07-15 19:34:11 644

转载微信小程序--官方文档补充【操作反馈】--modal组件

modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。常用属性：wxml<button bindtap="listenerButton" type="primary">弹出modal</button><modal title="退出应用" hidden="{{hiddenModal}}

2017-07-15 19:33:22 1082 1

转载微信小程序--官方文档补充【操作反馈】--action-sheet组件

action-sheet组件是从底部弹出可选菜单项，估计也是借鉴iOS的设计添加的，action-sheet有两个子组件， action-sheet-item为每个选项，action-sheet-cancel取消选项，与action-sheet-item中间会有间隔，并且点击会触发action-sheet监听事件主要属性：wxml<button typ

2017-07-15 19:28:03 1824

转载天气数据Api

想做天气APP，数据只能从别的地方接入了，以前Google的API不错，不过人家关了都不带告诉你，关了就关了，既不事先通知，事后也不发表声明！雅虎的以前还可以，现在的数据原来越少，越来越没用，所以，只能依靠天朝。本文章只供测试，如果有商业应用，请申请正规的API接口，因使用接口引起的商业纠纷与本人无关涨姿势：1.中央气象台：全国预报、气候预测、气候变化研究、气象信息收集分发服务的国家中心。2.中国气

2017-07-12 00:28:46 1453 1

翻译 CSS3 filter(滤镜)

filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。Filter 函数注意: 滤镜通常使用百分比 (如：75%), 当然也可以使用小数来表示 (如：0.75)。Filter描述none默认值，没有效果。blur(px)给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，

2017-06-22 17:28:02 436

转载 mask-image使用方法及其优点

mask-image是一个很新的东西，因为新所以支持它的浏览器就少，但是它很好用，该属性现在仅仅被webkit以私有属性支持。最新支持情况可查阅http://caniuse.sinaapp.com/html/item/css-masks/index.html一般来说mask-image需要一张有透明部分的图片，该图片用于遮挡在指定的dom上，被图片透明部分遮住的部分将不被显示，被不透明

2017-03-14 22:20:51 7142

原创用JS来控制DIV窗口的宽高

在一次用JS做注册页面验证的时候，突然想美化一下。然后就弄了一张背景图片作为网页背景，但是发现，我在css里面给大DIV设置了一个height：100%，背景图片尺寸是cover，可是背景图片并没有根据我窗口放大缩小发生改变，这时候我就上网找了下，终于知道了方法，可以用js里面的document.documentElement.clientWidth和document.documentElemen

2017-03-11 17:05:44 1580

转载 js 字符串转换成数字的方法

var num1 = parseFloat(prompt('请输入第一个数','')); var num2 = parseFloat(prompt('请输入第二个数','')); alert(num1+'*'+num2+'的计算结果是：'+(num1*num2));1. 转换函数：js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值

2017-03-01 11:24:15 3007

原创 JS用户输入框 prompt

prompt() 方法用于显示可提示用户进行输入的对话框。prompt(text,defaultText);text:可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText:可选。默认的输入文本。如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻

2017-02-28 09:59:59 4036

转载 HTML <frameset> 标签 cols 属性

HTML 标签cols属性HTML中标签的cols属性包含了一个由逗号分隔的列表，这个列表指定了包含在一组框架中的列数和各列的大小。提示：左右分割窗口就是在浏览器中沿垂直方向分割为几个窗口，这些窗口左右分布。语法 ......属性值列表项从左向右指定各列。列的大小可以使用三种格式指定，也可以混合使用。1. 可以给一个列分配一个固

2017-02-25 16:28:34 4216

转载 HTML中显示特殊字符，如尖括号 “<”,">"等等

这几天，做个网页，之后进行解析，总是出错。最后发现是因为错误的使用了尖括号 “"。如下面的html代码: 显示：上面的value属性值中含有“在网上搜了一下，如果要在标签中显示""等特殊字符，可以使用“&”开头，“;”结尾，中间加上字符对应的编码就可以啦。如：　　　　> >　　>= ≥

2017-02-24 10:19:12 4666

原创如何使一个ul居中在网页上，不设置宽

全部前端开发后端开发移动开发数据库运维&测试如何令这个ul居中在网页中，并且令每一个li水平并列显示呢？其实很简单，通过百度后学习到的知识点，就在于运用：display:inline-block;属性。以前我们会通过float：left属性让li水平显示，其实还有别的方法，就是用display:inline-block;。然后在ul标签

2017-02-20 16:03:25 717

翻译 background-size属性详解

background-size是css3中新增的属性，background-size的cover特定值会保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。background-size: length|percentage|cover|contain;length设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二

2017-02-18 14:41:39 1041

翻译 inline-block布局

使用inline-block布局相比float的浮动布局，不必担心每个列表高度不一的问题，所以每个列表的内容可以完整显示，这可比直接裁掉要好些。基于display:inline-block的列表布局的优点可以让列表元素不等高。

2017-02-18 10:52:30 271

转载 text-align:justify 实现两端对齐文本的效果

W3C 上的解释：justify 可以使文本的两端都对齐在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等为了两端对齐，有些文字的间距就被拉开了。有时候间隔隔得太大会造成阅读困难，所以如果有需要的情况下用letter-spacing收缩字符间距就可以了。另外， text-align-last:right 可以改变段落的最

2017-02-18 10:00:16 4605

翻译 vertical-align 属性

定义和用法vertical-align 属性设置元素的垂直对齐方式。说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。

2017-02-18 09:43:15 221

原创 Day_9.

2017-2-14固定死盒子的宽高，padding和margin叠加也不影响：box-sizing:border-box;

2017-02-14 11:05:47 283

转载 Other_8.如何来使用Html中的锚点连接(我觉得很有用，就转载了，非原创。互相学习)

锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。那么他是如何来写的呢：这里可以放图标也可以放文字您可以使用 id 属性来替代 name 属性，命名锚同样有效。在网页中，当你滚动到最底下想直接回到顶部的时候，这个时候就用到了锚链接，为了他的样式好看，你可以用Jquery去写，比如我们官网右侧的悬浮小图标

2017-02-12 12:54:48 1545

翻译 Other_7.一个比较简单的HTML+JS图片轮播效果

无标题文档#tab { overflow:hidden; width:400px; height:250px; position:relative; float:left;}#tab>img:not(:first-child){ display:none; } window.onload = function(){ var ima

2017-02-11 16:12:03 742

原创 Other_6.利用JQ作出，点击导航栏，所需内容渐入渐变的效果

无意之中，看到一个网站的内容导航效果，所以就想去了解学一下，发现效果挺不错。下面就直接贴出代码，防止遗忘。点击导航栏，所需内容渐入渐变的效果$(document).ready(function(){$(".btn1").click(function(){$(".text2").fadeOut(1000);$(".text1").fadeIn(100

2017-02-10 13:58:31 523

原创 Other_5.表单美化中新的知识点

1、复选按钮id="good"/>for="good">正品保证当使用复选按钮的时候，假如input的 id 等于label的 for ，那么用户在点击“正品保证”四个字的时候，同样也可以把选框打上勾，优化了用户体验。

2017-02-08 20:33:42 197

原创 Other_4.仿-慕课网课程选项卡_效果2（文字变换，图片伸缩）

这是仿-慕课网课程选项卡的第二个效果（文字变换，图片伸缩）。仿-慕课网课程选项卡_效果2 *{padding: 0;margin:0;list-style: none;text-decoration: none;font-family:Microsoft YaHei}.ul2{margin:30px 0 0 50px;width: 800px;height: 200

2017-02-08 15:27:12 347

原创 Other_3.仿-慕课网课程选项卡_效果1（上下伸缩）

这是我过年在家无聊的时候自己做的一个仿-慕课网课程选项卡，也不知道有没有人会看我的博客，就顺便把代码贴上吧。如果有写得不好的话，也没办法了，水平有限。现在先说第一个效果，上下伸缩。仿-慕课网课程选项卡*{padding: 0;margin:0;list-style: none;text-decoration: none;font-family:Microsoft YaH

2017-02-08 15:19:21 426

转载 Other_2.利用JQ伸缩变动导航栏宽度的效果。

上一个博文是用JS代码来动态改变导航栏的宽度，但是BUG也同时存在，这次我们就用JQ来写。JQ代码写的好处是导航栏在伸缩的时候更加自然，流畅，并且当用户快速在导航栏之间切换的时候，不会出现文字变成竖型排列。当然，使用JQ代码的时候，需要提前在网上下载一个JQ库。JQ库网上有很多，这里就不再提供链接了，有需要的朋友自行百度下载。 JQ伸缩变动导航栏效果

2017-02-08 15:10:10 1031

转载 Other_1.利用JS伸缩变动导航栏宽度的效果。

该教程是我从慕课网上学习到的，觉得对初学JS有比较好的帮助。 JS伸缩变动导航栏效果 *{margin: 0;padding: 0;text-decoration: none;list-style: none;} nav{width: 100%;height: 40px;border-bottom: 10px solid #FC751B

2017-02-08 15:03:29 713

原创 Day_8.

今天学到了一个比较强大的功能，定位：position.father{position:relative;width: 200px;height: 200px;background: red;margin: 100px auto;}.father div{width: 100px;height: 100px;border-radius: 50%;}.one{posit

2017-02-08 14:36:56 181

原创 Day_7.(3)

知识点四、元素边框：border属性。border-style 属性用于设置元素所有边框的样式，或者单独地为各边设置边框样式。

2017-02-07 15:39:30 217

原创 Day_7.(2)

知识点二、标签的转换：display：block的作用。在网页制作的过程中，我们可以根据实际情况，利用一些属性把行级标签和块级标签相互转换使用。其中，display：block就可以把一个行级标签，转换为块级标签，使该标签拥有长宽等属性。通常我个人习惯在制作导航栏的时候，利用display：block把 a 标签转换为一个块级标签，然后赋予长宽。下面的案例还会说一下display里面的一些常用属性

2017-02-07 15:27:21 197

原创 Day_7.(1)

我在中软上课的第七天，今天上课的案例知识点有七个，下面我将一一列举。知识点一、精灵图布局：精灵图其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。常用于导航栏图标、

2017-02-07 15:18:58 246

原创 Day_6.(3)

知识点七、字间距：letter-spacing。letter-spacing 属性增加或减少字符间的空白（字符间距）。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。 p span{letter-spacing: 20px;}/*字间距*/ 一些年之后，

2017-02-06 21:15:13 194

原创 Day_6.(2)

知识点三、样式的层叠性：运行以下代码，可以发现，文字的最终颜色为绿色，字体为：simsun；字体大小为:12px；那为什么，样式里同样写了div的属性，可为什么字体不是红色？但却是继承了字体为12像素的大小呢？原因是因为样式的层叠性。层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记）2. id选择符>（

2017-02-05 13:40:59 287

原创 Day_6.

今天是周一，又要开始新一周学习了。虽说暂时的进度的确是有点快，但还好我自己有一点点小基础，所以勉强还能跟得上进度。今天老师给我们讲了10个网页制作的知识点。css样式的使用、margin样式、pre标签、网页背景、超出隐藏、词间距、字间距、三种CSS样式、首行缩进、样式的层叠性。知识点一：三种CSS样式。第一种、行内样式：直接在标签内写上样式内容，紧贴着标签名，在标签名后面加空格，写上

2017-01-25 21:48:17 224