上一页 1 2 3 4 5 6 7 8 9 ··· 18 下一页
摘要: 构造字面量对象时使用展开语法 将已有对象的所有可枚举 (enumerable) 属性拷贝到新构造的对象中 浅拷贝 (Shallow-cloning, 不包含 prototype) 和对象合并, 可以使用更简短的展开语法。而不必再使用 Object.assign() 方式 var obj1 = { f 阅读全文
posted @ 2021-03-17 15:46 懒惰ing 阅读(133) 评论(0) 推荐(0)
摘要: state 是组件对象最重要的属性,知识对象(可以包含多个 key-value 的组合) 组件被称为“状态机”,通过更新组件的state来更新对应的页面显示(重新渲染组件) 模拟需求 点击文字,轮番显示今天天气很炎热和今天天气很凉爽 示例 一般写法 class Weather extends Rea 阅读全文
posted @ 2021-03-17 15:11 懒惰ing 阅读(98) 评论(0) 推荐(0)
摘要: React 函数式组件 创建函数式组件 function MyComponent() { console.log(this); // 此处的 this 是 undefined,用为 babel 编译后开启了严格模式 return <h2>我是函数定义的组件(适用于简单组件的定义)</h2>; } 渲 阅读全文
posted @ 2021-03-17 11:57 懒惰ing 阅读(72) 评论(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 阅读(196) 评论(0) 推荐(0)
摘要: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 State 提供唯一的公共数据源,所有共享的数据都要统一放到 Store 的 State 中进行存储 const store = new Vu 阅读全文
posted @ 2021-03-16 14:23 懒惰ing 阅读(106) 评论(0) 推荐(0)
摘要: Web Socket Web Socket(套接字)的目标是通过一个长时连接实现与服务器全双工、双向的通信 Web Socket 得到所有游览器支持 Web Socket使用自定义协议,所以URL方案发生了变化 不能再使用 http:// 或 https://(不安全的连接), 而要使用 ws:// 阅读全文
posted @ 2021-02-28 21:15 懒惰ing 阅读(918) 评论(0) 推荐(0)
摘要: 实现百度模糊下拉框查询 需求: 根据用户输入的值实时查询数据显示在下拉框中 点击下拉框将值写入input并可以拿到对应项的数据 代码实现 class FuzzyQuery { constructor(id) { this.item = null; // 点击的某一项 this.app = docum 阅读全文
posted @ 2021-02-26 10:39 懒惰ing 阅读(206) 评论(0) 推荐(0)
摘要: /** * 现金额大写转换函数 * @param {number} n - 传入的数字 * @return {string} */ function toChineseCapitalization(n) { const fraction = ['角', '分', '厘']; const digit 阅读全文
posted @ 2021-02-25 10:28 懒惰ing 阅读(206) 评论(0) 推荐(0)
摘要: 组合模式 组合模式是以结构化的方式,是单一对象具有树形结构,让单一对象更具有结构性。 组合模式的实例 举个栗子,在雇员和雇主之间是都是存在上下级关系的,如何用代码更直观的表达和关系与关系的操作,这是一个棘手的问题。 但通过组合模式,将关系表达为树状结构将更方便更直观的表达,如下。 class Emp 阅读全文
posted @ 2021-02-05 01:04 懒惰ing 阅读(89) 评论(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 阅读(393) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 ··· 18 下一页