灵扁扁-CSDN博客

原创简讯：ids@1.0.4 构建失败缺陷事件

近日，开远仓库BUG，ids@1.0.4 构建失败缺陷，可能影响bpmn-js 和 logicflow 等 3000+ 开源仓库及其使用者

2023-07-17 08:30:51 220 1

原创简讯|开原仓库BUG，波及 bpmn-js 和 logicflow 等

theme: channing-cyanhighlight: a11y-dark简讯：ids@1.0.4 构建失败缺陷事件一、一句话表达：近日，受 bpmn-io/ids 开源库，ids@1.0.4 构建失败缺陷影响，使用该版本 ids@1.0.4 会导致工程启动失败。(今日：2023/7/16)// 类似报错信息This dependency was no...

2023-07-17 07:28:33 176

原创鼠标事件之外，认识一下指针事件家族？

theme: channing-cyanhighlight: a11y-dark我正在参加「掘金·启航计划」鼠标事件之外，认识一下指针事件家族？一、前言相信大多数开发者，都知道或用过鼠标事件，例如 mousedown 和 mouseup，而指针事件家族，例如 pointerdown 和 pointerup，用到的人则相对比较少了。我是因为遇到：需要把鼠标事件重新定向到特...

2023-06-19 19:59:52 1059

原创一个指令实现左右拖动改变布局

theme: channing-cyan highlight: a11y-dark我正在参加「掘金·启航计划」一个指令实现左右拖动改变布局一、前言本文以实现“一个指令实现左右拖动改变页面布局”的需求为例，介绍了：- 1. 实现思路- 2. 总结关键技术点- 3. 完整 demo二、实现思路2.1 外层div布局首先设置4个div元素，一个作为父容器，一个作...

2023-06-18 23:47:27 111

原创工程的 package.json 中的 ^~ 该保留吗？

theme: channing-cyanhighlight: a11y-dark我正在参加「掘金·启航计划」工程的 package.json 中的 ^~ 该保留吗？一、写在前面一次线上项目 bug，引发了关于 package.json 中的 ^~ 是否该保留？保留可能引发的后果？以及如何在版本更新便利和版本更稳定中取舍的思考？这个 bug 是由于线上部署打包时，自己下载了...

2023-06-16 00:08:31 45

新的一期全国软考（计算机技术与软件专业技术资格（水平）考试）的日子，这项考试在程序员圈内似乎没那么火热，一些从不参加，当然也有许多人参加。而我，一个普通程序员，就如主页的介绍：“一个普通程序员，努力上进，也想，活在当下。是积极参加软考的一类。2019年，毕业的第一年，顺利一次性考过“系统集成项目管理工程师”，这是软考中级的一个科目。在贵阳，贵州大学的考场考的，成绩还不错。由于各种原因，证书放在贵州省信息中心好像有两年吧，反正2019年11月考的，2021年7月才去拿。

2023-03-01 21:48:31 328

原创扎实派|11种样式选择器与样式优先级计算

从前偶尔也敢胡吹一下，没有搞不定的样式，自己写的样式还好一些，现在是真不敢胡说了。样式之复杂，难以想象，本文再梳理一下有关样式规则。通配符选择器，* 是通配符，表示其下的样式对所有元素生效，但通配符的优先级较低。id选择器，例如 #container类选择器，例如 .box标签选择器（类型选择器），例如 div span p 等元素标签，直接以标签名称作为样式选择器后代选择器，有层级关系的叠加样式选择器，是样式选择器

2023-02-23 07:00:00 186

原创扁平数据转tree与tree数据扁平化

有时我们拿到的数据的数据结构可能不是理想的，那么此时就要求前端程序员，具有改造数据的能力。例如拿到扁平的数据，但我们要应用在 tree 树形组件或 Cascader 级联选择器组件中，这样的组件要求数据结构是非扁平的的具有层级递进关系的 tree 结构。总之就是说，提供数据的接口给到的数据，未必符合要求，而当我们又无法令他人为为我们改变时，需求和要求就来到了前端程序员这里，所以得具备这样的数据处理能力。

