vue 渲染问题

数据变化触发render函数

vue相关API

• 声明响应式属性
• 列表渲染

数据类型

Array 列表渲染

1. 添加和删除

1
2
3
4
5
6

list.push()
list.pop() 
list.splice(0) // 需要数组长度
list.splice(index,1) //删除
list.splice(index,1,newValue) // 替换

1. 清空或者重置

1
2
3
4

list.splice(0) // 清空
this.$set(this,'list',[])

阅读原文-下一代 Web 应用

Progressive Web Apps

Progressive Web Apps

• 离线使用 Service Worker 与 Cache Storage
• 添加到主屏、全屏执行的 Web App Manifest
• 可以设置启动屏
• 可以推送通知
• 可以被安装在桌面和应用平级

理财的入门书籍，板正了某些对于金钱错误认知。对生活和事情会有更深层次的认知

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写

vertical-align 选项值

• bottom
• baseline 默认值
• middle

• top

• text-top:元素顶端与父元素字体的顶端对齐

• text-bottom

• sub : 元素基线与父元素的下标基线对齐。

• super

• value: %,em,rem,px 公式(line-height*value),支持负值

• inherit,initial

生效条件

display:inline/inline-block
display:table-cell

柯里化默认只接受一个参数

1
2
3
4
5
6
7
8
9
10

function add(x,y) {
  return x+y;
}
add(1,2) //3
function addX(y) {
  return (x)=>x+y;
}
addX(1)(2) //3

relative

relative 是相对于自身原来位置的移动，还会占据原来的空间

relative & absolute

absolute相对于relative定位
影响

• top/left/right/bottom
• z-index
• 限制absolute超出overflow布局

relative & fixed

影响

• z-index

relative z-index

z-index 值大的在顶层显示
z-index auto 后来居上
z-index auto,absolute :

• absolute显示
  • absolute 的z-index 值
  • relative 后来居上
  • absolute 后来居上

IE6/7中会有一定的问题,会按照 relative 后来居上

应用

relative 会影响absolute或者fixed的布局，所以避免使用 relative

• 使用margin布局替代
• 最小化relative

1
2
3
4
5

<div style="position: relative">
    <div style="position: absolute">
    <!--do something-->
    </div>
</div>

relative

relative 是相对于自身原来位置的移动，还会占据原来的空间

• Pointfree 编程风格指南
• 我眼中的 JavaScript 函数式编程

Pointfree 的本质就是使用一些通用的函数，组合出各种复杂运算。上层运算不要直接操作数据，而是通过底层函数去处理。这就要求，将一些常用的操作封装成函数

SEO 技巧，如何设计一个高质量的 URL 和标题

基础的设置

• HTML中的title,Url,key,Description
• <h1>应该只有一个
• 面中的内链是否分配得合理。页面中是不是会有指向重要页面的链接，如首页。或者每个分类的详情页都会有链接，并链接到列表页。这样一来，列表页的排名就会比较高
• 外链是否需要nofollow
• 独立的移动站点rel=”canonical”

• 采用 rel=”next” 和 rel=”prev” 来指明页面间的关系，以让第一页拥有较高的排名

  阅读全文 »