前端
zenkle
这个作者很懒,什么都没留下…
展开
-
前端路由
前端路主要分为两个方式。一个是hash,一个是history(更改url但不刷新页面)1、hashhash在写法上主要是'#/.......'这么一个形式。原先是作锚点使用。主要体现方式就是超链接形式<a href='#/.......' >aaa</a>。点击aaa的时候会跳转到对应的连接地址同时浏览器的url也会相应改变同时hash方法提供onhashc...翻译 2020-03-13 14:55:48 · 226 阅读 · 0 评论 -
水平居中元素
<body> <div class="text">aaaaaa</div></body>1、.text{ width:500px; margin:0 auto; text-align: center; }2、 .text{ ...原创 2019-06-13 13:53:45 · 202 阅读 · 0 评论 -
事件捕获—>事件处理—>事件冒泡
事件冒泡:当子元素与父元素有相同的事件时,当子元素被触发时父元素也会被触发冒泡机制点击子——弹出父<!DOCTYPE html><html><head> <title>1</title> <meta charset="UTF-8"> </head><body>...原创 2019-06-13 18:48:13 · 352 阅读 · 0 评论 -
js代码写入body失效
由于html执行自下而上,优先执行完js搜索不到html中的内容,事件绑定等无效解决:1、写在html后2、window.onload=function(){函数体}、window.onload在页面内容加载完成后立即执行...原创 2019-06-13 19:13:45 · 745 阅读 · 0 评论 -
异步
什么是单线程,和异步有什么关系单线程——同一时间只能做一件事情 使用单线程原因——浏览器需要渲染dom,js可以修改dom结构,js执行时浏览器dom渲染会停止,两段js不能同时执行,为避免dom渲染冲突js只能单线程并且与浏览器渲染在同一个线程中。webworker支持多线程但不能访问dom 解决方案——异步什么是eventloop——事件轮询,js实现异步的具体解决方案同步代码,直接...原创 2019-06-25 11:01:01 · 103 阅读 · 0 评论 -
ajax本地请求json数据报错
在本地写了json数据,使用ajax调用时报错Access to XMLHttpRequest at 'file:///……/data.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, da...原创 2019-06-23 21:24:23 · 1399 阅读 · 0 评论 -
浏览器输入网址到显示在页面发生全过程
通过dns域名解析ip浏览器会递归查询也就是浏览器只跟本地域名服务器请求ip地址本地域名服务器没有,本地域名服务器自己会执行迭代查询,一级一级向下查找根dns服务器、顶级域名服务器(.com)、二级域名(baidu.com)……知道最终找到ip地址本地域名服务器找到后将其返回给浏览器并缓存到本地供下次查询使用浏览器根据ip建立tcp连接(三次握手)通过三次握手连接服务器指定端口...原创 2019-08-28 12:36:12 · 320 阅读 · 0 评论 -
重绘和回流
在将render树渲染到页面时,通过回流从根节点遍历整颗render树计算得到每个节点的位置和大小,重绘会获取到元素外观也就是说节点只更改外观不会影响布局会引起重绘,样式布局改变或是几何属性改变会引起回流,回流一定会导致重绘常见引起回流和重绘的操作:https://www.cnblogs.com/stitchgogo/p/7920828.html1、页面首次渲染2、节点的位置...原创 2019-08-28 16:36:42 · 76 阅读 · 0 评论