2023-02-22 11:00:00 504

原创双11期|变量提升与函数提升

JavaScript 变量感觉上是被“提升”或移到了函数或语句的最前面，这种现象被人称为“变量提升”。使用 var 声明的变量，存在变量提升现象，但不会抛出异常，默认值会被设置为 undefined。这个变量将从代码块一开始的时候就处在一个“暂时性死区”，直到这个变量被声明为止。“变量提升”的存在，使得变量像是声明提前，声明语句被移动到环境的顶部似得。但“变量提升”（声明提前），在使用不同的关键字声明的时候，表现又不尽一致。不同的是对于函数来说，只有函数声明会被提升到顶部，而函数表达式不会被提升。

2023-02-22 07:00:00 88

原创前端技术图谱：看看你学废了哪些？

前端的技术更新迭代，相对各端而言是比较快的，也不知道是旧技术不值得优化了，还是还是行业 Top 们“太卷”，还是说前端更新换代成本太低。好在基本都围绕着前端（web 前端）三大基础 JavaScript、HTML 和 CSS 转。tips：为什么要梳理技术图谱？答：梳理技术图谱，对应市场需求，紧跟时代发展，查漏补缺，也许是许多程序员应该做的事。下面是梳理出来的图谱。

2023-02-22 07:00:00 332

原创约2万字-Vue源码解读汇总篇(续更)

未完待续...Vue源码解读：06Vue3探索篇Vue源码解读：05生命周期篇Vue源码解读：04模板编译篇Vue源码解读：03虚拟Dom篇Vue源码解读：02变化侦测篇Vue源码解读：01核心思想篇Vue源码解读：前言篇从写下的代码，到用户见到界面，大致经历以下几个流程：模板字符串=》ast树=》render函数=》vnode=》用户见到的界面。将开发者写下的模板字符串，经过一些列处理，生成render函数的这一过程就是模板编译。简单地说，模板编译解析就是为了得到render函数。

2023-02-21 18:24:09 1530

原创 vue指令版文本（富文本）溢出省略截取

theme: channing-cyanhighlight: a11y-darkvue指令版文本(富文本)溢出省略截取一、需求描述文本溢出省略，说实话这些年也实践过很多了，这次是针对富文本字符串，思量想去，也曾试图了解一些知名站点的实现方案，但结果不甚理想。今天记录的这一版也并不完美，好在也能勉强解决问题。大体需求就是：针对富文本字符串，即 html 字符串，实现文本溢...

2022-06-30 22:59:34 110

原创数据可视化：核心、交互、分类与工具

theme: channing-cyanhighlight: a11y-dark数据可视化：核心、交互、分类与工具一、写在前面1.1 相关背景麦肯锡公司2011年提出【大数据时代】，大数据时代的提出背景： IDC于2011年发布一项统计表明，再过去5年中，每年全世界数据总量均比前一年翻一番；2011年全世界创建和复制的数据总量达到1.8ZB(1ZB=109TB)。...

2022-06-05 20:55:39 149

原创双17期|跨域资源共享：跨域错误该前端还是后端处理？

theme: channing-cyanhighlight: a11y-dark双17期|跨域资源共享：跨域错误该前端还是后端处理？ tips：每个技术点都值得优学优写：17期一、写在前面导读：本文旨在讲清楚跨域资源共享(CORS)的由来，CORS 的一些限制，以及解除这些限制的方法。不重在提供更多的跨域解决方案，尽管一些同学更喜欢上来就要答案，而不是看推演和分...

2022-06-01 12:22:47 58

原创 js对话数据库体验：hello-mysql

theme: channing-cyanhighlight: a11y-darkjs对话数据库体验：hello-mysql一、写在前面传闻 JavaScript 已经到了全栈，前后端通吃的地步，今天体验下在 JavaScript、nodejs，连接 MySQL 数据库查询信息，并通过一个 http 服务展示查询结果的小 demo。体验 nodejs 中，JavaSc...

2022-05-31 10:35:20 33

