- 博客(69)
- 资源 (1)
- 收藏
- 关注
RSS订阅
转载 Es6 课程一
ES6 课程一 let,const,模板字符串,作用域本课程参照 Understanding ECMAScript 6：ES6 课程一 let,const,模板字符串,作用域var 声明与变量提升块级声明let 声明禁止重复声明常量声明暂时性死区循环中的块级绑定循环内的函数循环内的常量声明全局块级绑定总结var 声明与变量提升fu...
2018-08-06 16:29:35
295
原创 WebSocket 前端深入介绍
WebSocket 是一个先进的技术，它使得在用户的浏览器和服务器之间可以开启一个交互式通信会话。使用WebSocket API，你可以向服务器发送消息并接收基于事件的响应，而无需轮询服务器获取新数据。
2024-03-26 09:58:27
1352
原创 Canvas 入门指南
Canvas 是一个功能强大的绘图工具，通过学习基本的绘制操作和使用 Canvas API，你能够创建各种炫丽的图形和动画。这个入门指南希望为你提供了足够的信息，帮助你开始使用 Canvas 进行创作。如果有更深入的需求，可以深入阅读 Canvas API 文档。
2023-12-27 13:59:55
724
原创 Fabric.js 入门指南
Fabric.js 是一个强大的开源库，用于处理 HTML5 canvas。它提供了丰富的 API 和功能，使得在网页上轻松创建交互性图形应用变得更加容易。
2023-12-01 09:46:56
1009
原创 探索前端开发的未来：新趋势与技术突破
从最初的HTML/CSS发展到现代前端技术的崛起。Web开发从静态页面逐渐演进为交互性强大的Web应用。WebAssembly是一种面向Web的二进制执行格式，可以在浏览器中高效运行。它将开发者从特定平台的依赖中解放出来，提供更高效的性能。人工智能涵盖机器学习、自然语言处理等领域，正在逐渐渗透到前端开发中。
2023-12-01 09:41:21
503
原创 Three.js使用指南（入门版）
Three.js 是一个用于在 Web 浏览器中创建和渲染 3D 图形的 JavaScript 库。它提供了一系列强大的功能和工具，使开发者能够轻松地在网页中创建交互式的 3D 场景和动画。本指南将详细介绍如何开始使用 Three.js，并提供一些常见的用法示例和技巧。
2023-06-05 10:39:25
1262
原创 WebSocket基础使用
这是一个基本的前端WebSocket使用指南，你可以根据自己的需求进行扩展和定制。记得在使用WebSocket时，要确保服务器端也支持WebSocket协议，并且按照WebSocket协议的规范进行数据交换。WebSocket是一种在Web应用程序中实现双向通信的协议。它提供了一种持久连接，可以在客户端和服务器之间传输数据。：WebSocket对象提供了几个事件用于监听与服务器的连接和数据交换。是WebSocket服务器的地址。：使用WebSocket对象的。：使用WebSocket对象的。
2023-05-15 14:37:20
912
原创 前端页面性能优化（完整归纳版）
总之，通过优化资源加载、图片优化、CSS 和 JavaScript 优化、页面结构和渲染优化、响应式设计和移动优化等方面的技巧，可以显著提升前端页面的性能和用户体验。根据具体的项目需求和限制，选择适合的优化策略，并结合性能监测和分析工具进行实时调优和改进。这些是一些常见的前端页面性能优化方面，根据具体情况和项目需求，可能还有其他的优化技巧和策略可以使用。当优化前端页面性能时，可以从多个方面入手。
2023-05-15 14:01:15
2814
原创 Linux基础使用指南
Linux是一种开源的操作系统内核，广泛用于服务器和嵌入式设备。它提供了强大的命令行界面和丰富的工具集，可用于管理文件系统、安装软件、配置网络等任务。本指南将介绍Linux系统的基本用法和常用操作。
2023-05-06 13:56:43
1313
原创 在vue中，使用el-upload组件，完成多个文件，一次请求批量上传
【代码】在vue中，使用el-upload组件，完成多个文件，一次请求批量上传。
2023-04-07 11:33:01
2027
原创 Docker 基础使用指南
使用 Docker 可以轻松地构建和运行容器化应用程序。本文介绍了 Docker 的基础使用方法，包括安装 Docker、构建 Docker 镜像和运行 Docker 容器。
2023-03-28 16:44:13
314
原创 PDF.js 前端开发使用指南
1. 安装 PDF.js安装PDF.js有两种方法：方法1：通过npm安装这样就会在你的项目中安装PDF.js。方法2：手动下载也可以从官方网站手动下载PDF.js。下载后，将pdf.js和pdf.worker.js文件放到你的项目中。2. 使用 PDF.js使用PDF.js需要做以下几步：步骤1：创建一个空的div在你的HTML文件中创建一个空的div元素，用于显示PDF文档。例如：
2023-03-27 17:29:46
8759
3
原创 关于Vue路由获取query中base64解码出错的问题
这样导致我们在获取base64编码串时出错。解决其实也很简单，通过正则把空格替换成**+**即可，这样就能完美的解决问题。最近在使用vue-router，通过路由获取url中传递的base编码的数据，对数据进行解码的时候发现数据错乱。找了许久才发现问题所在，其实就是vue-rouer在截取路由时，会把其中的。
2022-10-29 16:35:49
1175
1
原创 关于打印机-打印次数累计研究 调研结果报告
关于打印机-打印次数累计研究 调研结果报告现阶段web端使用的打印功能是基于webApi中对外暴露的window.print()方法，这个fn没有任何的返回，且除此之外，webApi没有其他关于打印模块的接口。但是！提供了window.print()的监听方法，window. onafterprint和window.onbeforeprint。当使用window.print()方法进行打印，弹出打印选择框无论选择打印还是取消，都会触发window. Onafterprint，fn会返回一个Even
2022-02-17 09:21:01
753
原创 React版TinyMCE富文本初始化加载过慢的问题
解决React版TinyMCE富文本初始化加载过慢的问题关于如何构建React版的TinyMCE富文本，可以参照我的上一篇博客：https://blog.csdn.net/m0_37138425/article/details/105812111这里只是关于如何解决加载速度过慢的问题。其实就是一句话： 本地部署；我询问官方给的回复也是如此：关于本地部署：先是下载js文件，链接如下：https://www.tiny.cloud/get-tiny/self-hosted/我选择的是5.9.
2021-10-26 09:47:22
3625
3
原创 装修 小记
装修小记2021.4.24左右签的装修合同，今天是2021.10.22，准备后天，也就是2021.10.24入住；近6个月的装修，终于接近尾声。写个随笔，记录装修的不易，珍惜装修的成果。2020.10月买房过户。（感谢父母！）2021.4月着手于装修工作。经过 朋友推荐的装修公司，同事的父亲是搞装修的，父母朋友推荐的装修公司等等选项，最后还是决定自己在装修平台找，最后通过土巴兔装修平台，找到了签约的装修公司：南京维之洋装修公司。总体来说：服务的品质还是满意的！ps.找装修公司 千万，千万，千万 别
2021-10-22 16:51:32
175
1
原创 Invalid regular expression flags 错误
Invalid regular expression flags 错误一般情况是正则表达式写法有误，可能情况如下：1.通过eval方法将字符串转成正则的时候字符串中有 \ ,建议使用new RegExp(“regexp”,“g”) 可以解决。2.正则表达式的标记误写var re = /pattern/flags;这个flags 只能有 g i m u y具体意思可以看： developer.mozilla.org...
2021-06-30 11:46:06
9652
1
原创 js正则表达式匹配img标签，p标签，div标签和其他自定义标签的解决方案
js正则表达式匹配img标签，p标签，div标签和其他自定义标签的解决方案作为前端开发，肯定会有处理字符串的时候，如果只是替换，删除，截取固定的字符串，那么问题不是很大。但是如果字符串不是固定的呢？例如处理富文本字符串里的Img标签，p标签，div标签等，用普通的indexOf，substr方法可能不太好用。此时用正则表达式可能比较好使：匹配p标签：let reg = /<p(?:(?!<\/p>).|\n)*?<\/p>/gm匹配img标签let reg =
2021-06-30 11:31:52
12981
原创 关于React-file-viewer预览pdf文件，文件过大显示不出的问题
关于React-file-viewer预览pdf文件，文件过大显示不出的问题因为业务需要在线预览功能，使用的是react框架，在npm搜到React-file-viewer这个包，了解其使用的情况，发现功能和难易度都挺适合。使用方法挺简单的，把包npm下来。import FileViewer from 'react-file-viewer'; <FileViewer fileType={type} filePath={file} />fileType是文件的类型，理论上支持：j
2021-06-24 10:47:22
3444
2
原创 js数组的操纵方法汇总
js数组的操纵方法汇总https://www.cnblogs.com/sqh17/p/8529401.html整理了29个和数组处理相关的方法，给大家参考学习一下。一.创建数组let ary1 = [];let ary2 = [20];let ary3 = ['li','ki','ko'];let ary2 = new Array();let ary3 = new Array(20);let ary4 = new Array('lucy','jack','ddd');大家都知道 数组
2021-04-19 16:17:56
160
翻译 【译】在 React 中使用 Immer 管理不可变状态
在 React 中使用 Immer 管理不可变状态在 React 中，使用不可变状态可以快速且高效地比较更改前后的状态树。因此，每个组件可在执行任何成本很高的 DOM 操作之前，决定是否重新渲染。我希望你已经知道：javaScript 是可变的，我们必须自己实现不可变性。像 Redux 这样流行的状态管理库也遵循着相同的理念。当我们使用 reducers（译者注：根级的 reduce 函数 reducer 拆分为多个 reducers）时，它期望我们不要改变状态，以避免产生任何的副作用。但是，对
2021-04-01 11:34:41
1192
翻译 【译】JavaScript中哪一种循环最快呢？
JavaScript中哪一种循环最快了解哪一种 for循环或迭代器适合我们的需求，防止我们犯下一些影响应用性能的低级错误。JavaScript 是 Web 开发领域的“常青树”。无论是 JavaScript 框架（如 Node.js、React、Angular、Vue 等），还是原生 JavaScript，都拥有非常庞大的粉丝基础。我们来谈谈现代 JavaScript 吧。循环一直是大多数编程语言的重要组成部分，而现代 JavaScript 为我们提供了许多迭代或循环值的方法。但问题在于，我们是否真的
2021-03-02 10:57:54
122
原创 2021年关于自己的计划
2021关于自己的人生规划（生活+工作）生活ps : 今天是2021年2月22日，下午1点42分，听着江语晨的最后一页写下2021年的规划，希望在2022的2月22日可以给今天的计划写个答案，看看完成的情况。回顾2020年，虽然疫情肆意，但与我而言还是收获满满。副本： 2020庚子鼠年副本难度： 正常略难副本完成度： 100%副本掉落： 女朋友（绝美）+1房产+1坐骑（小蓝）+1金币成长+2年龄 +12020年对我还是善意的，父母健康，家庭和睦，工作稳定，爱情甜蜜。2021只求 万
2021-02-22 15:47:13
489
3
原创 基于Trtc的内贸站视频聊天服务【二】
基于Trtc的内贸站视频聊天服务【二】上一节课和大家聊了一下web端视频聊天的技术演变和发展，需要满足web端视频聊天的基本条件。以及介绍了一下腾讯云提供的Trtc服务，大概说了下腾讯云的sdk。本节课就以实际开发内贸站视频聊天的项目（Swan），和大家理一下这个项目的构造，以及重要的代码逻辑。svn地址： http://192.168.16.81:58760/svn/ABIZ/SWAN/trunk/SWAN项目框架项目前端框架： React（16.12.0），TypeScript，Webpack，
2021-01-05 14:58:41
372
翻译 【译】严格模式（Strict mode）
严格模式（Strict mode）前言ECMAScript 5中推出的JavaScript严格模式（strict mode），可以让你使用JavaScript的一种受限”变体“，从而悄悄地退出了”正常模式（sloppy mode）“。严格模式并非只是正常模式的子集：它专门拥有与正常模式下的代码不一样的语义。如果浏览器A不支持严格模式，浏览器B支持，它们俩运行同样的严格模式代码结果也会不同，所以如果没有对严格模式下的代码进行相应的功能测试，请不要依赖它。严格模式和正常模式的代码可以共存，所以正常模式的代码
2020-12-28 14:17:34
380
原创 这是一个测试是否有爬虫TRTC和爬虫对访问人数的处理逻辑。
这是一个测试是否有爬虫和爬虫对访问人数的处理逻辑。这是一个测试的账号文档：网址： www.baidu.com账号： [email protected]密码： 1235213.xxx账号： [email protected]密码： 1235113.xxx账号： 15950568895密码： 1235213.xxx账号： 15950568894密码： 1235213.xxx账号： [email protected]密码： 1235213.xxx账号： [email protected]密码： 123521
2020-12-02 10:43:58
136
翻译 【译】你的 React 组件的看起来怎么样？
代码异味 是什么意思？ 简言之，就是暗示可能存在着深层次问题的代码结构。代码异味太多的 props 传递矛盾的 props从 props 派生 state从函数中返回 JSX多个布尔类型的 state单组件中存在太多的 useState庞大的 useEffect太多的 props 传递传递多个 props 到一个组件中暗示着也许这个组件应该被拆分。你可能会问多少才算太多呢？嗯…“看情况”。你也许会面对这样一种情况，一个组件有着 20 或更多个 props ，但是你依然感到没问题.
2020-12-02 10:06:06
83
翻译 [译] 如何处理 JavaScript 比较中的临界情况
如何处理 JavaScript 比较中的临界情况“在任何一项足够先进的技术和魔法之间，我们无法做出区分。” — Arthur C. Clarke在我们开始熟悉 JavaScript 的临界情况之前，我想先区分一下 临界情况（Corner Case） 和 边界情况（Edge Case）。我们可以说 边界情况（Edge Case）是一种仅在最小或最大参数时发生的问题。预测这种问题很重要，因为这些情况可能会被忽视或低估。比如，一台全力运转的 PC 可能会过热，可能会导致性能有所折损。我也想介绍另一种 边
2020-09-30 15:02:36
131
翻译 [译] 60 个有用 CSS 代码片段（下）
60 个有用 CSS 代码片段（下）41、CSS3 鲜艳的输入input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;
2020-09-02 11:52:14
156
翻译 [译] 60 个有用 CSS 代码片段（中）
[译] 60 个有用 CSS 代码片段（中）21、图片边框偏光img.polaroid { background:#000; /*Change this to a background image or remove*/ border:solid #fff; border-width:6px 6px 20px 6px; box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth
2020-08-03 09:47:51
122
翻译 [译] 60 个有用 CSS 代码片段（上）
1.垂直居中如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}使用这个技巧，从单行文本、段落到.
2020-07-07 09:40:04
163
翻译 【译】ECMAScript 2020 新特性
ECMAScript 2020 新特性JavaScript 是最流行的编程语言之一，每年都会添加新的特性。本文介绍了添加在 ECMAScript 2020（又称ES11）中的新特性。在引入 ECMAScript 2015（又称 ES6）之前，JavaScript 发展的非常缓慢。但自 2015 年起，每年都有新特性添加进来。需要注意的是，不是所有特性都被现代浏览器支持，但是由于 JavaScript 编译器 Babel 的存在，我们已经可以使用新特性了。本文将介绍 ECMAScript 2020（ES
2020-05-27 11:10:22
200
1
原创 React版TinyMCE富文本入坑
React版TinyMCE富文本中文教程写在前面：因为公司项目的需要，需要寻找一款免费，开源，功能强大的富文本用作自定义打印。公司的前端框架用的是React，所以需求就很明显，要支持框架，开源，功能强大。经过仔细筛选，如下：1.WangEditor 鄙人第一次选择就是用的这款，后期换掉了。这款支持React框架并且开源免费，但是因为是个人作品，所以稳定性有待商榷，本款富文本功能比较简单，但...
2020-04-28 16:38:37
6202
6
翻译 【译】掌握 JavaScript 面试：什么是函数式编程
掌握 JavaScript 面试：什么是函数式编程“掌握 JavaScript 面试” 是一系列的帖子，为了帮助求职者在面试中高级 JavaScript 职位时可能遇见的常见问题做准备。这些是我在真实面试场景中经常会问到的一些问题。函数式编程已经成为 JavaScript 领域中一个非常热门的话题。就在几年前，甚至很少有 JavaScript 程序员知道什么是函数式编程，但是我在过去 3...
2020-04-21 16:33:22
297
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人