- 博客(15)
- 收藏
- 关注
原创 解决flutter iOS模拟器 无法在safari中调试的问题
在iOS模拟器中调试webview时,无法通过连接safari调试。在XCode中打开flutter目录下的ios的工程。在开发时,遇到这个问题,很不方便。在图中位置添加如下代码。在模拟器上重新运行。
2024-08-15 13:26:18
205
原创 Element Plus: DatePicker日期选择器,通过props自定义禁用日期的方法
当您在自定义组件中使用 Element Plus 的 DatePicker 组件时,您可以通过 disabledDate 属性绑定回调函数,实现更灵活的日期选择器功能。
2024-03-29 18:08:11
881
原创 码点、码元与Emoji长度计算
本文深入介绍了Unicode编码中的码点和码元概念,以及它们在处理包含Emoji的字符串时的应用。我们探讨了使用JavaScript中的codePointAt()方法和Array.from()方法来计算包含Emoji的字符串长度的方法,并强调了在计算长度时需要注意的连接符问题。通过本文,读者可以更好地理解Unicode编码,并学会处理包含Emoji的字符串的技巧。
2024-03-19 18:05:15
630
原创 Vite中的静态资源动态引入:从开发到打包的全方位探究
摘要:本文将深入探讨 Vite 中的路径解析原理和自动转换静态资源路径的策略,以及静态文件动态引入的常见需求和解决方案。通过本文的阐述,读者将学会如何正确处理静态文件的动态引入问题,从而提高开发效率和项目质量。
2024-03-12 17:04:15
3554
原创 解决 iOS Safari 中 100vh 引发的滚动条问题
在移动端网页开发中,iOS Safari 中的视口高度单位 100vh 常常引发一个奇怪的现象:即使内容并不溢出,仍然会出现垂直滚动条。这种问题给开发者带来了布局上的困扰。本文将探讨这个现象的原因,并提供解决方案,让开发者能够更好地处理这个挑战,确保页面在 iOS Safari 上的正常呈现。
2024-03-08 16:35:43
2169
原创 理解.gitignore语法:精准控制版本控制中的文件忽略
本文将深入探讨 .gitignore 文件的语法及其在版本控制中的重要性。我们将详细解释.gitignore文件中使用的语法规则,包括通配符匹配、否定模式等,以及这些规则如何影响 Git 的文件跟踪行为。
2024-03-05 11:18:59
1022
原创 使用 Vue + Vite + TypeScript 实现无限视差滚动效果
使用 Vue + Vite + TypeScript 实现无限视差滚动效果
2024-02-29 17:23:34
528
原创 在Vue3+Vite+TypeScript中使用colorthief
本文将介绍如何在Vue 3 + Vite + TypeScript技术栈下应用ColorThief库,利用其强大的色彩提取功能来增强网页设计和用户体验。我们将探讨ColorThief的基本原理、使用方法以及如何与Vue生态无缝集成,通过实例演示展示鼠标悬停图片时,动态获取主色并改变页面背景的效果。通过本文,读者将了解到如何利用ColorThief为项目增添一抹色彩的魅力,提升用户感知与交互体验。
2024-02-28 16:15:42
1033
原创 理解作用域与作用域链
目录一、作用域1.函数作用域1.1 拥有函数作用域的情况(1种)1.2 函数作用域的特性2.全局作用域2.1 拥有全局作用域的情况(3种)2.2 全局作用域的特性3.块级作用域3.1 拥有块级作用域的情况(1种)3.2 块级作用域的特性二、变量与函数的声明提前1.变量提升2.函数的声明提前3.重复定义会被忽略4.变量提升与函数声明提前的先后顺序三、作用域链1.自由变量2.作用域链一、作用域简单来说,某个变量或函数可以访问的范围就是其作用域。ES5中只有全局作用域和函数作用域,ES6新增了块级作用域。
2021-03-01 17:29:00
381
原创 Vue组件通信
目录1.父组件向子组件通信1.1 父组件传值1.2 子组件接收值(Props)1.2.1 Props属性名1.2.2 Props属性值1.父组件向子组件通信1.1 父组件传值在父组件中,通过在子组件上添加属性,向子组件传递数据。属性属性名命名规范:小写字母,单词以短横线-分隔。例如:my-attr属性值静态:直接赋值,默认为字符串类型。例如:<child post-msg="hello"></child>其他静态类型赋值方法,请参考:Vue官方文档 Pr
2021-02-05 16:40:48
121
原创 彻底弄懂JS隐式转换
一、什么是隐式转换?定义:由编译器自动完成类型转换的方式就称为隐式转换。二、转换规则2.1 基本数据类型2.1.1将值转为字符串字符串连接符+ 使用这一规则。(只要+两边出现了字符串就是字符串连接符。)编译器将非string类型的值转为string类型,然后再将其拼接成一个新的字符串。const test = 1 + '0' + true + undefined + null;console.log(test); // 10trueundefinednullconsole.log(typeo
2021-02-02 14:17:09
761
2
原创 vue-cli3配置less
vue-cli3配置less并注入全局样式资源1.在vue-cli3中增加对less的支持2.设置全局样式3.配置vue.config.js4.测试1.在vue-cli3中增加对less的支持安装less和less-loadernpm i less less-loader -D2.设置全局样式安装style-resources-loader和vue-cli-plugin-style-resources-loadervue add style-resources-loader注:vue ad
2021-01-29 18:06:54
2033
原创 Webpack output配置中的path和publicPath区别
Webpack output配置中的path和publicPath区别path:在执行npm run build之后,打包bundle.js存放的路径。path: path.resolve(__dirname, 'dist'),publicPath :用于给生成的静态资源路径添加前缀。运行时,html默认在其路径下引用打包好的静态资源。但打包好的静态资源(img,url等)在dist路径下,html路径引用错误,资源就无法加载。publicPath: 'dist/'但是,在使用HtmlWebp
2020-07-21 12:00:24
634
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人