原创 CSS揭秘之控制继承：height能变为可继承吗？

theme: channing-cyanhighlight: a11y-darkCSS揭秘之控制继承：height能变为可继承吗？一、写在前面我们知道，CSS 属性有可继承和不可继承之分，例如 height 和 width 就是CSS 中典型的不可继承属性，color 和 font-size 是典型的可继承属性。CSS 可继承属性意味着后代元素的样式会继承祖先元素样式，例如一...

2022-05-30 19:47:11 119

原创进阶|监控上传和下载进度

theme: channing-cyanhighlight: a11y-dark进阶|监控上传和下载进度一、写在前面网路的不稳定性，网速的变化，会导致有时一个请求可能需要很长的的时间，而这个过程如果没有相应的提示，让用户感知进度，这可能是一种糟糕的体验。这在体现请求进度，加载进度的需求，在文件上传下载业务中，更为强烈。下面从 XHR 请求和 axios 两个角度，分析如何实...

2022-05-29 23:57:33 68

原创一字一图，领略浏览器方向的优化

theme: channing-cyanhighlight: a11y-dark一字一图，领略浏览器方向的优化一、写在前面再过半个月，Internet Explorer 就正式退役了，曾经的浏览器霸主，服役超过25年的浏览器落幕。它的落幕可能有多方面因素综合的结果，但浏览器性能和用户体验不符预期，必然是它被市场和用户所“抛弃”的重要原因。市面上的浏览器很多，据统计超过 8 ...

2022-05-27 23:57:20 33

原创天天用可替换元素（replaced element），竟说不知道

theme: channing-cyanhighlight: a11y-dark天天用可替换元素(replaced element)，竟说不知道一、写在前面一次闲聊，一位三年前端，表示不知道可替换元素(replaced element)，没印象，被起哄要降薪降级。于是，决定小写一下【你所不知道的可替换元素(replaced element)】，话说回来日常开发中，可能很...

2022-05-26 22:36:11 75

原创不要再滥用css样式!important规则了

theme: channing-cyanhighlight: a11y-dark不要滥用css样式!important规则一、理解 !important 与优先级无关有的同学称 css 的样式优先级计算的例外规则-!important规则，为 css 样式优先级“最高级”，这其实有点道理，因为从作用结果上看，这似乎符合事实的。不管内联样式，还是百八十嵌套层的样式选择器组合，...

2022-05-25 21:52:35 74

原创 11种样式选择器与样式优先级计算

theme: channing-cyanhighlight: a11y-dark11种样式选择器与样式优先级计算 tips：每个技术点都值得优学优写：12期好文推荐：约2万字-Vue源码解读汇总篇(续更)复盘基于进阶图的30+前端常用知识点写在前面从前偶尔也敢胡吹一下，没有搞不定的样式，自己写的样式还好一些，现在是真不敢胡说了。样式之复杂，难以想象，本文...

2022-05-24 08:19:10 30

原创 IP属地获取，前端获取用户位置信息

theme: channing-cyanhighlight: a11y-dark尝试获取用户的位置信息好文推荐：适合非大厂的70+面试题(2022-5)约2万字-Vue源码解读汇总篇(续更)写在前面想要像一些平台那样显示用户的位置信息，例如某省市那样。那么这是如何做到的，据说这个位置信息的准确性在通信网络运营商那里？先不管，先实践尝试下能不能获取。尝试一：na...

2022-05-23 21:05:07 59

原创变量提升与函数提升，挑战下这几个例子？

theme: channing-cyanhighlight: a11y-dark双11期|变量提升与函数提升 tips：每个技术点都值得优学优写：11期通常我们认为变量需要先声明再使用，才不会报错，但在 JavaScript 种，先使用一个变量后面再使用 var 声名赋值，不会被抛出异常，而是该值为 undefined。JavaScript 变量感觉上是被“提升”或...

2022-05-22 20:58:24 22

原创双10期|基本对象Error及8种错误类型

