- 博客(6)
- 资源 (3)
- 收藏
- 关注
原创 浏览器渲染进程的线程有哪些?浏览器原理
因此使用单独线程来计时并触发定时器,计时完毕后,添加到事件队列中,等待JS引擎空闲后执行,所以定时器中的任务在设定的时间点不一定能够准时执行,定时器只是在指定时间点将任务添加到事件队列中;当界面需要重绘或由于某种操作引发回流时,该线程就会执行。注意:GUI渲染线程和JS引擎线程是互斥的,当JS引擎执行时GUI线程会被挂起,GUI更新会被保存在一个队列中等到JS引擎空闲时立即被执行。注意:GUI渲染线程与JS引擎线程的互斥关系,所以如果JS执行的时间过长,会造成页面的渲染不连贯,导致页面渲染加载阻塞。
2022-09-18 18:19:09 594 1
原创 Vue.js 运行原理解析、vue源码剖析
从来没有了解过 Vue.js 实现的同学可能会对一些内容感到疑惑,这是很正常的,这一节的目的主要是为了让大家对整个流程有一个大概的认识,算是一个概览预备的过程,当把整本小册认真读完以后,再来阅读这一节,相信会有收获的。这个时候就要介绍我们的「patch」了。optimize 的主要作用是标记 static 静态节点,这是 Vue 在编译过程中的一处优化,后面当 update 更新界面时,会有一个 patch 的过程, diff 算法会直接跳过静态节点,从而减少了比较的过程,优化了 patch 的性能。
2022-09-18 18:04:36 921
原创 微信小程序富文本编辑起edit、rich-text使用
本篇主要分享如何在微信小程序使用富文本编辑器效果如下:话不多说直接上代码edit.wxml代码如下<form bindsubmit="submit"> <view class="selectview"> <text class="text">模块{{answer.module}}</text> <view class="select"> <select bind:callSelect="selectMo
2021-01-04 21:04:44 1262
原创 webpack使用介绍2
webpack开发服务器webpack 使用 babel 处理高版本的 js 语法babel 的介绍 => 用于处理高版本 js语法 的兼容性安装包yarn add -D babel-loader @babel/core @babel/preset-env配置规则module: { rules: [ { test: /\.js$/, exclude: /(node_modules|bower_components)/, use: {
2021-01-04 20:51:03 126
原创 前端自适应postcss-pxtorem使用介绍
安装插件yarn add lib-flexible postcss-px2rem在 public 中的 index.html 中删除 meta 标签flexible会为页面根据屏幕自动添加<meta name='viewport' >标签,动态控制initial-scale,maximum-scale,minimum-scale等属性的值。在 src / main.js 中导入插件包// 导入 rem 的 js, 动态的设置了, 不同屏幕的html根元素的 font-si..
2021-01-04 20:44:07 1542
原创 前端面试题
1、模块化2、执行栈3、异步代码执行顺序,什么是Event Loop(浏览器)4、node中的Event Loop5、typeof 类型判断6、类型转换7、this8、和=的区别9、闭包10、深浅拷贝11、原型12、原型继承和class继承13、var、let、const的区别14、手写call、apply、bind函数15、call、apply、bind区别...
2020-12-05 15:36:00 135
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人