
前端编程
vue及底层基础JavaScript相关内容
墨迹斑斑的老墙
这个作者很懒,什么都没留下…
展开
-
vue3+vite创建的项目require和import引入方式问题报错
删除package.json中的type:"moudle"就好了。不会因为使用require报错了。其他的方式比如把文件改mjs cjs的太麻烦,还容易有别的问题。原创 2024-07-17 07:42:28 · 281 阅读 · 0 评论 -
vue3+vite创建的项目require和import引入方式问题报错
删除package.json中的type:"moudle"就好了。不会因为使用require报错了。其他的方式比如把文件改mjs cjs的太麻烦,还容易有别的问题。原创 2024-07-17 07:41:55 · 332 阅读 · 0 评论 -
threejs--02threejs手册起步+进阶
快速过一下基本用法。原创 2024-04-14 14:20:21 · 271 阅读 · 0 评论 -
threejs--01整体api整理
掌握3d知识,整体掌握threejs的基本内容,根据需求选择合适的api,快速上手原创 2024-04-14 12:29:32 · 1439 阅读 · 0 评论 -
three+vue谷歌浏览器出不来报错 Failed to create a WebGL2 context
threejs在谷歌浏览器报错。打开设置–系统–图形加速打开。原创 2024-04-13 17:31:08 · 961 阅读 · 0 评论 -
‘vue/max-attributes-per-line‘报错属性应该单独一行,prettier可能也报错。
报错属性要单独一行,但保存后就恢复一行。一般是vscode和项目里设置不一致造成的。设置了保存自动格式化,这个是优先使用vscode里的设置的。所以要注意保持一致。原创 2024-02-26 23:37:05 · 3612 阅读 · 0 评论 -
实现vue可拖动的tabs组件
【代码】实现vue可拖动的tabs组件。vue2+vue3原创 2024-02-21 11:00:30 · 634 阅读 · 0 评论 -
前端工作细节提升总结
工作不光是在完美的环境下进行的,设计好的页面,已经完善的需求,理想的工期,合作完美的小伙伴。实际上有设计稿的可能都不是很多,需求也是一边做一边完善,时间还挺紧张,小伙伴可能还会跟你产生冲突。尤其前后端又没有测试的情况下,中间的模糊地带就是雷。后端更被领导看中,更有话语权的时候,前端更是要尽量少出错的。所以我个人总结出几种容易遇到的问题,容易出错的时刻,改善这些将避免大部分的错误。首先我们自己出错是正常的,尤其在高压时间紧的情况下,很容易出现不耐烦。有些性格不是说耐心就能耐心。对此我总结了一下以下几点。原创 2024-01-02 09:32:41 · 686 阅读 · 0 评论 -
vue3插件:ace-builds封装ace-editor
ace-editor vue插件代码编辑器原创 2024-01-01 12:27:03 · 1880 阅读 · 2 评论 -
websocket封装
vue:websocket封装原创 2024-01-01 12:21:09 · 461 阅读 · 0 评论 -
vue插件--xterm封装
vue插件xterm封装,shell终端原创 2024-01-01 12:18:44 · 967 阅读 · 0 评论 -
codemirror封装
vue插件:代码编辑器---codemirror封装原创 2024-01-01 12:16:27 · 413 阅读 · 0 评论 -
vue3+vite项目搭建---2.请求相关,axios+mock
vite+vue3。原创 2023-12-31 20:50:39 · 598 阅读 · 0 评论 -
vue3+vite项目搭建---1.搭建基础的框架
完整的vue3项目搭建流程。命令工具:pnpm;前端框架:vue3+vite+js;vue库:pinia+vue-router; 样式库:sass; 格式化:eslint+prettier; git提交规范化:commitizen; 预检查工具:husky+lint-staged; 组件库:ant-design-vue; 优化库:viteCompression+viteImagemin+terser原创 2023-12-10 10:03:47 · 1684 阅读 · 0 评论 -
uni-app drawer抽屉导航点击出现侧边栏
官方的使用只能点击一次出现后再次点击失效。hello uni-app的例子我用了总是报错,那个closeDrawer错误,我也是不够熟悉,各种改都不对,最后自己重新写了。代码如下...原创 2019-09-28 21:33:12 · 9001 阅读 · 3 评论 -
uni-app 利用自带swiper实现点击tab内容滑动,滑动内容tab切换(不使用插件)
结构<view class="ui-car-select"> <view class="ui-car-name-list"> <view class="ui-car-name-item" v-for="(item,index) in carTypes" :class="{active:current==index}" :data-current="inde...原创 2019-10-01 12:58:46 · 14531 阅读 · 4 评论 -
uniapp中scroll-view高度样式,解决手机端问题
.scroll-container { /* #ifdef H5 */ height: calc(100vh - 88rpx - 100rpx - env(safe-area-inset-bottom) - var(--status-bar-height)); /* #endif */ /* #ifdef APP-PLUS */ height: calc(100vh - 88rpx -...原创 2019-12-23 08:53:43 · 6578 阅读 · 3 评论 -
高德地图和flexible适配
高德地图在webapp中如何适配rem?问题就目前所知高德和百度地图并没有为rem单位提供适配方法。看到此处不要急,且让我慢慢道来!我在项目中使用的是淘宝flexible适配rem的方案,原本是适配dpr分别是1、2、3的情况下,但是在dpr=3时,地图文字太小。然后看到高德地图在使用时有font-size设置。内心有些happy,企图利用font-size来适配。but...然并原创 2017-05-22 14:54:47 · 1254 阅读 · 0 评论 -
webapp高德地图
问题1:无法拖动缩放问题描述地图已经成功加载,但是无法拖动和缩放问题原因在#map加了z-index,z-index值不能小于0,否则无法操作到地图元素。问题2:使用了淘宝flexible适配,UI元素太小问题描述由于flexible动态添加meta标签缩放webview,导致高德地图被缩放,font-size的设置并不能影响到UI组件尺寸,因此组件在界面显示很小。原创 2017-05-09 13:45:32 · 1566 阅读 · 0 评论 -
d3.js入门
安装/准备将文件引入html。一般放在body中,在所有内容下面。js/d3.js">开始使用首先,了解基本的API以便于完成更深入复杂的任务。1.选择元素select 只能选中一个元素,如果有多个同样标签或者类名的元素最终会返回第一个元素;selectAll 可以选中所有同样标签和类名的元素。选择整个文档中的元素 d3.select(""),选择部原创 2017-03-14 10:00:10 · 451 阅读 · 0 评论 -
js去除字符串所有空格
实际使用有用s.replace(/\s/g,"")原创 2017-05-18 09:43:03 · 352 阅读 · 0 评论 -
动态加载的内容用zepto绑定无效+多张图片上传、删除
//createObjectURL的方法 $(".ui-input-image").on("change",function(e){ var that=$(this); var src,url = window.URL || window.webkitURL || window.mozURL; var files=e.target.files; var length=...原创 2019-09-19 17:29:29 · 252 阅读 · 0 评论 -
krpano+vue3+vite实现VR看房等场景
【代码】krpano+vue3+vite实现VR看房等场景。原创 2023-04-26 13:12:48 · 1198 阅读 · 0 评论 -
git 报错Encountered end of file
最近服务器老遇到这问题整体来说就是网络不行之类的因素。原创 2023-06-15 12:32:24 · 2061 阅读 · 0 评论 -
jcrop图片裁剪使用踩过的坑
图片剪切,使用了jcrop。踩了不少坑,真是谁用谁知道,找到的参考也是一言难尽,各种尝试终于弄好了。最终实现效果遇到问题1.上传图片改变时,左侧的原始图片展示尺寸出现问题,图片尺寸与前一张图片大小一致,使得图片出现了变形。2.解决了问题一右侧的小图尺寸不对,右侧小图大小出现异常。解决方法1.上传图片外部设置图片使用jcrop.setImg(imgurl)。2.问题二是由...原创 2019-01-30 16:06:17 · 2723 阅读 · 0 评论 -
owl.carousel.js 2.3.4动态添加数据
【代码】owl.carousel.js 2动态添加数据。原创 2023-05-25 15:38:30 · 532 阅读 · 0 评论