theme: channing-cyanhighlight: a11y-dark双10期|基本对象Error及8种错误类型 tips：每个技术点都值得优学优写：10期好文推荐：约2万字-Vue源码解读汇总篇(续更)复盘基于进阶图的30+前端知识点写在前面错误对象是一种特殊的基本对象。它们拥有基本的 Error 类型，同时也有多种具体的错误类型。认识他们，...

2022-05-21 20:11:14 156

原创社区数据说话，真的是前端最卷？

theme: channing-cyanhighlight: a11y-dark社区数据说话，真的是前端最卷？写在前面 tips：文中前端大多指 web前端。说实话，有点过分了，前端，web前端。从前听说 java 卷，后来进入了前端。现在如果说后端的卷度是90，那么前端的卷已经可以绕地球一圈了吧。下面从稀土掘金社区公开的一些数据，窥探一二这些卷度。标签相...

2022-05-21 03:27:37 32

原创继承与原型链：原型链的尽头是null？

theme: channing-cyanhighlight: a11y-dark面不面试都要会的继承与原型链：原型链的尽头是null？ tips：每个技术点都值得优学优写：9期好文推荐：约2万字-Vue源码解读汇总篇(续更)前端要会打组合拳，复盘30+技术点打出的功能前言我们知道，es 有一个关键字叫 class ，这是在 es2015(es6) 的时候引...

2022-05-19 22:53:51 61

原创学闭包(closure)，应该注意什么？

