- 博客(21)
- 收藏
- 关注
RSS订阅原创 uni-app 开发微信小程序 Page “pages/index/index“ has not been registered yet.
TypeError: o.pushScopeId is not a function Page "pages/index/index" has not been registered yet. 错误处理
2024-10-09 11:26:10
353
原创 使用webpack5，手动搭建vue开发环境
在vue3.x 项目中需要设置两个变量，以更好地进行 tree-shaking修改以上操作是webpack5搭建vue项目环境全过程了，在实际操作的过程中再次熟悉webpack的配置。Webpack 5.0 从零开始搭建 Vue 开发环境手写webpack创建vue3项目的流程。
2023-06-14 09:26:12
976
原创 npm i 安装报错4048
npm ERR! code EPERMnpm ERR! syscall mkdirnpm ERR! path C:\Program Files\nodejs\node_cache\_cacache\index-v5\8e\fdnpm ERR! errno -4048
2023-06-13 09:32:12
809
原创 通过伪元素画一个对话框气泡
一个带阴影效果的聊天气泡框常见得伪元素：::first-letter：指定一个元素第一个字母的样式::first-line：设置元素中第一行文本的样式::selection：匹配被用户选择的部分::placeholder：匹配占位符的文本::backdrop(处于试验阶段)：用于改变全屏模式下的背景颜色::before：在元素之前添加内容。::after：在元素之后添加内容。box-shadow与filter: drop-shadow()的用法
2023-02-23 16:04:10
292
原创 APP 混合开发中如何查看 H5 的控制台
本文主要介绍在使用原生客户端 + JS-bridge 的混合开发的时候，如何在移动端打开查看 h5 部分的控制台。在开发阶段 H5 部分大部分是在电脑端完成，在嵌入 APP 端之后，若想查看接口调用是否正常，代码运行是否异常，则需要开发控制台。那么，我们需要用到vConsole手机前端开发调试利器。vConsole 是一个轻量、可拓展、针对手机网页的前端开发者调试面板。特性：查看 console 日志查看网络请求查看页面 element 结构。
2023-02-20 10:32:45
982
原创 vue3 中使用 props, emits 并指定其类型与默认值
本文主要描述 vue3 中 defineProps 与 defineEmits 分别在 JS 环境和 TS 环境中的使用方法。经过上述代码示例，可能觉得 ts 的写法似乎更加麻烦了，不如 js 来的快。但是，我个人认为使用 ts 开发不仅仅是提示友好，而且能有效避开很多的坑。可谓:"未雨绸缪"胜过“亡羊补牢”的好。最后，需要这篇文有帮到你。如有谬误，不吝赐教。
2023-02-17 09:32:41
7485
原创 使用vant-tabs改变active-tab样式
实现视觉效果的方案有很多种，尝试不用方案达到最好的兼容效果。的属性，导致在边界问题上出现了换行或显示完全的情况。的大小，直接改变字体大小对于内容比较长的。来说可能会超出边界，就出现了上述情况。初始化的时候已经确定了单个。后的样式，这里是需要激活。字体变粗，字号变大。
2023-02-17 09:31:20
1693
1
原创 理解 call、apply、bind 原理，手写简单的 call、apply、bind 方法
手写apply、call、bind方法。彻底理解apply、call、bind原理。
2023-02-10 14:03:43
344
原创 自己敲一遍代码，我理解了常见的设计模式
单一职责原则：一个类只负责一个功能领域的相应职责。或者说：就一个类而言，只有一个引起其变化的因素。开放封闭原则：核心思想是软件实体（类、模块、函数）是可扩展的、但不可以修改。或者说：对扩展是开放的，对修改是封闭的。要理解就要经历，看千万文章抵不过根据自己理解的思路写一遍过程。类似康奈尔学习法。
2023-02-09 14:10:30
104
原创 VUE中Property ‘xxxx’ does not exist on type ‘CombinedVueInstance
报错内容Property ‘xxxx’ does not exist on type 'CombinedVueInstance<{ readyOnly: unknown; businessPrice: unknown; travelStaffInfo: any; } & Record<never, any> & Vue, object, object, object, Record<never, any>>. Vetur报错原因Vetur配置问题
2021-09-02 14:33:24
3351
原创 正则学习笔记
正则表达式Regular Expression正则表达式是一种文本模式（相当于数学中的逻辑公式）正则表达式使用单个字符串来描述、匹配一系列某个句法规则的字符串字符串模式方法search接收参数 (接受正则对象 or 字符值模式)方法返回的是索引值function string_search() { // 正则对象 let reg = /\d+/ // 正则字符串 let pattern_string = '\\d+' let text = 'm
2021-09-02 07:19:39
129
原创 怎么样禁止恶意调试控制台
防止恶意调试控制台身为前端人员，查看控制台已经是一个日常操作，项目除了什么问题第一反应就是打开控制台一探究竟。直到昨天，负责手头项目的产品突然跟我说使用使用遮罩层遮住部分页面上面的假数据方案不通过，他会用检查元素来吧遮罩层隐藏来看里层的数据（里层也是假数据），并表示这样的假数据会误导用户以为时真数据… 现在的用户都这么厉害了吗——也不知道是不是在抖音上面学的维护开发人员的“尊严”，防止恶意调试控制台势在必行说维护尊严可能有点过头了，言归正转。debugger防止调试，第一想到就就是
2021-09-01 11:41:41
553
原创 一键复制指定文本到剪切板_移动端_web端PC
一键复制指定文本到剪切板思路利用 input 选中需要复制的文本执行复制操作，主要使用 document.execCommand('copy')删除 input实现细节创建input元素，用于放需要复制的文本内容设置其样式使其不出现在视口内，以不影响当前页面需要判断一下设备的类型，因为部分 API 苹果设备不支持执行复制操作后删除创建的 input 元素完整代码function handle_copy(textString) { const input = docume
2021-08-31 20:28:03
337
原创 web常见的攻击方式
web常见的攻击方式web攻击定义Web攻击（WebAttack）是针对用户上网行为或网站服务器等设备进行攻击的行为一般攻击方法：植入恶意代码，修改网站权限， 获取网站用户隐私信息等等常见的web攻击方式：XSS (Cross Site Scripting) 跨站脚本攻击CSRF（Cross-site request forgery）跨站请求伪造SQL注入攻击XSSXSS，跨站脚本攻击，允许攻击者将恶意代码植入到提供给其它用户使用的页面中XSS涉及到 三方 ，即 攻击
2021-08-31 07:25:45
483
原创 vue中使用svg-sprite-loader
svg-sprite-loader 使用教程开发环境vue-cli， svg-sprite-loader 将加载的 svg 图片拼接成 雪碧图，放到页面中，其它地方通过 <use> 复用1. 首先在 src 下建立以下目录和文件：src/icons/svg2. 安装配置SVG-sprite-loader安装： npm i -D svg-sprite-loaderwebpack 配置： test: /\.svg$/, loader: 'svg-spri
2021-08-25 15:09:31
548
原创 使用正则表达式将数值转化为千分位格式
实现思路拿到这个问题的时候先从最简单的入手，假如我们拿到的是一个四位数的整数，那么问题就变得好简单了。后面的看代码自己悟。。。技术核心正则对象的**test()**方法字符串的**replace()**方法代码实现function thousands(num) { // 转成 Number 类型 num = +num // 判断是否是一个合法数 if (isNaN(num)) { return '请传入一个合法数' } num = '' + num l
2021-08-21 18:48:13
1855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人