📢 แจ้งเตือน: fesfsefgs - สรุปดราม่าล่าสุด

codingWeb

码龄7年

418,851

总访问量
139

原创
87

粉丝
29

关注

IP 属地：广东省

加入CSDN时间： 2019-03-16

个人简介：知行合一

查看详细资料

个人成就

获得319次点赞
内容获得139次评论
获得1,035次收藏
代码片获得1,199次分享
博客总排名2,229,454名

TA的专栏

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域设置

前端

javascriptcssvue.jsreact.jses6webpackxhtml前端框架
后端

node.js
移动开发

flutter
网络与通信

https
微软技术

typescript
学习和成长

面试

创作活动更多

编程达人挑战赛·第12期

作为写代码的你，是否也渴望被更多人看到？技术人员普遍有一个共性——明明技术很强，却没人知道你做了什么；花了很多时间踩坑，却没人因你少走弯路；脑子里有一堆干货，但却不懂如何有效地输出。在如今写代码的人越来越多的时代，能够清晰表达自己思路与技术的人却少之又少。因此，我们发起了这个【编程达人挑战赛】——帮助你将代码变成作品，将技术转化为真正的价值，同时激励更多的人坚持写作与分享。注：活动细则介绍请看此贴：[https://bbs.csdn.net/topics/619791811](https://bbs.csdn.net/topics/619791811)。

908人参与去参加

更多

vue2中使用pinia（vuex转pinia）

最近项目中，想在vue2中把状态管理库从vuex转到pinia。

博文更新于 2022.08.19 ·

前端监控三方平台Webfunny及docker部署

最近调研一些前端监控的三方平台,发现了Webfunny挺好用的,而且价格不贵,个人也能承担我发现了一个不错的前端监控平台👍，纯私有化部署，快来下载试试吧~ #Webfunny

博文更新于 2022.06.01 ·

three.js实现全套3d测距功能(附完整代码)

网上关于测距的实现都是比较片面的,没有完整的例子,最近因为需求,有对相关需求进行实现,给出我的实现方案,供大家参考效果图:完整代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c

博文更新于 2022.04.24 ·

vue3中部分api(生命周期等hook)只能在setup中使用,如何实现的

vue3规定声明周期hook等一些api只能写在setup函数内部,不能用于其他地方,如果我在setup之外使用,将会给出警告,如:<script>import {onMounted} from 'vue';onMounted(()=>{ console.log(1)})export default { setup(props) { return{ } }}</script>正确的做法是放到setup函数中,来看下源码它是如何做到规定

博文更新于 2022.04.14 ·

一道很难的promise题目

上篇文章讲了promise的实现，这篇则结合题目让你对promise有个更深入的认识：为了能让大家有个更直观的认识，会使用到https://www.jsv9000.app/这个工具，它能可视化出异步任务执行的整个过程题目1：简单，相信都能答出 Promise.resolve().then(() => { console.log(0) return 'aaa' }).then(res => { console.log(res)

博文更新于 2022.03.07 ·

实现一个符合promiseA+规范的promise

关于异步的解决方案目前有四种：callback(回调函数)generato + co库promiseasync+awaitpromise的基本特点：promise代表的是承诺的意思 promise最核心的就是有三个状态,等待态(pending), 成功态(fulfilled),失败态(rejected)状态只能从等待态改变成其他状态，不能从成功变成失败，也不能从失败变成成功默认你传入的executor会立刻执行, 这个executor函数接受两个参数 resolve,reject

博文更新于 2022.03.04 ·

measure.js 2.0发布 (增加 css-viewer 能力)

github地址: 帮忙点个star呗!!measure.js,功能的原型是蓝湖上的度量功能,我把他提取出来,脱离蓝湖也能使用example:

博文更新于 2022.01.03 ·

measure.js,一个Web元素度量工具,欢迎来star~~,为ui走查打造(脱离蓝湖也能使用它的度量功能

蓝湖里面的尺寸度量功能好用吗?现在脱离蓝湖也能使用了

博文更新于 2021.12.25 ·

网络知识复习-含图

OSI 七层模型OSI ( Open System Interconnection )是理想化的模型,将网络进行分层,其目的是将复杂的流程简单化,从而实现分而治之。(专人干专事)一.网络分层的含义?下层是为了上层提供服务的。应用层:用户最终使用的接口表示层:数据的表示、安全、压缩会话层:建立和管理会话的传输层: (主要提供安全及数据完整性保障) 网络层不可靠,保证可靠的传输网络层:(主要关心的是寻址) ,进行逻辑寻址,定位到对方,找到最短的路数据链路层: (主要关心两个设备之间

博文更新于 2021.11.21 ·

前端监控原理及实践

随着产品的用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较。想着手优化，则必须先有相关的监控数据，才能对症下药。性能是留住用户的关键。大量的研究报告已经表明了性能和商业成绩的关系，糟糕的性能会让您的站点损失用户数、转化率和口碑。错误监控则能够让开发者第一时间发现并修复问题，单靠用户遇到问题并反馈是不现实的，当用户遇到白屏或者接口错误时，更多的人可能会重试几次...

博文更新于 2021.10.07 ·

css中你不知道的:not,:is选择器用法

用CSS将div内，在不改变html的前提下，除了P标签，其它的字体颜色变成蓝色<div class="box"> <span>我是蓝色</span> <p>我是黑色</p> <h1>我是蓝色</h1> <h2>我是蓝色</h2> <h3>我是蓝色</h3> <h4>我是蓝色</h4&g

博文更新于 2021.09.13 ·

webpack中编写自定义loader和plugin,及如何调试(debug)webpack,vuecli等脚手架

debug(调试)webpack:因为plugin和loader的编写需要nodejs环境,需要追踪一些参数,这时候调试就显得很重要了,但调试webpack不像在浏览器中debug那么轻松,需要一些配置:首先在package.json中加入如下代码: 改命令表示调试webpack并停在第一行 "scripts": { "start": "node --inspect-brk ./node_modules/webpack/bin/webpack.js" }调试分为两种:浏览器中调试

博文更新于 2021.08.29 ·

webpack中require.context自动化注册,vue应用

简介:require.context是webpack中，用来创建自己的（模块）上下文；webpack会在代码构建的时候去解析该函数使用:require.context(directory, useSubdirectories = false, regExp = /^\.\//);该方法可以接收3个参数：需要搜索的文件夹目录（必传）是否需要搜索它的子孙目录，默认为false一个匹配文件的正则表达式我的目录结构如下:使用api输出如下:console.log(1,require.c

博文更新于 2021.08.28 ·

前端js常用剪贴板(复制粘贴)操作和应用，以及navigator.clipboard新粘贴板API使用

最近的项目上需要做复制粘贴相关的操作，来总结下吧复制、剪切、粘贴事件：copy 发生复制操作时触发;cut 发生剪切操作时触发;paste 发生粘贴操作时触发;每个事件都有一个 before 事件对应：beforecopy、beforecut、beforepaste;这几个 before 一般不怎么用，所以我们把注意力放在三个事件就可以了。触发条件:鼠标右键菜单的复制、粘贴、剪切;使用了相应的键盘组合键，比如:ctrl+c、ctrl+v;复制操作：copy事件使用示例：<

博文更新于 2021.04.14 ·

16137 阅读 ·

SSO单点登录

我注意到了公司内部很多系统，登录的时候都是跳转到同一个页面，登录之后，本系统和其他系统都已经显示登录，保存了登录状态了，这其实就是SSO单点登录的功劳说清楚这东西，需要有一些cookie的前置知识：顶级域名和子级域名之间的cookie共享和设置关系：顶级域名：顶级域名cookie的设置，只能设置domain为自身，不能设置domain为二级域名或者三级域名等等，否则cookie无法生成。如tusimple.com能设置domain为tusimple.com或者www.tusimple.com

博文更新于 2021.04.10 ·

js中url、base64、blob、字符串等相互转换方法---有关系图，最全总结

事情的起因是这样，这周在工作时，调用了一个图片转灰度透明的接口，返回来的是一个image字段不是一个url地址，是一个base64编码的字符串一般来说，图片在后端的存储方式分为两种：可以将图片以独立文件的形式存储在服务器的指定文件夹中，再将路径存入数据库字段中;将图片转换成二进制流或base64，直接存储到数据库的 Image 类型字段中.对于第一种存储方式，我们前端直接将存储路径赋值给 src 属性即可轻松显示。对于第二种存储方式，我们前端需要将二进制流交由 blob 对象处理，然后通过 b

博文更新于 2021.04.03 ·

11958 阅读 ·

js正则表达式详解及个人经验总结(正反向预查，分组捕获，反向引用，子表达式...等等)

正则表达式regular expression：RegExp用来处理字符串的规则只能处理字符串它是一个规则：可以验证字符串是否符合某个规则（test），也可以把字符串中符合规则的内容捕获到（exec / match…）编写正则表达式创建方式有两种字面量构造函数//=>字面量创建方式（两个斜杠之间包起来的，都是用来描述规则的元字符）let reg1 = /\d+/g;//=>构造函数模式创建两个参数：元字符字符串，修饰符字符串//=>构造函数因为传递的

博文更新于 2021.03.19 ·

JS中document和window的区别

标题Document 对象：每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。## Document 对象描述：HTMLDocument 接口对 DOM Documen...

博文更新于 2021.02.02 ·

contentEditable,window.getSelection详解---可编辑div，容器，设置/获取光标位置，光标处插入内容及光标的操作

这周碰到一个骚东西，contentEditable ，它是用来指定一个元素是否是可编辑的，这也是富文本编辑器实现的底层支持，网上关于这部分东西的资料比较少或者不全，所以我来整理下关于这个属性，和可编辑区域的一些操作吧，比如获取光标位置，设置光标，往可编辑区域光标处插入内容等等HTML中的contentEditable的属性可以打开某些元素的可编辑状态．也许你没用过contentEditable属性．甚至从未听说过．contentEditable的作用相当神奇．可以让div或整个网页，以及span等等元素

博文更新于 2021.01.25 ·

探索图片懒加载的最佳实践及封装一个懒加载插件

这周研究了下目前图片懒加载的所有主流方式，分享下，末尾封装了一个兼容所有方式的图片懒加载插件图片懒加载的意义：1.首先它能提升用户的体验，试想一下，如果打开页面的时候就将页面上所有的图片全部获取加载，如果图片数量较大，对于用户来说简直就是灾难，会出现卡顿现象，影响用户体验。2.有选择性地请求图片，这样能明显减少了服务器的压力和流量，也能够减小浏览器的负担。原理：1、将页面中的img标签src指向一张小图片或者src为空，2、然后定义data-image属性（这个属性可以自定义命名，我常用data

博文更新于 2021.01.24 ·