随笔分类 - Font-end
摘要：csrf(跨站请求伪造) xss (cross site script) 跨站点脚本攻击
阅读全文
摘要：前言 1. 不同的元素类型决定不同的任务类型 2. react 的元素类型有 class component , function component ,Dom nodes, portal等等 要理解 fiber 调度算法，首先要了解实现该算法的数据结构: jsx -> react element
阅读全文
摘要：redux questions : 1. reducers 函数如何创建和聚合 2. action创建函数如何如何包裹在dispatch函数中 3. 如何给默认的dispatch方法增加中间件能力 middleware: （js context）中间件由函数组合的形式创建,实现与主要执行任务正交的功
阅读全文
摘要：React 为在有限的资源情况下，更好地控制UI的更新，提出了时间分片的概念。以达到三个目标： performing non-blocking rendering（无阻塞渲染）；applying updates based on the priority（根据优先级渲染）；pre-rendering
阅读全文
摘要：React是web前端UI库，关注的是如何高效地根据数据渲染UI界面。virtual dom 与高效的diff算法结合，使得当数据发生变更时，react 能通过简洁高效的算法找出dom中真正变更的部分，同时根据变更批量进行dom操作渲染UI界面。 传统的根据一个树形结构到另外一个树形结构的装换操作是
阅读全文
摘要：NGINX 把http请求处理流程划分为11个阶段，逻辑细分，以模块为单位进行处理。各个阶段可以包含多个http模块，每个阶段以流水线的形式处理请求。这样的分层处理模式与计算机网络的7层模式类似，每个模块以正交的方式处理请求，带来了低耦合，模块之间的低耦合带来灵活性。 1. NGX_HTTP_POS
阅读全文
摘要：JavaScript的网络请求是异步的，即网络请求不会阻塞当前 js 代码的继续执行，而是通过回调的方式，在网络请求的代码块中注入回调函数，当网络请求完成，会触发相应的事件，通过触发事件来执行注册的回调函数。回调的执行时间是不确定的，因此会影响程序的执行逻辑，另一方面，如果回调依赖过多，或导致很深的
阅读全文
摘要：前言 要理解webpack 首先明白三个概念：module，chunk，bundles，即输入，中间态，输出。 chunk: This webpack-specific term is uesd internallt to manage the bunding process. Bundles ar
阅读全文
摘要：1.web worker 在浏览器中JavaScript主线程与UI渲染线程是互斥的。即UI渲染线程会阻塞JavaScript线程的运行。 web worker允许创建工作线程，并可以与JavaScript主线程同时运行，可以让一些占用大量计算资源的计算在worker线程上运行。 worker线程的
阅读全文
摘要：1. const and let 除了函数作用域之外，增加了块级作用域和常量。const 定义的绑定不可以修改，let定义的绑定在{ }不能访问。之前的 var 如果不在函数作用域内，相当于定义了一个全局变量，并且有变量提升（将变量的声明提升至所在函数的最前面）。 2. 数组函数 新增了一些数组处理
阅读全文
摘要：0 引言 实现双向数据绑定的方法有： 1.发布者 订阅者模式(backbone.js) 2.脏值检查(Angular) 3.数据劫持(vue) 1 Angular是通过脏值检测的方式对比数据是否有变更，来决定是否更新视图 最简单的的方式就是通过setInterval()定时轮询检测数据变动。 Ang
阅读全文
摘要：前言: JavaScript 除了null和undefined之外，其他变量都可以当做对象使用。 JavaScript 的基本数据类型有：number boolean string null undefined ,其他所有值都是对象。 JavaScript 的 typeof 只能判断 number
阅读全文
摘要：1.加载优化 1.1 减少HTTP请求 (a)合并CSS，JavaScript (b)合并小图片，使用雪碧图（即将小图片合成一个小图片，加载后通过坐标获取各个小图片） 1.2 使用缓存 使用缓存可以减少向服务器发送的请求数，节省加载时间，所以所有静态资源都要在浏览器端设置缓存，并且尽量使用长cach
阅读全文
摘要：0 两个小知识点 <meta>提供了有关页面的元信息，比如针对搜索引擎和更新频率的描述和关键词。 Linux top 是Linux 下常用的性能分析工具，能实时显示系统中各个进程的资源占用情况，用途是看哪些进程最耗CPU资源，占用的内存最多。 top -P 按%CPU使用率排行，根据CPU使用百分比
阅读全文
摘要：1.代码是如何变成网页的 <1>页面生成分为5步 HTML 解析为 DOM Tree; Css 代码转化为CSS OM (css object model) DOM Tree 与 CSS OM 合成一颗渲染树 生成页面布局，即将所有的渲染树所有节点进行页面合成 将布局绘制到屏幕上 补充浏览器的渲染过
阅读全文
摘要：1.css CSS 样式重置的是一些默认带有margin值的元素，而 li 默认没有 margin 值。 2.css 样式优先级 优先级是基于不同选择器组成的匹配元素规则。优先级高的css样式，将覆盖优先级低的css样式，成为最终dom元素在网页中显示的样式。（误区，简单认为定义顺序靠后的css样式
阅读全文
摘要：1.概念 将网页看成一个三维空间，z-index相当于设置元素在z 轴上的坐标。因此有了3个概念：层叠上下文，层叠层，层叠次序； 层叠次序如下： 1>背景和边框：形成层叠上下文的元素的背景和边框，层叠上下文中最低等级。 2>负z-index值：层叠上下文内设置了负z-index的子元素。 3>块级元
阅读全文
摘要：XSS cross-site scripting 跨站点脚本，为了避免与css冲突，命名为XSS。它是将恶意代码作为一个网页内容，这些恶意代码会注入到用户的浏览器中并执行，从而使用户受到攻击，常见的有窃取用户的cookie。对web服务器无直接危害。 解决方法： 在服务器端通过filter过滤检查提
阅读全文
摘要：HTML • HTML5新增了哪些内容或API，使用过哪些 Html5 的目的是将互联网内容语义化，更好的为人类和机器阅读，同时更好的支持各种媒体的嵌入。 新的API： • HTML Geolocation //获取用户的地理位置 • HTML Drag and Drop • HTML Local
阅读全文
摘要：1. javascript的typeof返回哪些数据类型？ number string function object undefined boolean 2. 什么是盒子模型？ 在一个html文档中，每一个元素都被标示为一个矩形的盒子；矩形盒子由外边距(margin)，边框(border)，内边距
阅读全文
浙公网安备 33010602011771号