EWL Blog

终于,见到你了呢

redux学习理解01

redux-study

redux的学习实现第一课:理解dispatch对于状态控制的影响 首先,使用create-react-app创建一个新的react项目,将public中的Index.html改为如下结构: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <...

d3的学习与实践01

d3-study

内容要点 d3图表的一些更为复杂的操作,希望此次的学习内容可以在之后的分享里面为大家提供一些绘图和可视化操作上的思路,并且希望得到大家的指正和建议 内容详情这里 三种类型的图表绘制 三个图表对应的代码链接如下: 图1 图2 图3 相关的api记录(上一次学习总结中的api不再仔细介绍) d3.extent(array[, accessor]...

关于冴羽的博客系列之underscore的防抖部分内容回顾学习

underscore的防抖

第一步:保证在n秒之后再响应事件,而非一点触发就进行响应操作 var count = 1; var container = document.getElementById('container'); function getUserAction() { container.innerHTML = count++; }; // container.onmousemove = get...

NodeJs入门第一课

NodeJs慕课课程笔记

nodejs对于前端开发的好处 前端职责扩大,统一开发体验 适合于高并发 I/O密集的场景(web就是典型的I/O密集场景,例如读取静态资源、网络请求I/O等等) nodejs简要相关 nodejs自己的模块规范是CommonJS。 global对象是nodejs的全局对象,类似于浏览器上的window,上面挂载着常用的全局属性和方法 本次的学习内容是从环境以及调试入手,分别有以下内容:...

HTTP图解阅读笔记(1)

HTTP图解

虚拟主机 在使用了虚拟主机之后,会出现一台服务器上托管多个域名,而一个服务器的IP是固定的,这也就是说,当客户端向服务端发起请求之后,请求到达服务端时需要去区别同一个IP下究竟需要访问哪一个域名。 在相同的 IP 地址下,由于虚拟主机可以寄存多个不同主机名和域名的 Web 网站,因此在发送 HTTP 请求时,必须在Host 首部内完整指定主机名或域名的 URI。(URI统一资源标识符) ...

事件绑定回顾以及sertTimtout相关

事件

不提倡的HTML事件绑定 <div class="event" onclick="alert('I was clicked!!!');"> this is a event wrapper and its HTML event </div> DOM0-2级 DOM 0 级 <div class="event" id="do...

关于CORS的理解

跨域

CORS(cross-origin-resource-sharing) 从我的理解上讲,就是在违反同源规则的情况下,从另一个域名下拿到资源信息。 在CORS的角度讲,分为两种请求: 简单请求 非简单请求 简单请求 条件一: 请求方法是以下三种方法之一: —- HEAD —- GET —- POST 条件二: HTTP的头信息不超出以下几种字段: —- Accept —...

setState方法的学习(来自文档的翻译)

setState方法的学习(来自文档的翻译)

React文档对于setState的解释和应用 setState()会对组件状态的改变进行排列然后噶欧式React该组件和它的子组件需要基于更新过后的状态进行重新渲染。这是在响应事件处理和服务器响应后对用户界面进行更新的基本方法。 要将setState()方法当成是一次请求而非一个更新组件的即时指令。为了更好的性能体验,React会将其延迟,然后一次性更新多个组件。React并不能够保证状...

Object的常用方法

Object的常用方法

Object的常用方法 Object.assign(target, …source) 参数:target表示目标对象,source表示源对象群组 返回值:目标对象。 复制一个简单对象 //复制一个对象 let obj = { name: 'name', age: 22, job: 'engineer', }; let obj01 = { name: 'n...

CSS性能优化

CSS性能优化

css性能优化 CSS选择器性能 对于整体的性能影响实际上主要体现在DOM渲染查找时的复杂度,比如嵌套要控制层数,规范化选择器的书写以及提高css代码的可维护性和健壮性。 1.不必要的标签加选择器 ``` //bad ul#list-wrap { color: #ddd; } ul.list-container { color: #ccc; } //good #li...