理解css中的层叠上下文和层叠顺序

CSS Modules了解一下

ES6之Promise

Promise 对象

Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及该异步操作的结果值。 Promise - MDN

移动端1像素边框解决方法

移动端1像素边框解决方法

移动端 css 中明明就定义的 1px,但是浏览器打开实际看起来要比设计稿中的 1px 粗?
因为 css 中的 1px 并不等于移动设备的 1px,由于不同的手机有不同的像素密度,如 retain屏 。

JSBridge浅析

JSBridge 浅析

JSBridge 简单来讲,主要是给 Javascript 提供调用 Native 功能的接口,让 Hybrid 开发的前端人员可以方便的使用 Native 的地理位置、摄像头等原生功能。

实际上, JSBridge 就像是 Native 和 H5 之间的桥梁,构建 Native 和 非Native 间的双向消息通信的通道。

  • JS 向 Native 发送消息:调用相关接口、通知 Native 当前 JS 状态等。
  • Native 向 JS 发送消息: 回溯调用结果、消息推送、通知 JS 当前 Native 的状态等。

解决方案

  • 基于 Web 的 Hybrid 的解决方案:微信浏览器、各大公司的 Hybrid 方案。
  • ReactNative等。

一些常用收集

收集常用的库或项目,避免造轮子

  • JS
  • CSS
  • VUE

ES6模块和CommonJS模块的区别

ES6 模块与 CommonJS 模块的差异

css中position属性深入探讨

对于 position 属性可以说是平时开发中使用频率非常高的 CSS 属性,本文主要对 position 做个总结。

position 属性能够很好的体现 HTML 的普通流的特征。设置 position 属性之后主要关注是否脱离文档流改变 display 属性

position: static | relative | absolute | sticky

Vue双向绑定

双向绑定

MVVM:数据变化更新试图,视图变化更新数据。

  • Model
  • View
  • ViewModel

Loadsh库模块化引入

loadsh提供模块按需加载

loadsh本身提供模块化引入,可按需引入

1
2
3
4
5
6
7
// 
import { debounce } from 'loadsh'
import { throttle } from 'loadsh'

// 按需引入
import { debounce } from 'loadsh/debounce'
import { throttle } from 'loadsh/throttle'
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×