- 博客(7)
- 收藏
- 关注
原创 前端性能监控
window.performance 是W3C性能小组引入的新的API,目前IE9以上的浏览器都支持Performance.timing 只读属性返回一个 PerformanceTiming 对象,这个对象包括了页面相关的性能信息。navigationStart 前一个网页的卸载时间unloadEventS...
2019-01-20 01:18:51 419
原创 web安全防范
XSS 跨站脚本攻击 简单的说,就是攻击者想尽一切办法将可以执行的代码注入到网页中。持久型也就是攻击的代码被服务端写入进数据库中,这种攻击危害性很大,因为如果网站访问量很大的话,就会导致大量正常访问页面的用户都受到攻击。场景就是在做表单提交的时候 写入一个script标签执行一些恶意代码这种情况如果前后端没有做好防御的话,这段评论就会被存储到数据库中,这样每个打开该页面的...
2019-01-13 18:09:35 617
原创 懂点设计模式
learn《javascript 设计模式与开发实践》学习心得单例模式 案例惰性单例是单例模式的重点,是指在需要的时候才创建实例创建对象和管理单例的指责分布在两个不同的方法中 这两个方法组合起来才具有单例模式的威力场景:比方在一个页面中需要初始化化多个我们自己封装的第三方sdk 类创建弹框的dom对象等等策略模式 案例策略模式的目的就是将算法的实现和...
2019-01-09 16:51:06 385
原创 从 generator 函数 到 redux -saga (六)
同时执行多个任务import { call } from 'redux-saga/effects'// effects 将会同步执行const [users, repos] = yield [ call(fetch, '/users'), call(fetch, '/repos')]saga中的超时处理import { race, call, put } from ...
2019-01-02 14:56:47 365
原创 从 generator 函数 到 redux -saga (五)
redux-saga 中的api 介绍import { delay } from 'redux-saga';import { all, call ,put, takeEvery ,fork,takeLatest ,apply,select,take ,cancel} from "redux-saga/effects";delay 等待时间 接受一个毫秒值为参数 用例:delay(...
2019-01-02 14:36:52 409
原创 从 generator 函数 到 redux -saga (四)
fork 和 takeEvery takeEvery 的作用是每次put 动作执行的的时候 都去调用worker 以下代码可以直接在浏览器运行,执行步骤在代码中做了注释 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="
2019-01-01 21:46:17 468
原创 从 generator 函数 到 redux -saga(三)
take实现原理<html> <head> </head> <body> <div id="test">qwe</div> <script> let $btn = document.getElementById("test"); //cha
2019-01-01 02:19:23 404
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人