2016 年 9月随笔档案 - 坚持不懈❥

css3之border-image

摘要：顾名思义就是为边框应用背景图片，它和我们常用的background属性比较相似。我们把上图当作边框图片来应用一下，看一看是什么效果根据border-image的语法：边角部分为裁掉了，可见repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复。 Round 参数：Round可以理阅读全文

posted @ 2016-09-29 16:42 坚持不懈❥ 阅读(234) 评论(0) 推荐(0)

css3之弹性盒模型(Flex Box)

摘要：CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的阅读全文

posted @ 2016-09-29 14:30 坚持不懈❥ 阅读(283) 评论(0) 推荐(0)

css3之文本和颜色功能之text-overflow,word-wrap

摘要：语法 clip修剪文本。ellipsis显示省略符号来代表被修剪的文本.string使用给定的字符串来代表被修剪的文本。效果： word-wrap语法阅读全文

posted @ 2016-09-28 16:19 坚持不懈❥ 阅读(214) 评论(0) 推荐(0)

css3之文本和颜色功能之text-shadow

摘要：总本看一下语法：text-shadow: h-shadow v-shadow blur color; demo: 1.text-shaow属性接受以逗号分隔的阴影效果,燃烧的文字效果： 2.3D效果效果：还可以设置凹体效果 3.Blurytext Effect（模糊效果） 4.Vintge/ 阅读全文

posted @ 2016-09-28 15:51 坚持不懈❥ 阅读(1081) 评论(0) 推荐(0)

css3之属性选择器

摘要：总体来看一下都有哪些选择器 1.属性选择器 1）[att*=val] 2)[att^=val] 3)[att$=val] 2.结构伪类选择器 3.UI伪类选择器其中E:read-only伪类选择器用来指定当元素处于只读状态时的样式。其中E:read-white伪类选择器用来指定当元素处于非只读状阅读全文

posted @ 2016-09-28 12:06 坚持不懈❥ 阅读(246) 评论(0) 推荐(0)

css3新特性概览

摘要：一.特性 css3允许背景属性设置多个属性值，如：background-image,background-repeat,background-size,background-position等。我感觉这是css3中特别给力的新属性呀，不用再切那么多图了:border-radius border-i 阅读全文

posted @ 2016-09-27 16:09 坚持不懈❥ 阅读(183) 评论(0) 推荐(0)

ECMAScript 5 新增的Array方法

摘要：引自：by zhangxinxu from http://www.zhangxinxu.com ES5中新增了写数组方法，如下：浏览器支持 Opera 11+ Firefox 3.6+ Safari 5+ Chrome 8+ Internet Explorer 9+ 1.forEach 显而易见，阅读全文

posted @ 2016-09-27 12:16 坚持不懈❥ 阅读(192) 评论(0) 推荐(0)

ECMAScript 5 新增 Object 接口

摘要：这些新增的好处之一是对象的属性有了更多控制，例如哪些是允许被修改的，哪些是可以枚举的，哪些是可以删除的等。这个的实现通过程序访问对象的属性描述符(property descriptors). 例如： 1.getPrototypeOf 例子 2.Object.create(proto [, prope 阅读全文

posted @ 2016-09-26 17:33 坚持不懈❥ 阅读(192) 评论(0) 推荐(0)

ECMAScript 5 严格模式

摘要：1. 变量必须使用var声明，杜绝不小心将本地变量声明成一个全局变量在常规模式下，如果我们声明一个变量时省略了var关键字，解析引擎会自动将其声明为全局变量，但在严格模式下，会直接抛出异常，不会为我们转为全局变量： 2. 禁止函数参数重名 3. 禁止对象属性重名 4.禁止使用八进制数字以0开头的阅读全文

posted @ 2016-09-26 15:25 坚持不懈❥ 阅读(535) 评论(0) 推荐(0)

HTML5中类jQuery选择器querySelector和querySelectorAll的使用

摘要：支持的浏览IE8+,Firefox3.5+,Safari3.1+ Chrome和Opera 10+ 1.querySelector()方法接收一个选择符，返回第一个匹配的第一个元素，如果没有返回null eg:var body = document.querySelector('body'); va 阅读全文

posted @ 2016-09-26 12:02 坚持不懈❥ 阅读(3485) 评论(0) 推荐(0)

响应式排版和布局

摘要：1.最先接触的方法是根据不同的设备也设置html的font-size 2.第二种是最近了解到的vw,配合CSS3 calc计算实现动态字体大小效果。其实本来第二种想写js方法，但是有代码就放最后吧例如，我们希望浏览器宽度在600px~1000px变化的时候，html根元素的font-size大小是阅读全文

posted @ 2016-09-23 15:22 坚持不懈❥ 阅读(898) 评论(0) 推荐(0)

jsonp 请求报Uncaught SyntaxError: Unexpected token :

摘要：You've told jQuery to expect a JSONP response, which is why jQuery has added the callback=jQuery16406345664265099913_1319854793396&_=1319854793399 par 阅读全文

posted @ 2016-09-14 09:52 坚持不懈❥ 阅读(2426) 评论(0) 推荐(0)

js 打开app应用，如果没有安装就去下载

摘要：废话不多说，直接上代码代码中包括了了iphone,android的，还有微信的判断阅读全文

posted @ 2016-09-08 10:24 坚持不懈❥ 阅读(13186) 评论(3) 推荐(0)

移动相关的css

摘要：3.告诉设备不识别电话和邮箱 4.设置手机竖版显示  <meta name="screen-orientation" content="portrait">  <meta name="x5-orientation" content="por 阅读全文

posted @ 2016-09-07 14:30 坚持不懈❥ 阅读(229) 评论(0) 推荐(0)