关键字:Chrome
  • Web前端的优点有哪些?为什么Web前端可以这么火?
    今天小编要跟大家分享的文章是关于web前端的优点有哪些?为什么Web前端可以这么火?相信小伙伴们对Web前端并不陌生,那么你知道Web前端的有点都有哪些吗?下面就让我们一起来看一看吧! HTML5是唯一一个通吃PC、Mac、iPhone、i ...
  • 前端网络高级篇(三)浏览器缓存
    浏览器缓存有多种形式,持久化或者会话存储。以chrome为例,打开调试面板,找到Application选项卡,就可以看到它所支持的各种缓存模式 缓存方式 详解 使用情况 http缓存 分为强缓存(200)和协商缓存(304),文章后面有详细 ...
  • Web安全之CSRF实例解析
    前言 文章首次发表在 个人博客 之前写过一篇 web安全之XSS实例解析,是通过举的几个简单例子讲解的,同样通过简单得例子来理解和学习CSRF,有小伙伴问实际开发中有没有遇到过XSS和CSRF,答案是有遇到过,不过被测试同学发现了,还有安全 ...
  • JS兼容及常用工具代码封装
    本文目录: 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...
  • 实现一个美化原生拖拽的draggable-polyfill
    拖拽的实现 在HTML5还未普及之前,实现元素的拖拽还算是一件比较麻烦的事,大概思路就是监听鼠标移动相关事件,下面是伪代码 oDiv.onmousedown = function(ev){ //记录起始位置 } document.o ...
  • 第27期 这就是你日思夜想的React原生动态加载 & GraphQL到底怎么使 & 一文从零彻底搞懂前端的内存监控、异常、泄漏
    这就是你日思夜想的 React 原生动态加载 在 React 16.6 版本中,新增了 React.lazy 函数,它能让你像渲染常规组件一样处理动态引入的组件,配合 webpack 的 Code Splitting,只有当组件被加载,对应 ...
  • 一文看懂websocket
    我们先看一下下面这张图: 1.gif 可以看到这是一个简易的聊天室,两个窗口的消息是实时发送与接收的,这个主要就是用我们今天要讲的websocket实现的。 websocket是什么? websocket是一种网络通信协议,我们都知道htt ...
  • 前端基建
    这两三年我自学了一些前端知识,有幸在一个小型团队里经历了从 0 建设前端项目的整个过程。这期写写我在这次经历中的一些体会吧。 代码规范 基建的第一点自然是代码风格了,我记得早些年网上没事还在争吵 tab 是两个空格还是四个空格的问题。虽然听 ...
  • 雅虎军规35条
    yahoo军规一共分8个部分共35条: 内容部分: 1. 尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请 ...
  • Mac创建跨域Chrome快捷启动方式
    前端er开发通常避不开跨域问题,开发阶段,本地代码访问服务器接口会提示跨域,无法获取到想要的数据。之前用Windows开发可以很好的解决,安装Chrome,然后在快捷方式右键属性,在目标一栏最后添加 --args --disable-web ...

暂无数据