摘要: 一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择阅读全文
posted @ 2015-10-27 12:51 starof 阅读(2210) 评论(2) 编辑
摘要: css多栏自适应布局还是需要总结一下的,都是基本功。 一般使用position属性布局,或者用float属性布局,也可以使用display属性。 看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮阅读全文
posted @ 2015-08-20 15:55 starof 阅读(2049) 评论(6) 编辑
摘要: 一、包含块(Containing Block) 要讲position,首先就涉及到一个概念:包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块,就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块(Initial containi阅读全文
posted @ 2015-07-13 22:45 starof 阅读(508) 评论(0) 编辑
摘要: 一、浮动介绍 历史: 浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。 定位方式: 浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1阅读全文
posted @ 2015-07-06 23:13 starof 阅读(1359) 评论(5) 编辑
摘要: 一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow阅读全文
posted @ 2015-05-30 23:21 starof 阅读(335) 评论(0) 编辑
摘要: 前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix阅读全文
posted @ 2015-05-19 17:25 starof 阅读(3965) 评论(1) 编辑
摘要: 一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent阅读全文
posted @ 2015-05-19 14:23 starof 阅读(561) 评论(0) 编辑
摘要: 为什么要写这篇文章是因为 上面代码执行结果是这样的。按照我的理解,body在DOM中比html近,应该会按body h1中定义的绿色来显示文字,但是恰恰相反,文字颜色是紫色的。 原因现在我当然是知道的,因为css中优先级无视DOM树中节点的距离远近,就是说DOM树中的距离不会对元素优先级计算产生影响阅读全文
posted @ 2015-04-07 09:28 starof 阅读(1215) 评论(2) 编辑
该文被密码保护。
posted @ 2017-06-21 17:47 starof 阅读(0) 评论(0) 编辑
该文被密码保护。
posted @ 2017-06-21 17:45 starof 阅读(2) 评论(0) 编辑
该文被密码保护。
posted @ 2017-06-21 17:44 starof 阅读(0) 评论(0) 编辑
该文被密码保护。
posted @ 2017-06-21 17:43 starof 阅读(0) 评论(0) 编辑
该文被密码保护。
posted @ 2017-06-21 17:41 starof 阅读(2) 评论(0) 编辑
vue
该文被密码保护。
posted @ 2017-06-21 17:40 starof 阅读(0) 评论(0) 编辑
该文被密码保护。
posted @ 2017-06-21 17:38 starof 阅读(2) 评论(0) 编辑
摘要: 这些是新加的集合类型,提供了更加方便的获取属性值的方法,不用像以前一样用hasOwnProperty来检查某个属性是属于原型链上的呢还是当前对象的。同时,在进行属性值添加与获取时有专门的get,set 方法。 一、Map Map解决的是Object的键值对中键只能是字符串的问题。 Map是Es6提供阅读全文
posted @ 2017-06-20 11:23 starof 阅读(25) 评论(0) 编辑
摘要: 生成器函数使用function*声明。 在生成器函数内部,有一种类似return的语法:关键字yield。二者的区别是,普通函数只可以return一次,而生成器函数可以yield多次(当然也可以只yield一次)。在生成器的执行过程中,遇到yield表达式立即暂停,后续可恢复执行状态。 1、next阅读全文
posted @ 2017-06-20 11:05 starof 阅读(20) 评论(0) 编辑
摘要: 箭头函数,通过 => 语法实现的函数简写形式,C#/JAVA8/CoffeeScript 中都有类似语法。与函数不同,箭头函数与其执行下文环境共享同一个 this。如果一个箭头函数出现在一个函数对象内部,它会与这个函数共享 arguments 变量。 箭头表达式用来声明匿名函数,消除传统匿名函数的t阅读全文
posted @ 2017-06-06 10:18 starof 阅读(30) 评论(0) 编辑
摘要: proxy在语言层面去操作一个对象 现在要做到user.fullName就让它去显示。 proxy接收2个参数,第一个是对象{},第二个也是个{}。 此时没有对传入get方法中的prop做判断。所以哪怕输入一个user.age也会输出:Bob Wood 所以做一个判断,如果prop是full_nam阅读全文
posted @ 2017-05-31 11:59 starof 阅读(18) 评论(0) 编辑
摘要: es6在string number boolean null undefined object之外又新增了一种Symbol类型。 Symbol意思是符号,有一个特性—每次创建一个Symbol值都是不一样的。 symbol是程序创建并且可以用作属性键的值,并且它能避免命名冲突的风险。 用处:赋值对象的阅读全文
posted @ 2017-05-31 11:23 starof 阅读(18) 评论(0) 编辑
摘要: 模板字符串 提供构造字符串的语法糖,在 Prel/python 等语言中也都有类似特性。 1、反引号模板,可以换行 2、反引号模板,可以嵌套 用+``来嵌套 好处:语法更加简洁 其它例子 // Basic literal string creation `This is a pretty littl阅读全文
posted @ 2017-05-31 11:22 starof 阅读(15) 评论(0) 编辑
摘要: es6新增了4个字符串处理的方法:startsWith,endsWith,includes,repeat。 1、简单使用 includes()返回布尔值,表示是否找到了参数字符串 startsWith()返回布尔值,表示参数字符串是否在源字符串的头部 endsWith()返回布尔值,表示参数字符串是阅读全文
posted @ 2017-05-30 09:16 starof 阅读(63) 评论(0) 编辑
摘要: 一、let 1、let块作用域 2、let常用于for循环 3、typeof不再是一个百分之百安全的操作 typeof运行时y尚未声明,所以报错。 4、隐蔽的暂时性死区 5、不允许重复声明 不能在函数内重复声明参数 二、const 1、const声明的变量也是块作用域,但是不能被多次修改 2、con阅读全文
posted @ 2017-05-30 09:08 starof 阅读(22) 评论(0) 编辑
摘要: 解构赋值本质上是“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值。 解构规则:只要等号右边的值不少对象,就先将其转为对象。 一、数组的解构赋值 数组解构赋值,索引很重要,即顺序很重要。 原理:等号右边数据结构要有Iterator接口,比如数组,Set。【update20170605阅读全文
posted @ 2017-05-30 09:07 starof 阅读(184) 评论(0) 编辑
摘要: 在JavaScript中,回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。 callback 不一定用于异步,一般同步(阻塞)的场景下也经常用到回调,比如要求执行某些操作后执行阅读全文
posted @ 2017-05-22 15:11 starof 阅读(200) 评论(0) 编辑
摘要: 工具方法。对函数的统一管理。 jquery2.0.3版本$.Callback()部分的源码如下: // String to Object options format cache var optionsCache = {}; // Convert String-formatted options i阅读全文
posted @ 2017-05-21 23:08 starof 阅读(244) 评论(2) 编辑
摘要: 时间戳: 时间戳是自 1970 年 1 月 1 日(00:00:00 GMT)以来的秒数。它也被称为 Unix 时间戳(Unix Timestamp)。 JavaScript 获取当前时间戳: 本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追阅读全文
posted @ 2017-05-19 13:56 starof 阅读(37) 评论(0) 编辑
摘要: 一、未使用预加载技术前 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>图片预加载之无序加载</title> <style> .box { text-align: center; } .btn { di阅读全文
posted @ 2017-05-17 14:44 starof 阅读(139) 评论(0) 编辑