RxJS 实战篇(一)拖拽

本文最初发布于我的个人博客:咀嚼之味 面对交互性很强、数据变化复杂的场景,传统的前端开发方式往往存在一些共有的问题:1). UI 状态与数据难以追踪;2). 写出的代码可读性很差,逻辑代码分布离散。 相比之下,响应式编程(Reactive Programming)在解 …


JavaScript DOM 4 – 属性 attribute vs property

1: 获取网页元素的属性值 HTML里面的标签,都有一些属性(attribute),比方: <img src=”http://www.abc.com/logo.png” class=’logo’ id=’logo’> 这里的’href’, ‘id’和’class’都是这个'<img>’元素的attribute。而在我们的HTMLElement里,定 …


pure component

pure component 纯净的组件,这是什么? react文档的说法 react文档中这样写到: React.PureComponent 实际上和React.Component特别相似,不过不同的点是,PureComponent实现了shouldComponentUpdate方法,该方法会对prop和state变量进行浅比较。 如果你 …


Iframe简单探索

Iframe简单探索 本文目的: Iframe简单使用 Iframe跨域 Iframe常见问题 一.Iframe基本Dom以及常用属性和常用事件 1.DOM: <iframe class=”iframe” style=”height: 100%;width: 100%;border: 0;” id=”Yiframe” name=”Yiframe” src=’http://localhost …


浅谈逻辑运算符&&(与)和 ||(或)

我有一群奇形怪状的小伙伴,总会问我一些奇形怪状的问题。 昨天有一个叫周三胖(因崇拜某国领导人以及结合其个人特点所以姓周,号三胖⊙﹏⊙)的朋友,向我发了这么一张图片: 兄弟,上面那几句什么意思? 呔!三胖休得坑贫道。老衲不会! 大哥,我是真不会 …


模拟a标签的hash—中部导航

主要功能 固定中部导航栏(滚动到触发) 滚动后可视内容和高亮标题一致(很多网站并未做到这一点) 点击导航标题快速定位到内容 可自定义当触发标题时的标题样式 基于JQuery实现 (function() { $.fn.smint = function(fxd) { var lastScrollTop, …


深入了解JavaScript对象(1)–原始类型和引用类型

原始类型和引用类型 1.原始类型存储简单数据值,引用类型存储对象,其本质是指向内存位置的应用。 注:其他编程语言用栈存储原始类型,用堆存储引用类型。JavaScript原始值被保存在变量对象内,而引用值则作为一个指针保存在变量对象内,该指针指向实际对 …