- 博客(18)
- 收藏
- 关注
原创 Web Worker - 让前端实现多线程
javascript是单线程模型。所有任务只能在同一个线程上面完成,前面的任务没有做完,后面的就只能等待,这样当我们执行一些时间较长的js运算时候呢就会阻塞后面执行的代码。那么如何解决呢?我们可以使用 web workerWebWorker 实际上是运行在浏览器后台的一个单独的线程,因此可以执行一些耗时的操作而不会阻塞主线程。WebWorker 通过与主线程之间传递消息实现通信,这种通信是双向的。
2025-01-02 10:58:48
1231
原创 Whistle
好多人认为whistle是抓包工具,殊不知抓包只是whistle能力的冰山一角。除了抓包外,它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。总而言之,使用whistle能够提升我们的开发效率,改善开发体验。whistle一出手就是抓包工具的极限,那年它双手插兜不知道什么是对手(doge)。
2024-12-05 10:40:58
1079
原创 VUE3面试题
虚拟dom是用JavaScript语言描述的一个树形结构,用于缓存发生变化的响应式数据,当到达下次刷新周期的时候,一次性把所有发生变化的数据同步到实际dom上。diff算法是同步vdom和dom数据的算法,采用就地复用的策略实现高效同步。网页的渲染流程一般分两部,先从网络加载网页,然后渲染。异步组件指的是,首次加载和渲染网页的时候,不从网络上加载该组件对应的JavaScript文件,而是等到需要显示该组件的时候,再从网络上加载该组件并渲染显示出来。
2023-09-18 14:09:01
171
原创 前端页面,用 JavaScript 在调试 Bug 时有哪些小技巧?
只要在代码中添加debugger,chrome在运行的时候会自动停在那里。还可以用条件语句把它包裹起来,这样就可以在需要的时候才执行它。
2023-09-12 14:24:44
273
原创 10 个超级实用的 reduce 使用技巧
reduce 是数组的方法,可以对数组中的每个元素依次执行一个回调函数,从左到右依次累积计算出一个最终的值。
2023-05-16 13:44:09
253
原创 前端ngnix部署
worker进程的数量events {# 事件区块开始# 每个worker进程支持的最大连接数 } # 事件区块结束http {# HTTP区块开始# Nginx支持的媒体类型库文件# 默认的媒体类型# 开启高效传输模式# 连接超时server {# 第一个Server区块开始,表示一个独立的虚拟主机站点listen 80;# 提供服务的端口,默认 80 server_name localhost;# 提供服务的域名主机名# 第一个location区块开始root html。
2023-03-21 15:56:35
5429
原创 使用cookie的利弊
Web Storage的概念和cookie相似,区别。其他信息如果需要保留,可以放在COOKIE中。将登陆信息等重要信息存放为SESSION。
2023-03-21 10:54:38
893
原创 EditorConfig 使用详解
EditorConfig 有助于为跨各种编辑器和 IDE 处理同一项目的多个开发人员维护一致的编码风格。EditorConfig项目由用于定义编码样式的文件格式和一组文本编辑器插件组成,这些插件使编辑器能够读取文件格式并遵循定义的样式。
2023-02-01 11:25:59
1254
原创 TypeScript实用工具类型
分享几种实用的工具类型,分别是:Partial、Required、Pick、Omit、Exclude、Readonly、Record
2023-01-11 11:17:35
280
原创 前端中 try-catch 捕获不到哪些异常和错误
我们经常会使用try-catch模块来主动捕获一些异常或者错误,避免此块的代码影响到其他模块或者整体代码的运行。但有些情况,try-catch 并不能捕获到代码中的异常!
2022-09-23 11:17:46
1623
原创 异步加载js的方式有哪些?
1. onload时的异步加载window.addEventLitener("load",loadHandler);dunction loadHandler(){ var gs = document.createElement("script"); ....}将script方法放在一个函数里面,然后在window的onload()方法里面执行2. $(document).ready()引入jquery$(document).ready(function(){})3.async<
2020-08-25 09:31:18
537
原创 html()和text()的区别
在获取内容时:html()会将其中的其他标签提取出来text()会忽略其中的标签,只显示内容文字例:1.使用html()获取span标签中的内容$(".minus").on("click",function(){ var num = $(this).next().html(); console.log(num)})运行结果:2.使用text()获取span标签中的内容$(".minus").on("click",function(){
2020-08-15 14:58:20
878
原创 git的基本操作
1.配置全局环境,建一次就好git config --global user.name "用户名"git config --global user.email "邮箱"2.建立本地仓库git init3.git指令1.把目录中的所有文件都添加到缓存区git add -A2.将缓存区文件提交到本地分支,引号中的内容为提交说明git commit -m "注释"3.关联到...
2020-04-20 00:05:08
447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人