上一页 1 2 3 4 5 6 7 8 9 ··· 17 下一页
摘要: state 是组件对象最重要的属性,知识对象(可以包含多个 key-value 的组合) 组件被称为“状态机”,通过更新组件的state来更新对应的页面显示(重新渲染组件) 模拟需求 点击文字,轮番显示今天天气很炎热和今天天气很凉爽 示例 一般写法 class Weather extends Rea 阅读全文
posted @ 2021-03-17 15:11 懒惰ing 阅读(94) 评论(0) 推荐(0) 编辑
摘要: React 函数式组件 创建函数式组件 function MyComponent() { console.log(this); // 此处的 this 是 undefined,用为 babel 编译后开启了严格模式 return <h2>我是函数定义的组件(适用于简单组件的定义)</h2>; } 渲 阅读全文
posted @ 2021-03-17 11:57 懒惰ing 阅读(60) 评论(0) 推荐(0) 编辑
摘要: jsx 全称:JavaScript XML react 定义的一种类似于 XML 的 js 扩展语法:js + XML jsx 语法规则 定义虚拟 DOM 时, 不要写引号 <body> <div id="test"></div> <script type="text/babel"> // 创建虚拟 阅读全文
posted @ 2021-03-16 20:40 懒惰ing 阅读(183) 评论(0) 推荐(0) 编辑
摘要: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 State 提供唯一的公共数据源,所有共享的数据都要统一放到 Store 的 State 中进行存储 const store = new Vu 阅读全文
posted @ 2021-03-16 14:23 懒惰ing 阅读(94) 评论(0) 推荐(0) 编辑
摘要: Web Socket Web Socket(套接字)的目标是通过一个长时连接实现与服务器全双工、双向的通信 Web Socket 得到所有游览器支持 Web Socket使用自定义协议,所以URL方案发生了变化 不能再使用 http:// 或 https://(不安全的连接), 而要使用 ws:// 阅读全文
posted @ 2021-02-28 21:15 懒惰ing 阅读(770) 评论(0) 推荐(0) 编辑
摘要: 实现百度模糊下拉框查询 需求: 根据用户输入的值实时查询数据显示在下拉框中 点击下拉框将值写入input并可以拿到对应项的数据 代码实现 class FuzzyQuery { constructor(id) { this.item = null; // 点击的某一项 this.app = docum 阅读全文
posted @ 2021-02-26 10:39 懒惰ing 阅读(198) 评论(0) 推荐(0) 编辑
摘要: /** * 现金额大写转换函数 * @param {number} n - 传入的数字 * @return {string} */ function toChineseCapitalization(n) { const fraction = ['角', '分', '厘']; const digit 阅读全文
posted @ 2021-02-25 10:28 懒惰ing 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 组合模式 组合模式是以结构化的方式,是单一对象具有树形结构,让单一对象更具有结构性。 组合模式的实例 举个栗子,在雇员和雇主之间是都是存在上下级关系的,如何用代码更直观的表达和关系与关系的操作,这是一个棘手的问题。 但通过组合模式,将关系表达为树状结构将更方便更直观的表达,如下。 class Emp 阅读全文
posted @ 2021-02-05 01:04 懒惰ing 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 让你的js更酷 if多条件判断 // 冗余 if (x 'abc' || x 'def' || x 'ghi' || x 'jkl') {} // 简洁 if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {} if...else... // 冗余 let t 阅读全文
posted @ 2021-02-04 11:32 懒惰ing 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 桥接模式 桥接模式的设计目的施不让下层组件组件的变化,影响上层的调用。 桥接模式的实例 假设我有两个类,但是它们有很多不确定性,可能在后续会变修改,如下: class RedCirlce { drawCircle(redius, x, y) { console.log(`Drawing Circle 阅读全文
posted @ 2021-02-03 23:17 懒惰ing 阅读(85) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 17 下一页