![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识
初漾
编程使我快乐,越研究越嗨皮
展开
-
React是如何工作的(1)
一些概念宿主树:一棵会随时间变化的树,它是react程序输出的。树具体是什么样子呢,是一棵DOM树,或者JSON对象等等,其他类型比如ios视图层,web不涉及,暂时不做深入探讨。宿主实例:其实是DOM环境中的DOM节点,有自己的属性。React元素:是一个javascript对象,用来描述宿主实例特点宿主树特点宿主树是稳定的,绝大多数情况的UI更新,不会从根本上改变整个树的结构。通用性。宿主树可被拆分为一些常见的,可复用的UI模式,比如按钮,列表,表单之类。React元素特点不转载 2020-09-20 19:43:40 · 316 阅读 · 0 评论 -
绿盟前端笔试题
1.set-cookie属于响应头字段,cookie属于请求头字段 2.为什么使用网页验证码,说明其原理 3.var myPromise1 = new Promise(function(resolve,reject){ setTimeout(resolve,500,"one");});var myPromise2=new Promise(function(resolve,reject)原创 2017-09-16 16:52:05 · 1106 阅读 · 0 评论 -
老生常谈-从输入url到页面展示到底发生了什么
转自:http://www.cnblogs.com/xianyulaodi/p/6547807.html转载 2017-05-11 22:15:42 · 475 阅读 · 0 评论 -
CVTE前端面试
1.清除浮动的方法,BFC原理 2.写一个闭包的例子,如何释放闭包中的变量 3.跨域的方法及原理,jsonp对服务器代码有更改吗? 4.将一个数字每隔3位添加逗号 5.如何保证cookie的安全性原创 2017-09-18 13:39:59 · 4748 阅读 · 0 评论 -
响应式布局的方式
一、利用@media进行断点,在每个断点中编写css@media (max-width:768px){ //css}在MDN,@media上,发现很多值都可以做判断的。宽,高,宽高比,颜色(这个是指定输出设备每个像素单位的比特值),是否横屏或竖屏,还有很多,可以去MDN看看。 二、原创 2017-08-01 10:21:54 · 464 阅读 · 0 评论 -
明略数据笔试题
DOCTYPE有几种值,作用是什么? position的值,作用? cookie的优缺点?原创 2017-10-11 22:12:39 · 1448 阅读 · 0 评论 -
Browser对象
Window 对象Window 对象表示浏览器中打开的窗口。 如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。History 对象History 对象包含用户(在浏览器窗口中)访问过的 URL。 History 对象是 window 对象的一部分,可通过 window.history转载 2017-10-13 22:13:05 · 1316 阅读 · 0 评论 -
Cookie常用属性
参考:http://www.studyofnet.com/news/1053.html原创 2017-10-13 15:47:50 · 1942 阅读 · 0 评论 -
面试必备:HTTP协议-cookie
转自:http://www.sohu.com/a/126962490_587449原创 2017-10-13 16:01:23 · 381 阅读 · 0 评论 -
cookies ,localstorage和sessionstorage对比
题目点评这是一种对比性比较强的问题,可以先说他们的相同点,然后就是要详细阐述他们的不同点,而不同点不要刻意去对比,只要说出各自的特点,自然他们的不同点就出来了。解决方法相同点:都存储在客户端不同点:1.存储大小cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以转载 2017-05-11 15:04:40 · 396 阅读 · 1 评论 -
为什么说 DOM 操作很慢
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来。首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint)。下面主要先介绍下这些浏览器行为,阐述一个页面是怎么最终被呈现出来的,另外还会从代码的角度,来说明一些不好的实践转载 2017-08-06 21:43:43 · 319 阅读 · 0 评论 -
高性能JavaScript 重排与重绘
先回顾下前文高性能JavaScript DOM编程,主要提了两点优化,一是尽量减少DOM的访问,而把运算放在ECMAScript这一端,二是尽量缓存局部变量,比如length等等,最后介绍了两个新的API querySelector()以及querySelectorAll(),在做组合选择的时候可以大胆使用。而本文主要讲的是DOM编程可能最耗时的地方,重排和重绘。1、什么是重排和重绘浏览器下载完页面转载 2017-08-06 17:31:00 · 356 阅读 · 0 评论 -
前端的方向
前端安全 XSS,CSRF前端优化 Yslow,Pagespeed前端MVC框架 Angular, Backbone, ReactHTML5游戏 Threejs前端类库 Jquery(专注DOM操作),Underscore(工具类),Requirejs、Seajs(模块化)前端工程化 Grunt,Gulp,Yeoman, FISCSS UI库 Semantic-Org/Semantic-UI转载 2017-04-22 10:07:37 · 403 阅读 · 0 评论 -
触发浏览器重绘的操作?
1.获取元素的offsetHeight属性let rf = el.offsetHeight; // 主动触发浏览器重绘原创 2017-05-26 16:38:51 · 4828 阅读 · 0 评论 -
如何实现缓存机制?
从200缓存,到cache到etag再到www.cnblogs.com/vajoy/p/5341664.html转载 2017-05-19 21:42:05 · 512 阅读 · 0 评论 -
理解Web路由
参考:http://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651225284&idx=1&sn=a842847bc3d11a9f3d3a74d4e3105543&chksm=bd49a5408a3e2c5688585074f2c18bc85e5b47b4e77580e301628a1bafe0e8b40d160ff34c3c&mpshare=转载 2017-05-19 10:10:51 · 870 阅读 · 0 评论 -
浏览器怎么加载页面的?
参考:http://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=2651552072&idx=2&sn=c3d09301b6b80fe5f58ee3213fc3cde3&chksm=8025ae89b752279f922c58365ffe396d072a55e4c4caa33f677d1e43f124ac9ae6a0021b6dc6&mpshare=转载 2017-05-20 10:21:16 · 522 阅读 · 0 评论 -
前端学习网站和资源
1. 张鑫旭的博客 2. w3cplus3.w3c和菜鸟教程查css和js中API的使用 4.segmentdefault看一些技术问答和文章 5.查看mdn文档。5.看慕课网博客推荐的视频,文章6.著名的CSS属性可用性查询网站caniuse7.微信公众号:前端大全,前端早读课原创 2017-06-07 16:31:46 · 361 阅读 · 0 评论 -
浏览器解析渲染页面过程
转自:https://segmentfault.com/a/1190000006879700在浏览器没有完整接受全部HTML文档时,它就已经开始显示这个页面了,浏览器是如何把页面呈现在屏幕上的呢?不同浏览器可能解析的过程不太一样,这里我们只介绍webkit的渲染过程,下图对应的就是WebKit渲染的过程,这个过程包括:解析html以构建dom树 -> 构建render树 -> 布局render树 -转载 2017-07-15 08:32:52 · 2647 阅读 · 0 评论 -
对前端的新认识?
对前端的理解真正的前端,应该是负责人机交互的,和交互与体验走的更近,而这类职位就需要兼顾代码和设计,是个交叉职位,和传统意义上的程序员其实并不是一路的,通常玩不到一块的,反而和设计师走的比较近,哈哈。原创 2017-08-08 14:50:17 · 517 阅读 · 0 评论 -
浅谈Web自适应
转自:http://www.cnblogs.com/constantince/p/5708930.html转载 2017-08-05 15:39:30 · 233 阅读 · 0 评论 -
节流函数
!DOCTYPE html> throttle var COUNT = 0, demo = document.getElementById('demo'); function testFn() {demo.innerHTML += 'testFN 被调用了 ' + ++COUNT + '次';} var throttle = function (fn,转载 2017-05-02 09:30:44 · 641 阅读 · 0 评论