摘要:
React中组件间通信的方式 React中组件间通信包括父子组件、兄弟组件、隔代组件、非嵌套组件之间通信。 Props props适用于父子组件的通信,props以单向数据流的形式可以很好的完成父子组件的通信,所谓单向数据流,就是数据只能通过props由父组件流向子组件,而子组件并不能通过修改pro 阅读全文
摘要:
CSS实现展开动画 展开收起效果是比较常见的一种交互方式,通常的做法是控制display属性值在none和其它值之间切换,虽说功能可以实现,但是效果略显生硬,所以会有这样的需求——希望元素展开收起能具有平滑的效果。 实现 max-height 首先想到的是通过height在0与auto之间切换,但是 阅读全文
摘要:
Vue中组件间通信的方式 Vue中组件间通信包括父子组件、兄弟组件、跨级组件、非嵌套组件之间通信。 props $emit props $emit适用于父子组件的通信,这种组件通信的方式是我们运用的非常多的一种,props以单向数据流的形式可以很好的完成父子组件的通信,所谓单向数据流,就是数据只能通 阅读全文
摘要:
DOM和BOM的区别 在浏览器中运行的JavaScript可以认为由三部分组成:ECMAScript描述了该语言的语法和基本对象,DOM文档对象模型描述了处理网页内容的方法和接口,BOM浏览器对象模型描述了与浏览器进行交互的方法和接口。 DOM DOM是Document Object Model的缩 阅读全文
摘要:
Navigator对象 Navigator对象表示用户代理的状态和标识,其允许脚本查询它和注册自己进行一些活动,可以使用只读的window.navigator属性取得实例化的navigator对象的引用。 属性 navigator.connection: 只读,提供一个Network Informa 阅读全文
摘要:
expr命令 expr命令计算给定表达式并显示其相应的输出,其被使用用于:基本操作像加法、减法、乘法、除法和模等等整数,求值正则表达式,字符串操作,如子字符串,字符串长度等。 语法 expr [EXPRESSION | OPTION] 参数 --help: 输出帮助信息。 --version: 输出 阅读全文
摘要:
ReactRouter的实现 ReactRouter是React的核心组件,主要是作为React的路由管理器,保持UI与URL同步,其拥有简单的API与强大的功能例如代码缓冲加载、动态路由匹配、以及建立正确的位置过渡处理等。 描述 React Router是建立在history对象之上的,简而言之一 阅读全文
摘要:
History对象 History对象允许操作浏览器的曾经在标签页或者框架里访问的会话历史记录。 属性 history.length: 只读,返回一个整数,该整数表示会话历史中元素的数目,包括当前加载的页,例如在一个新的选项卡加载的一个页面中,这个属性返回1。 history.scrollResto 阅读全文
摘要:
实现消息提示组件 在浏览器页面中,通用的消息提示组件一般可以分为静态局部提示和动态全局提示,用于反馈用户需要关注的信息,使用频率较高。 实现 实现消息提示组件,动态全局提示,主要使用原生JavaScript实现,实现的代码基本都作了注释。 <!DOCTYPE html> <html> <head> 阅读全文
摘要:
实现文字滚动播放 实现文字滚动播放,通过使用CSS3动画与Js控制来实现,由于使用CSS动画来控制偏移限制较多,因此通常还是使用Js来实现。 实现 CSS Animation 使用CSS动画方法,使用position: relative配合left属性来控制文字元素距离左侧相对偏移的距离。此方法的主 阅读全文