- 博客(88)
- 收藏
- 关注
RSS订阅原创 Weex 知识点
• 初始化项目：weex create project-name，生成包含 src/（代码）、platforms/（平台配置）的目录。• 使用 Vue.js 或 Rax 语法编写代码，编译为原生组件（iOS/Android/Web），实现“一次编写，多端运行”。• Vue.js 为主：支持 Vue 的模板语法、数据绑定、生命周期钩子，但需注意部分特性受限（如 v-html）。需拆写），单位仅用 px。• 官方文档：https://weexapp.com/zh/（组件 API、配置详解）。
2025-07-21 20:36:36
784
原创 Shopify 知识点
• 过滤器：{{ price | money }} 格式化价格，{{ content | truncatewords: 30 }} 截断文本。• 常用对象：product（商品）、collection（分类）、cart（购物车）、customer（用户）。• 避免XSS攻击：对用户输入内容转义（{{ user_input | escape }}）。• 动态生成 title 与 meta 描述（{{ page.title }}）。• 输出变量：{{ product.title }} 动态显示商品标题。
2025-07-21 20:27:55
1126
原创 Next.js 知识点
Next.js通过约定优于配置的设计，显著降低了React应用的复杂度，尤其擅长解决SSR/SSG、路由、性能优化等痛点。掌握以上核心知识点后，可高效构建高性能、易维护的全栈应用。建议结合https://nextjs.org/learn深化实践。
2025-07-21 20:18:22
604
原创 实现一个简易版的前端监控 SDK
React: 类组件可用 ErrorBoundary 捕获子组件错误，函数组件实验性地能用 useErrorBoundary Hook。2、接口的报错如何监控？–全局监控sdk，不改动公共的请求方法、不改动业务代码；（2）运行监控代码如何判断Vue/React，Vue/React有无内部监控api直接调用?1、Promise的错误如何监控？能否捕获到接口的错误？（1）埋点监控报错死循环报错 – 重试机制、另一个埋点。不能捕获接口的错误。（4）所有监控放到同一个SDK监控。3、资源的报错如何监控？
2025-03-30 22:56:34
481
原创 前端监控相关
clstag” 并不是一个具有普遍固定含义的术语，它在不同的上下文场景中可能有不同的指代，以下是一些可能的情况：在前端开发的埋点业务里，“clstag” 常被用作自定义的标签或标识，用于精准记录和追踪用户的特定行为。例如，当你想要监控页面上不同按钮的点击情况时，可以给每个按钮赋予一个独特的 “clstag” 值。在后续进行数据上报和分析时，就能依据这个 “clstag” 来区分到底是哪个按钮被点击了。// 页面加载完成时<head>
2025-03-23 23:31:19
1532
原创 JS - 重点JS方法温故而知新
reduce是 JavaScript 数组对象的一个非常强大且常用的方法，用于对数组中的每个元素执行一个提供的函数，并将结果汇总为单个值。下面为你详细解释其语法及各参数的含义。
2025-03-16 10:49:32
319
原创 前端开发知识梳理 - HTML&CSS
rem：CSS3 中新增的一个相对长度单位，相对于根元素 的 font-size 字体大小，根元素字体大小未设置，使用浏览器默认字体大小。vmin：相对于视口宽度或高度中较小的那个。vmax：相对于视口宽度或高度中较大的那个。其中最大的那个被均分为100单位的 vmax。em：相对长度的单位，相对于当前对象内文本的字体尺寸，未设置则默认是浏览器默认字体尺寸。px：像素，相对长度单位，它的大小取决于屏幕的分辨率，是一个固定值，不能够自适应。vh：相对视口高度，视口被均分为100单位的 vh。
2025-02-06 17:52:17
1697
原创 TypeScript 入门
TypeScript 是一种由微软开发的自由和开源的编程语言，它是 JavaScript 的一个超集，扩展了 JavaScript 的语法。
2025-01-21 18:14:16
827
原创 【简单版】通过 Window.performance 实现前端页面(性能)监控
问题：前端监控系统没有更多的错误信息，查询该fetch请求对应的接口日志返回200状态码、无请求异常记录，且后台能查到通过该fetch请求成功发送的数据。那是前端页面的错误还是前端监控系统的问题？
2024-10-14 14:45:35
712
原创 React Hook 总结（React 萌新升级打怪中...）
场景一：在一些场景下，需要在函数组件中进行大量的逻辑计算，那么我们不期望每一次函数组件渲染都执行这些复杂的计算逻辑，所以就需要在 useMemo 的回调函数中执行这些逻辑，然后把得到的产物（计算结果）缓存起来就可以了。useMemo 和 useCallback 接收的参数都是一样，都是在其依赖项发生变化后才执行，都是返回缓存的值，区别在于 useMemo 返回的是函数运行的结果，useCallback 返回的是函数。：在需要动态生成函数的场景下，使用 useCallback 缓存函数。
2024-07-18 18:53:22
795
原创 竟然与 package-lock.json 更新有关！部分用户 H5 页面白屏问题！
安装的依赖版本发生变化：package-lock.json文件记录了确切的依赖版本，如果这些版本发生变化，可能会导致代码在不同的环境中表现不一致，甚至出现不兼容的情况。依赖的依赖版本变化：package-lock.json文件不仅记录了直接依赖的版本，还包括了依赖的依赖的版本，如果这些依赖的依赖版本发生变化，也可能会影响代码的行为，导致不兼容问题。
2024-06-14 19:16:17
1147
原创 微信小程序 - 面试题
在整个小程序的生命周期中，无论用户何时打开小程序，app.js 中定义的 onLaunch 函数都只会被执行一次。后台：当用户将小程序切换到后台，即切换到其他应用程序或锁屏时，小程序处于后台状态。冷启动的小程序，会先执行app.js中的onLaunch和onShow，然后才是页面的生命周期：onLoad，onShow，onReady…前台：当用户打开小程序或从其他页面切换到当前小程序时，小程序处于前台状态。：页面加载、显示和初次渲染时触发，适合进行页面初始化操作和数据加载。：页面隐藏/切入后台时触发。
2024-03-25 19:26:01
1242
原创 React - 面试题
总的来说，随着 React Hooks 的引入，函数式组件在很多方面已经可以替代类组件，并且具有更好的性能和代码复用性。函数式组件：以前，函数式组件是无状态的，无法使用状态（state）或生命周期方法。类组件：类组件可以使用 this.state 和 this.setState() 来管理组件的状态，并且可以使用生命周期方法来处理组件的生命周期事件。React 中有两种主要的组件类型：函数式组件和类组件。函数式组件：函数式组件更容易实现逻辑的复用，可以使用自定义 Hook 来提取和重用组件逻辑。
2024-03-25 18:36:46
393
原创 H5 - 二次分享专栏
获取微信分享接口权限：在微信公众平台中，你需要配置网页授权获取用户基本信息和分享接口权限，获取到对应的 AppID 和 AppSecret。这里的JS接口安全域名就是你需要进行二次分享页面的域名。（域名不能带协议，否则会报错，无法分享成功）触发分享：在用户触发分享的时候，调用对应的分享接口，例如点击分享按钮时触发分享功能。通过以上步骤，你可以实现微信二次分享功能，让用户可以分享页面内容到微信朋友圈或好友。注册微信公众号：首先，你需要拥有一个微信公众号，并在微信公众平台上进行注册和认证。
2024-03-21 12:20:39
704
原创 React从零基础入门到实战，完成企业级项目简书网站开发
终于追完整部React剧~全部代码可见GitLab项目地址：https://gitee.com/xxxxxl17/jian-shu-react学习笔记：React从零基础入门到实战，完成企业级项目简书网站开发(慕课网学习笔记)
2024-02-02 18:23:18
637
原创 Vue - 面试题持续更新（重点在理清答题思路，更详细知识点另外查阅）
history采用HTML5的新特性，使页面更美观，并且提供了两种新方法：pushState()，replaceState()可以对浏览器的历史栈进行修改，以及popstate事件的监听到状态变更。Hash模式的特点：hash是和浏览器对话的，和服务器没有关系，hash值不会作为url的一部分发送给服务器。History模式的特点：history 模式下，前端的 URL 必须和实际向后端发起请求的 URL 一致。总共有Hash和History两种模式。
2024-02-02 16:20:40
752
原创 练习题 - 封装一个通用的弹框组件，使用一行语句就可以唤起这个弹框
预期：使用一行语句就可以唤起这个弹框，类似浏览器中的alert方法，用户点击确认后会关闭。（给出核心逻辑就行，能表达思路即可）Q：封装一个通用的弹框组件，可以使用任何你熟悉的语句或者库。好羡慕鸟鸟，可以飞来飞去~什么时候才可以拥有一双翅膀。
2024-01-18 00:01:21
536
原创 浅了解一下『微前端』
微前端的核心理念是将前端应用程序看作是一个整体，由多个独立的部分组成。每个部分被视为一个微前端应用，它们可以具有自己的技术栈、开发流程和团队组织。这种方式使得团队可以独立开发和部署各个子应用，减少了协调和合并的复杂性。
2023-12-27 16:05:36
1444
原创 Vue - 实现文件导出&文件保存下载
如 在前端页面勾选部分表格数据，点击"导出"按钮导出Excel文件。如果后台返回的是 get 请求的下载可以直接使用 a 标签下载。，如 在前端页面点击"导出"按钮导出当前表格所有数据。：封装文件导出组件，组件传入后端接口地址+请求参数。点击“导出”按钮即导出数据保存文件到本地电脑。点击对应位置即下载文件保存到本地电脑。同4：可以参照另外一篇博客记录。点击a标签即下载文件到本地电脑。：可以看我的另外一篇博客记录。：后端返回下载的URL。
2023-12-26 18:40:34
2838
原创 Vue - 使用Element UI Upload / importExcelJs进行文件导入
例如，一个常规excel文件填写模板，在用户的电脑上，用户上传完后，还可以在预览展示时，在线修改，改完可以下载，也可以将数据给到服务端，但这时，比如这模板数据通常不多，比如是一个团队成员这样的数据，通过文件流的形式传给后端，可能不是很理想，倒不如前端解析传那几行数据就行。: 设置上传的请求头部（上传的文件可能是有固定格式的（表头），这个是在后端设定好了的，所以如果上传的文件格式不对可能会引起报错。，点击"导入"按钮，弹出“导入”弹窗，将电脑本地Excel表格数据。: 上传文件之前的钩子，可作上传之前校验。
2023-12-26 16:56:12
2600
原创 ECMAScript 6 - 通过输出题理解「Promise」
题目背景：分享@洛千陨 珍藏题。先打印2个'100'打印下一个'100'打印下一个'100'
2023-12-25 16:12:11
1068
原创 Vue - 基于Element UI封装一个表格动态列组件
在后台管理系统中，表格的使用频率非常高，统一封装`表格动态列`组件并`全局注册`使用，可大大提升代码的`复用性`和`可维护性`。
2023-12-19 17:22:27
959
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人