刷新
js将数组变量json格式化

博主头像 在js中,js变量和JSON是两个不同数据格式,两者的储存方式自然不相同。JSON格式是一种数据交换的规则,js变量则是javascript在程序需求场景中的数据表示。在js与不同语言的服务端进行数据交换过程中,js能够有内置的方法将其变量转化为JSON格式。 JSON.parse(data);// ...

关于 React 性能优化和数栈产品中的实践

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:的卢 引入 在日常开发过程中,我们会使用很多性能优化的 API,比如像使用 memo、useMemo优化组件或者值,再比如使用 shouldComponent ...

前端CodeReivew实践

博主头像 把Code Review 作为开发流程的必选项后,不代表Code Review这件事就可以执行的很好,因为Code Review 的执行,很大部分程度上依赖于审查者的认真审查,以及被审查者的积极配合,两者缺一不可! ...

React技术栈支援Vue项目,你需要提前了解的

博主头像 写在前面 react整体是函数式的思想,把组件设计成纯组件,状态和逻辑通过参数传入,而vue的思想是响应式的,也就是基于是数据可变的,通过对每一个属性建立Watcher来监听, 当属性变化的时候,响应式的更新对应的虚拟dom react的思路通过js来生成html, 所以设计了jsx,还有通过js来 ...

从零用VitePress搭建博客教程(7) -– 如何用Github Actions自动化部署到Github Pages?

博主头像 接上一节:从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档 我们搭建完成vitePress后,那么接下来就是如何部署到线上服务器,这里使用Github Pages,免得自己购买服务器,当然你也可以自己购买服务器来部署(比如阿里云服务器)。 在部署 ...

CSS必学:你需要知道的盒子模型的秘密

博主头像 作者:WangMin 格言:努力做好自己喜欢的每一件事 作为前端开发来说,要掌握的CSS基础一定很多,那么CSS中盒子模型肯定是必考必问必掌握的前端知识点,因为它是CSS基础中非常重要的内容,接下来我们就一起来了解一下盒子模型吧! 什么是盒子模型? CSS 所有的HTML 标签元素在网页中都生成了一 ...

记录--vue3 + mark.js | 实现文字标注功能

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 页面效果 具体实现 新增 1、监听鼠标抬起事件,通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isColla ...

一文详解|支付宝小程序跳转(超详细版)

博主头像 开发过程中经常遇到支付宝小程序跳转的问题,这里总结一下支付宝小程序跳转的常见场景和方式,希望可以对大家有所帮助。 话不多说,上干货! 支付宝小程序跳转的三种行为 支付宝小程序跳转可以拆分为三种行为,即: 外部跳转支付宝小程序 支付宝小程序内部页面之间跳转 支付宝小程序内部跳转到外部 一、外部跳转小程 ...

从零用VitePress搭建博客教程(6) -– 第三方组件库的使用和VitePress搭建组件库文档

博主头像 接上一节:从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录? 九、第三方组件库的使用 我们经常看见UI组件库的文档,这里我们就用element-plus第三方组件库为例子,搭建组件库文档 examples:作为组件库示例目 ...

使用 Ant Design Vue 你可能会遇到的14个问题

博主头像 公司有一个新需求,在原来项目基础上开发,项目中使用 Ant Design Vue,版本是 1.X ,在此记录下遇到的问题;对于没有使用过或者使用程度不深的同学来说,希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学,可能这些问题都遇到过,欢迎大家在评论区补充。 1、实现对下拉框显示的所 ...

JavaScript复习——01

博主头像 这是我用于复习我一年前学习的JavaScript的笔记,由于一年过去了,我大概已经4~5个月没有写过什么代码,所以需要整理自己的知识体系,如果文章出错,也希望大家评论给我改错 JavaScript的类型 JS中的类型有以下几种: Number(数字类型) BigInt (大数类型) String(字 ...

从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录?

博主头像 接上一节:从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改? 上一节其实我们也简单说了自定义页面模板,这一节更加详细一点说明,开始之前我们要知道在vitePress中,.md的文件是可以直接编写vue的代码的。 比如我们现在来自定义一个前端网址导航页面 八、自定义一些 ...

复习css

博主头像 复习css 样式 内联样式,行内样式,外部样式优先级 离HTML元素越近,优先级越高 内联样式离元素近:行内样式>内联样式>外部样式 外部样式离元素近:行内样式>外部样式>内敛样式 本质:浏览器从上到下解析过程中,后出现的样式会覆盖较早出现的样式 选择器 基本选择器 id > 类 > 标签 本质:定 ...

JavaScript 运算符

博主头像 算术运算符简表 运算符 描述 例子 x的运算结果 y的运算结果 在线实例(来源runoob.com) + 加法 x=y+2 7 5 实例>> - 减法 x=y-2 3 5 实例>> * 乘法 x=y*2 10 5 实例>> / 除法 x=y/2 2.5 5 实例>> % 取余数(模) x=y%2 1 ...

浏览器渲染原理

博主头像 当用户输入网页路径,浏览器首先通过网络请求拿到html字符串,然后经过HTML解析、样式计算、布局、分层、绘制、分块、光栅化、画等过程,将页面的内容最终呈现到了屏幕上。 ...

记录--谁还没个靠bug才能正常运行的程序

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近遇到一个问题,计算滚动距离,滚动比例达到某界定值时,显示mask,很常见吧^ _ ^ 这里讲的不是这个需求的实现,是其中遇到了一个比较有意思的bug,靠这个bug才达到了正确效果,以及这个bug是如何暴露的(很重要)。 下面是演示代码 ...

React学习笔记09- 事件处理

博主头像 React采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写 onclick , React里的事件是驼峰 onClick ,React的事件并不是原生事件,而是合成事件。 事件回调的几种写法 1.直接在组件内定义一个非箭头函数的方法,然后在render里直接 ...

从0到1实现 OpenTiny 组件库跨框架技术

博主头像 本文分享自华为云社区《从0到1实现 OpenTiny 组件库跨框架技术》,作者:华为云社区精选 。 在华为云《DTSE Tech Talk》技术直播第44期《0基础玩转 OpenTiny 跨框架组件库,实现一站式前端进阶》中,华为云前端开发 DTSE 技术布道师莫春辉老师在本期直播中与开发者一起交流 ...

<1···484950>