- 博客(21)
- 资源 (3)
- 收藏
- 关注
原创 vue中调用百度地图api
最近呢,由于工作需要,自己搭一个简单的h5应用给公司的客户,方便预约来访时间,然后写了小半年react-native的我,终于能写web了…(题外话题外话),然后我就欣然拿起久未使用的vue(好吧,还是用了半天时间复习复习的,毕竟忘得比较快),回归正题,有这么一个需求,需要用到地图功能,然后呢按要求接入了百度地图,下面就简单的说说简单的应用,给自己留个笔记,不然再忘了还要去百度别人的…1.首先你要成为百度开发者具体的步骤官方说的蛮详细的,去官网看一下好啦,就是注册申请然后创建个应用拿到ak就好了--.
2022-03-01 18:42:40
951
原创 react-native停止动画方法
//方法1 Animated.timing(this.state.value).stop(); //方法2 this.state.value.stopAnimation(); //方法3 this.state.value.setValue(200);
2021-11-18 13:53:11
801
原创 promise实现超级棒的红绿灯(我不要你觉得)
今天学promise,事件轮询…叫苦不迭,这理解起来着实是需要费好大一番劲儿啊~~~不过呢,在我的不懈努力之下,终于参破了promise一点点点的知识,赶紧做个实例练习,记录下来!依然是思路写在注释上,上代码!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>red-green-yellow</title></head
2020-12-01 18:36:10
412
原创 浏览器渲染的一个大致过程
按照渲染的时间顺序,流水线可分为如下几个子阶段:构建 DOM 树、样式计算、布局阶段、分层、栅格化和显示。渲染进程将 HTML 内容转换为能够读懂DOM 树结构。渲染引擎将 CSS 样式表转化为浏览器可以理解的styleSheets,计算出 DOM 节点的样式。创建布局树,并计算元素的布局信息。对布局树进行分层,并生成分层树。为每个图层生成绘制列表,并将其提交到合成线程。合成线程将图层分图块,并栅格化将图块转换成位图。合成线程发送绘制图块命令给浏览器进程。浏览器进程根据指令生成页面,并显示
2020-11-07 14:57:29
217
原创 几种主流浏览器内核介绍
浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页的动态效果。最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS
2020-11-07 14:49:54
404
原创 回流(重排)与重绘是什么
回流:当我们对 DOM 的修改引发了 DOM 几何尺寸的变化(比如修改元素的宽、高或隐藏元素等)时,浏览器需要重新计算元素的几何属性(其他元素的几何属性和位置也会因此受到影响),然后再将计算的结果绘制出来。这个过程就是回流(也叫重排)。重绘:当我们对 DOM 的修改导致了样式的变化、却并未影响其几何属性(比如修改了颜色或背景色)时,浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式。这个过程叫做重绘。由此我们可以看出,重绘不一定导致回流,回流一定会导致重绘。常见的会导致回流的元素:常见的
2020-11-07 14:48:01
477
原创 如何理解web标准
Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTML。表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。行为标准:行为是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两个部分理想状态我们的源码: .html .css .js...
2020-11-07 14:42:31
197
原创 面试题:Cookie、sessionStorage、localStorage区别
Cookie、sessionStorage、localStorage
2020-10-20 21:58:07
456
1
原创 HTML+CSS+JavaScript实现网页简单放大镜效果
HTML+CSS+JavaScript(offset属性+监听事件) 实现网页简单放大镜效果
2020-10-17 16:53:40
1063
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人