摘要: 一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择阅读全文
posted @ 2015-10-27 12:51 starof 阅读(1821) 评论(2) 编辑
摘要: 一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow阅读全文
posted @ 2015-05-30 23:21 starof 阅读(265) 评论(0) 编辑
摘要: 前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix阅读全文
posted @ 2015-05-19 17:25 starof 阅读(1341) 评论(1) 编辑
摘要: 一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent阅读全文
posted @ 2015-05-19 14:23 starof 阅读(299) 评论(0) 编辑
摘要: 一、跨域 一个域名地址的组成: 当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。 不同域之间相互请求资源,就算作“跨域”。 比如:http://www.abc.com/index.html请求http://www.efg.com/service.php JavaScript出于安全方阅读全文
posted @ 2017-02-24 17:39 starof 阅读(12) 评论(0) 编辑
摘要: 前置知识:ajax原理,json字符串进行信息传递。 Ajax主要的功能是实现了浏览器端 异步 访问服务器:通过浏览器的XMLHttpRequest对象发出小部分数据,与服务端进行交互, 服务端返回小部分数据,然后更新客户端的部分页面。 json是Ajax发送小部分数据的一种轻量级数据格式,可以简单阅读全文
posted @ 2017-02-24 16:26 starof 阅读(5) 评论(0) 编辑
摘要: createDocumentFragment作用是什么? 快速响应,提高效率,提升用户体验。 调用document.body.append(),每调用一次都要刷新页面 一次。效率就低了。 用document.createFragment()创建一个文档碎片,把所有的新节点附加在其上,最后把文档碎片的阅读全文
posted @ 2017-02-23 16:11 starof 阅读(7) 评论(0) 编辑
摘要: 一、初级JavaScript 1.JavaScript是一门什么样的语言,它有哪些特点? 没有标准答案。 2.JavaScript的数据类型都有什么? 基本数据类型:String,Boolean,Number,Undefined, Null 引用数据类型:Object(Array,Date,RegE阅读全文
posted @ 2017-02-22 18:30 starof 阅读(14) 评论(0) 编辑
该文被密码保护。
posted @ 2017-02-21 11:25 starof 阅读(8) 评论(0) 编辑
摘要: 本文主要是介绍开发移动端web相册这样一案例用到的前置知识。 一、移动端样式 移动端更接近手机原生的方式。 如下是一个angular mobile的demo的例子: 移动端demo做成这样的好处: 在手机端浏览器中打开,接近原生app应用。 打包成Android或者ios的app,以原生app呈现 阅读全文
posted @ 2017-02-21 11:22 starof 阅读(22) 评论(0) 编辑
摘要: 一、什么是正则 在常见的字符串检索和替换中,我们需要提供一种模式表示检索或替换的规则。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。 abc [a-z]{4} \d\d\d 二、一个简单的例子 digital:数字 //2个斜杠括起来或者用new RegExp()表示正则,te阅读全文
posted @ 2017-02-20 14:30 starof 阅读(9) 评论(0) 编辑
摘要: 运行结果:阅读全文
posted @ 2017-02-20 10:27 starof 阅读(10) 评论(0) 编辑
摘要: 一、javascript模拟重载 java中根据参数类型和数量的区别来实现重载,javascript弱类型,没有直接的机制实现重载,javascript中参数类型不确定和参数个数任意,通过判断实际传入的参数的个数来实现重载。 二、调用基类方法 1、调用基类的方法进行初始化 基类人Person 学生S阅读全文
posted @ 2017-02-17 18:01 starof 阅读(16) 评论(0) 编辑
摘要: 一、OOP的概念和继承 1、OOP概念 面向对象程序设计(Object-oriented programming,OOP)是一种程序设计范型,同时也是一种程序开发的方法。对象指的是类的实例。它将对象作为程序的基本单元,将程序和数据封装其中,以提高软件的重用性、灵活性和扩展性。 OOP特点:继承、封装阅读全文
posted @ 2017-02-17 17:26 starof 阅读(8) 评论(0) 编辑
摘要: 一、闭包 闭包就是指有权访问 另一个函数作用域 中的变量 的函数 !!! 好处:灵活方便,可封装 缺点:空间浪费、内存泄露、性能消耗 1、简单例子 一般函数执行完后局部变量释放,有闭包则局部变量不能在函数执行完释放。 调用outer()返回匿名函数,这个匿名函数仍然可以访问外部outer的局部变量l阅读全文
posted @ 2017-02-15 18:10 starof 阅读(18) 评论(0) 编辑
摘要: 重点。 一、函数 函数是一块JavaScript代码,被定义一次,但可执行和调用多次。JS中的函数也是对象,所以JS函数可以像其他对象那样操作和传递,所以我们也常叫JS中的函数为函数对象。 注意: 函数的返回值,依赖于return语句。 一般的函数调用:如果没有return语句的话,默认会在所有代码阅读全文
posted @ 2017-02-14 17:53 starof 阅读(18) 评论(0) 编辑
摘要: 触发事件: $(document).trigger('REMOVE_WEBSITE_MSG'); 判断消息条数为0,触发这个阅读全文
posted @ 2017-02-13 18:06 starof 阅读(4) 评论(0) 编辑
摘要: 本文主要介绍点击一个按钮处理事件的一些特殊情况和技巧。 一、第一次点击触发一个函数,之后点击都触发另一个函数 1、小白实现 2、大神实现 代码如下: 说明2点: 1、let定义的变量是块级的变量。 2、(func = func2, func1) javascript 逗号表达式,从左到右执行每个子表阅读全文
posted @ 2017-02-13 17:37 starof 阅读(24) 评论(0) 编辑
摘要: 代码 提供方法操作cookie :阅读全文
posted @ 2017-02-13 14:31 starof 阅读(7) 评论(0) 编辑
摘要: 一、创建数组、数组操作 数组是指的有序集合。每个值叫做元素,每个元素,每个元素在数组中都有梳子位置编号,也就是索引。JS中数组是弱类型的,数组中可以含有不同类型的元素。数组元素甚至可以是对象或其它数组。 1、字面量创建数组 var arr=[1,true,null,undefined,{x:1},[阅读全文
posted @ 2017-02-10 18:16 starof 阅读(14) 评论(0) 编辑
摘要: 一、对象概述 对象中包含一系列的属性,这些属性是无序的。每个属性都有一个字符串key和对应的value。 1、为什么属性的key必须是字符串 重点: 可见,字符串的1和数字1访问的都是同一个属性 不管把空对象作为一个key,还是用带有x属性的对象作为key,实际上javascript都会把它转化为字阅读全文
posted @ 2017-02-09 18:26 starof 阅读(13) 评论(0) 编辑
摘要: var有三种声明的情形: var声明的全局变量 var在函数范围内声明的局部变量 eval中声明的全局变量。 首先, 1、2种情形var声明的变量是无法删除的。 尽管var声明的全局变量是属于window对象的属性(在浏览器中),但依然是无法删除的,因为这种属性的configurable=false阅读全文
posted @ 2017-02-08 17:37 starof 阅读(15) 评论(0) 编辑
摘要: 一、语句 javascript程序由语句组成,语句遵守特定的语法规则。 block break continue empty if...else switch try catch var function return do...while for for...in while debugger l阅读全文
posted @ 2017-02-07 16:25 starof 阅读(17) 评论(0) 编辑
摘要: 表达式是一种JS短语,可使JS解释器用来产生一个值。 一、表达式 表达式分类 1、原始表达式 常量、直接量 (3.14,"test"); 关键字 (null,this,true); 变量(i,k,j); 都属于原始表达式。 原始表达式和原始表达式可以复合成复合表达式,比如10*20; 2、初始化表达阅读全文
posted @ 2017-02-06 17:28 starof 阅读(20) 评论(0) 编辑