
小白菜H5
文章平均质量分 89
那谁家的,小谁
小萌新,小梦想,一颗想成为前端架构师的小白菜
展开
-
innerText和textContent的不同
一、innerText和textContent的不同不同之一,调用对象不同。innerText只有HTML元素才可以调用,但是textContent任意Node节点都可以:HTMLElement.innerText和Node.textContent。不同之二,值获取规则不同。1. 规则差异之块级元素与换行符已知有下面一段HTML:<p id="dom">一段文...原创 2019-10-18 13:29:39 · 2702 阅读 · 0 评论 -
前端面试笔记
你有哪些性能优化的方法?回答一:(1)、减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。(2)、前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数(3)、用innerHTML代替DOM操作,减少DOM操作次数,优化ja...原创 2019-05-04 12:43:21 · 432 阅读 · 0 评论 -
牛客网笔记
请用 HTML5/CSS3 实现一个双栏布局,顶部有导航栏,底部有网站简介。要求如下:PC 上,侧边栏在左侧,宽度固定,主内容在右侧,宽度自适应,内容区域高度不定手机上,所有区域竖排,依次是内容、导航、侧边栏、底部(假定宽度低于 480px 的设备是手机)答案:结构: 使用 HTML5 语义标签或者使用体现语义的类名,加分 如下写了 viewport 的 meta,加分 样式...原创 2019-04-02 19:47:09 · 269 阅读 · 0 评论 -
JavaScript 事件模型
JavaScript 事件模型 事件处理机制原文链接https://blog.youkuaiyun.com/chenmoquan/article/details/10162477通过这篇文章对Javascript的事件处理机制渐渐清晰了,果断收藏转发DOM事件流DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根节点之间按特定的顺序传播,路径所经过...转载 2019-04-02 20:16:06 · 229 阅读 · 0 评论 -
探究ios -webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug
探究ios -webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug最常见的例子就是,在safari上,使用了-webkit-overflow-scrolling:touch之后,页面在上下边界处偶尔会卡住不动。 在safari上,点击其他区域,再在滚动区域滑动,滚动条无法滚动的bug。 通过动态添加内容撑开容器,结果根本不能滑动的bug。在网...原创 2019-08-28 17:56:55 · 7857 阅读 · 1 评论