将<script>标签放在<head>和<body>底部，会对页面的加载和性能产生不同的影响： <script>标签放在<head>部分 优点： 1.预加载：浏览器在渲染页面之前，会先下载和解析所有在<head>部分的脚本文件。这样可以确保脚本在页面加载过程中随时可以被调用。 2．全局可用性：一些脚 阅读全文
最近给之前的老项目增加的一个配送骑手地图显示，要应用高德地图，这里就简单的把代码摘点出来，做个小随笔。 参照路径规划-参考手册-地图 JS API 1.4 | 高德地图API AMap.Riding AMap.Riding骑行路径规划服务，提供起始、终点骑行路线查询服务。用户可以通过自定义回调函数取 阅读全文
custom-tab-bar 自定义tabBar组件。 在小程序和App端，为提升性能，在 pages.json 里配置固定的原生tabBar。但在H5端，这一设计并不会提升性能。 同时，H5端尤其是PC宽屏，对tabBar的位置和样式有更灵活的需求，tabBar作为一级导航，更多的时候是在PC网页 阅读全文
一、原生组件说明 小程序和App的vue页面，主体是webview渲染的。为了提升性能，小程序和App的vue页面下部分ui元素，比如导航栏、tabbar、video、map使用了原生控件。这种方式被称为混合渲染。 虽然提升了性能，但原生组件带来了其他问题： 前端组件无法覆盖原生控件的层级问题 原生 阅读全文
1.require.context() 1.场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' impor 阅读全文
当年这可能是一个典型的CSS面试题：“两列布局”。很多年前（大约是10年前吧），有过这样的一个面试题： 两列布局，左侧列宽度是20%，右侧列是80%，两列之间的间距是20px，CSS怎样实现这样的一个布局，而且不会出现滚动条！ 对于题主这个问题，早在当年可能会较为蛋疼一点，或许很多开发者会采用 Ja 阅读全文
出现这个问题原因： （1）通过打断点可以看到，当你输入的时候触发input事件，提交值给父组件中的v-model； （2）但因为在子组件中又监听了v-model的值，所以整体形成了闭环； （3）还需要重点说明的是光标问题，contenteditable与v-html所在的元素值的改变如果不是通过输入 阅读全文
navigation-bar 页面导航条配置节点，用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点，需要配合它一同使用。 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 抖音小程序、飞书小程序 QQ小程序 快手小程序 京东小程序 √ 2.6.3+ 2.6.3 阅读全文
在项目中，前端开发经常会遇到有图片上传的需求，而别人的组件大多都满足不了当下产品的需求，这是往往我们得去依靠组件自己自定义一个项目通用的裁剪组件 一、vue-cropper安装依赖： vue2： npm install vue-cropper 或 yarn add vue-cropper vue3： 阅读全文
page-meta 页面属性配置节点，用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。 从微信基础库2.9.0开始，新增了page-meta组件，它是一个特殊的标签，有点类似html里的header标签。页面的背景色、原生导航栏的参数，都可以写在page-meta里。HB 阅读全文
浙公网安备 33010602011771号