theme: channing-cyanhighlight: a11y-dark双优8期|学闭包(closure)，应该注意什么？ tips：每个技术点都值得优学优写：8期好文推荐：约2万字-Vue源码解读汇总篇(续更)前端要会打组合拳，复盘30+技术点打出的功能闭包简述 Mozilla 上这样解释闭包：一个函数和对其周围状态(lexical envi...

2022-05-18 07:53:49 33

原创如何根据后端返回的url下载json文件

theme: channing-cyanhighlight: a11y-dark如何根据后端返回的url下载json文件好文推荐：约2万字-Vue源码解读汇总篇(续更)前端要会打组合拳，复盘30+技术点打出的功能需求场景描述有时候会遇到异步接口会返回一个 url 地址，然后前端需要根据这个 url 地址去下载文件资源的需求场景。而这个 url 其实是一个静态资源地...

2022-05-15 22:48:16 40

原创防抖动(debounce)了解吗？

theme: channing-cyanhighlight: a11y-dark防抖动(debounce)了解吗？ tips：每个技术点都值得优学优写：7期防抖动简述函数防抖动(debounce)：防止在短时间内过于频繁的执行相同的任务。当短时间内的频繁是不必要的时候，就可以考虑去抖动，避免资源浪费，或造成不好体验。函数防抖动的原理，主要是利用一次性定时器，延迟...

2022-05-14 23:14:54 212

原创复习|禁止搜索引擎引用本页面和seo优化，都和meta标签有关？

theme: channing-cyanhighlight: a11y-dark禁止搜索引擎引用本页面和seo优化，都和meta标签有关？禁止搜索引擎引用本页面相关的meta标签，及其用法介绍html<!--搜索引擎，用于禁止搜索引擎索引本页内容谷歌、必应、雅虎都支持的 meta robots 标签如下，他们会禁止搜索引擎进行相应的操作：noindex：不索引本页...

2022-05-14 07:40:38 30

原创用过媒体查询@media吗？

theme: channing-cyanhighlight: a11y-dark用过媒体查询@media吗？ tips：每个技术点都值得优学优写：5期@media 简述来自 Mozilla 的关于 @media 的解释： @media CSS 规则可用于基于一个或多个媒体查询的结果来应用样式表的一部分。使用它，您可以指定一个媒体查询和一个CSS块，当且仅...

2022-05-13 21:34:59 29

原创浪漫|递归之美，在于你会

theme: channing-cyanhighlight: a11y-dark递归之美，在于你会 tips：每个技术点都值得优学优写：6期什么是递归Mozilla 上这样解释递归(Recursion)这个术语：一种函数调用自身的操作。递归被用于处理包含有更小的子问题的一类问题。一个递归函数可以接受两个输入参数：一个最终状态(终止递归)或一个递归状态(...

2022-05-12 19:37:19 35

原创收藏版|70+超全的伪类伪元素集合

theme: channing-cyanhighlight: a11y-dark收藏版|70+超全的伪类伪元素集合伪类和伪元素的概念1.什么是伪类？伪类是一种选择器。 mozilla 是这样解释伪类的：伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。它们表现得会像是你向你的文档的某个...

2022-05-12 08:24:48 96

原创复盘30+前端常用知识点

highlight: a11y-darktheme: channing-cyan复盘30+前端常用知识点一、前言接续前文：原创|进阶图(一)：主面板开发原创|进阶图(二)：关联资料和缩放支持设计好文推荐：约2万字-Vue源码解读汇总篇(续更) tips：总结。 ①会用才算学到，能灵活运用打组合拳是学会的标志之一。 ②每一个技术点都值得...

2022-05-10 08:02:46 32

原创实践|自定义形状的词云

theme: channing-cyanhighlight: a11y-dark实践|自定义形状的词云一、前言 tips1：我捣鼓半天才发现，keepAspect 保持maskImage的纵横比或1:1的形状,这个选项是在 echarts-wordcloud 2.1.0 才支持，今天是2022年4月22日，目前默认安装的版本号仍是2.0.0，2.1.0还是beta版本，np...

2022-05-09 08:15:55 76

原创温故|试试倒过来学BFC？

theme: channing-cyanhighlight: a11y-dark温故|试试倒过来学BFC？前言 tips：每个技术点都值得优写：4期在交谈 BFC 的时候，谈论产生 BFC 的条件，或 BFC 的特性，比起说什么是 BFC，可能更有意义。倒过来学 BFC，可能会更有助于掌握 BFC，所以我们先谈 BFC 的特性，理解它的特性，如果感兴趣，或者觉得...

2022-05-08 09:18:01 20

原创导致 JS 缓慢的三主因之重排重绘

theme: channing-cyanhighlight: a11y-dark导致 JS 缓慢的三主因之重排重绘前言 tips：每个技术点都值得优写优学 3 期 tips：Opera 将 repaint 和 reflow 列为导致 JavaScript 缓慢的三个主要因素之一，因此它绝对值得一看，值得一学。本文先复习重排(reflow)重绘(repaint...

2022-05-07 08:06:22 30

原创小巧实践|巧用相反数实现飘窗

theme: channing-cyanhighlight: a11y-dark小巧实践|巧用相反数实现飘窗前言飘窗，即一个类似小窗子的在网页上移动的矩形元素，通常被用于一些通知类的应用场景，飘窗与横幅相比，更显眼更具有强调感和动画感，在视觉上更有冲击性，在体验上互动性也更强。先看下效果图实现思路与分析1.画一个矩形元素作为飘窗，并使用固定定位css 绘制...

2022-05-06 07:48:07 32

原创获取浏览器类型，Navigator.userAgent

theme: channing-cyanhighlight: a11y-dark获取浏览器类型，Navigator.userAgent一、前言又又又遇到了兼容 IE 的需求，好在只需要兼容到 IE11，这是一个 bpmn 流程设计器生成流程图(svg)，用了一种保存图的写法，但这种写法在 IE11 上有bug，总之就是保存的图没有 Chrome 等其他浏览器完美。于是我们需要识...

2022-05-05 06:27:24 200

原创复习|外边距折叠（塌陷）这事

theme: channing-cyanhighlight: a11y-dark复习|外边距折叠(塌陷)这事前言要开始【复习】系列了，没办法的事，一些理论知识还是要的，知道归知道，会用归会用，但是那人问你你得条理清晰的回答出来。谁是那人？？？懂的都懂关于 margin collapsing 翻译为外边距塌陷还是折叠这事，都有人提，我个人更倾向于折叠。折叠挺好理解啊，你有下外...

2022-05-04 09:57:09 24

ssm+mysql开发企业调味品进销存支持管理系统

空空如也