code-R

摘要： ## 写在前面 这些内容是在通过cli搭建的uniapp中，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 ### css方式 UNI提供的安全区CSS常量 ``` 获取上安全距离(安全区域距离顶部边界的距离)： env(safe 阅读全文

摘要： ## 写在前面 这些内容基于通过cli搭建的uniapp项目，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 uni是一个全局变量，但是eslint没有识别到。 ### 避免这个错误报错 在.eslintrc.js文件中加上配置 阅读全文

摘要： ## 写在前面 这些内容基于通过cli搭建的uniapp项目，使用了vite4,ts4.9,vue3（组合式API,setup语法糖）。如果有版本不一致，请谨慎参考。 ## 正文 安装依赖 ``` npm install --save-dev @types/node ``` 在 Vite 中， '_ 阅读全文

摘要： 要求 新组件的写法要和旧组件保持一致， 那么保留原本的插槽，属性，方法 写法如下，以vxe-table为例 组件封装 <template> <vxe-grid ref="vxeGrid" v-bind="$attrs" v-on="$listeners" @filter-change="filter 阅读全文

摘要： 场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 阅读全文

摘要： 背景 使用apicloud将h5项目打包成app，在该项目中用到了支付宝付款的api，流程是前端将订单信息提交到后端，后端返回一个url，前端跳转到这个url，页面如下。在浏览器中可以正常跳转到支付宝付款页面，打包成app后在安卓高版本中有些机型无法打开支付宝。 调试过程 尝试获取报错信息 打不开的 阅读全文

摘要： 写在前面 本文的所描述的性能优化包括nginx、webpack等工具的配置，不包括前端的具体业务代码。这是前端新人的第一次性能优化尝试，标题说的提升60%和项目是否已经优化、机器性能关系非常大，仅供参考。欢迎大佬指出文章中的不足。 准备 优化需要有一些指标，对比优化前后的数据，才能知道优化是否成功。 阅读全文

摘要： 1 一个函数中，前面的代码数据更改，后面报错，视图不会更新 在html引入vue.js的页面不会更新，但是在单页面组件中视图会更新 <template> <div> {{counter}} </div> </template> <script> data() { return { counter: 阅读全文

摘要： 这里记录我项目中或者某些demo，甚至做些小玩具中遇到的痛点，或者产生的某些奇怪想法。先行记录、以待将来，或者有解决的时候。 把浏览器页面变得像设计稿一样 实现设计稿时，虽然使用了设计稿的样式，但是设计稿不会把所有的css代码写出来（比如布局什么），还有一些其他原因什么的，所以还原度也行不能达到10 阅读全文

摘要： js插入样式表 var style = document.createElement('style'); style.innerHTML = `body { background-color: aquamarine !important; }`; // 获取第一个脚本标记 var script = 阅读全文