摘要: 一、JSX如何生成element 这里是一段写在render里的jsx代码。 首先,它会经过babel编译成React.createElement的表达式。 createElement 从它的名字就可以看出,这是用来生成element的。element在React里,其实就是组成虚拟DOM 树的节点 阅读全文
posted @ 2020-05-21 14:00 Sun~_~ 阅读(1783) 评论(0) 推荐(0) 编辑
摘要: React 的工作原理 React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时,React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变,第二步是调节(reconciliation),会用 diff 的结果来更新 DOM。 使用 React 有何优 阅读全文
posted @ 2020-05-21 11:21 Sun~_~ 阅读(789) 评论(0) 推荐(0) 编辑
摘要: WebSocket 协议在2008年诞生,2011年成为国际标准。所有浏览器都已经支持了。 它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于 "服务器推送技术" 的一种。 其他特点包括: 1. 建立在 TCP 协议之上,服务器端的实现比较 阅读全文
posted @ 2020-05-20 11:26 Sun~_~ 阅读(140) 评论(0) 推荐(0) 编辑
摘要: gulp 批量添加类名 在一个任务中使用多个文件来源 阅读全文
posted @ 2019-06-17 12:51 Sun~_~ 阅读(817) 评论(1) 推荐(0) 编辑
摘要: Chrome浏览器取消INPUT自动记忆下拉框 阅读全文
posted @ 2019-02-15 15:03 Sun~_~ 阅读(3951) 评论(2) 推荐(0) 编辑
摘要: @angular/cdk/drag-drop模块可以帮助我们在水平/垂直列表中拖动单个项目或对其进行排序,在列表之间传递项目,显示动画、预览、占位符、自定义拖放句柄。在本教程中,我们将创建许多简单的例子来展示如何使用Angular 7 Material CDK – Drag and Drop。 阅读全文
posted @ 2019-02-13 17:25 Sun~_~ 阅读(1707) 评论(0) 推荐(1) 编辑
摘要: 使用input数字number类型的时候maxlength无效,假设需要控制输入数量为18,可以用以下方式: 无效: <input type="text" maxlength="18" /> 效果ok,当 <input type="number" maxlength="18" /> 有效: <inp 阅读全文
posted @ 2018-07-24 11:08 Sun~_~ 阅读(438) 评论(0) 推荐(0) 编辑
摘要: 整体逻辑:service提供FileReader函数,directive提供点击事件的绑定和监听,controller用来修改html上的ng-src属性值 1.HTML 2.AngularJS 1)Controller 2)Directive 3)Service 阅读全文
posted @ 2018-06-19 14:08 Sun~_~ 阅读(158) 评论(0) 推荐(0) 编辑
摘要: var num = 10000000,arr = []; for(i=0;i<num;i++){ arr[i] = i+2; } //1) 使用 for 循环 function test1() { var d1 = new Date(); var sum = 0; for (var i = 0; i 阅读全文
posted @ 2018-03-01 13:07 Sun~_~ 阅读(622) 评论(0) 推荐(0) 编辑
摘要: function cssReady(fn, link) { var d = document, t = d.createStyleSheet, r = t ? 'rules' : 'cssRules', s = t ? 'styleSheet' : 'sheet', l = d.getElement 阅读全文
posted @ 2018-03-01 13:05 Sun~_~ 阅读(404) 评论(0) 推荐(0) 编辑