前端开发
文章平均质量分 50
一直在更新,目前本专栏已经有500+文章,这是我数年工作总结之结晶,购买后可以私信留言,进前端学习交流群。
南北极之间
对未来最大的慷慨,是把一切献给现在。Real generosity towards the future lies in giving all to the present.(Albert Camus)小问号???你是否有很多朋友???
展开
-
px、em、rem、rpx的介绍以及使用场景?除此以外。还有哪些是发中常用的长度单位?(vh、vw、pt等)掌握前端布局必备|前端开发新手必看|从零开始:前端布局长度单位的全面解析
在前端开发中,长度单位是用来定义元素大小、间距、字体大小等属性的重要工具。原创 2024-08-26 11:21:08 · 341 阅读 · 0 评论 -
为什么已经设置了.gitignore文件,但某些需要被忽略的文件仍然显示?如何解决.gitignore无法忽略文件?
某个同事,不小心把编译文件夹(这个文件夹【unpackage】)提交到了远程仓库里。然后我们在.gitignore文件设置了排除这个文件夹也没用。下图是push成功后的目录状态:(只有4个文件是本来就想提交的,另外的被删除了)之前我没有理解【但会保留在您的工作目录中】这句话的意思。操作完了之后才明白。执行以下代码:(想删除哪个文件或者文件夹就自己修改一下对应的名字)这将从版本控制中删除文件,但会保留在您的工作目录中。执行完了之后,会发现git跟踪的文件的状态变了。push成功后就会覆盖远程仓库里的代码。原创 2024-08-22 13:07:00 · 641 阅读 · 0 评论 -
vue3修改带小数点的价格数字:小数点的前后数字,要分别显示成不同颜色和大小!已经封装成组件了!
【代码】vue3修改带小数点的价格数字:小数点的前后数字,要分别显示成不同颜色和大小!已经封装成组件了!原创 2024-08-02 17:11:18 · 287 阅读 · 0 评论 -
怎样实现微信语音聊天的动态语音图标?点击播放的时候,语音图标就要动态变化,再次点击可以切换动态和静态|animate css动画效果|语音播放动画
可以复制代码到编辑器或者在线编辑器,然后粘贴预览。原创 2024-07-30 10:19:43 · 476 阅读 · 0 评论 -
七牛云上传凭证是什么意思?怎样上传文件到七牛云?
上传凭证是七牛云存储用于验证上传请求合法性的机制。用户通过上传凭证授权客户端,使其具备访问指定资源的能力。1、验证通过,那么就可以成功上传文件(可以调用接口,上传本地的资源文件到服务器去了);2、不通过,七牛服务器会反馈一个上传失败的原因。七牛是专注文件存储的第三方服务商。七牛云存储API和SDK文档。上传凭证 | 七牛云存储。原创 2024-07-26 09:37:29 · 320 阅读 · 0 评论 -
怎样将对象转换为包含键值对的对象数组?然后又将数组转换为对象?
1、怎样把这个对象转化为一个数组?2、然后又怎样把转化后的数组再转化回来?3、怎样将这两个方法单独封装成函数?原创 2024-07-23 13:09:34 · 346 阅读 · 0 评论 -
HBuilderX打包流程(H5)?HBuilder如何发布前端H5应用?前端开发怎样打包发布uniapp项目为h5?
我们用的是宝塔直接部署,每次直接把这个文件夹上传到宝塔后,直接替换掉原来的h5文件夹即可。新页面立刻就能通过域名访问到。我这里是把这个文件夹打包了,这样方便上传到服务器,传上去之后再解压即可,然后把名字改成h5就好了。按照打包后的路径,找到打包好的文件夹,把文件夹里的内容,上传到服务器上去部署即可。2、面板里的所有信息都可以不填,也不用勾选==》直接点击【发行】即可。我们需要的就是这个【web】文件夹里的内容。原创 2024-07-17 15:29:04 · 2139 阅读 · 0 评论 -
vue3创建项目报错Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut
报错信息:报错截图:修改nodejs版本后,就不会报错了。(每次在创建vue项目或者使用npm的时候,有些莫名其妙的报错,很多时候都是因为nodejs版本不对导致的。)原创 2024-03-29 19:03:35 · 2999 阅读 · 0 评论 -
使用npm时报错:Could not retrieve https://npm.taobao.org/mirrors/node/index.json.Get “https://npm.taoba
Could not retrieve https://npm.taobao.org/mirrors/node/index.json. Get "http原创 2024-03-29 18:11:31 · 2587 阅读 · 0 评论 -
vuex和pina的区别
易用性:pinia比vuex更易用,因为它不需要编写复杂的action、mutation和getter函数。API设计:vuex使用严格单一的store模式,而pinia允许使用多个store实例。性能:pinia比vuex具有更好的性能,因为它使用了新的ES6语法和新的数据处理方式。兼容性:vuex是为Vue 2.x设计的,而pinia是为Vue 3.x设计的。原创 2024-03-04 10:23:53 · 6237 阅读 · 0 评论 -
vue 常用的 UI 组件库之一:Vuetify组件库
Vuetify 是一个有助于创建漂亮和响应式用户界面的 Vue.js 框架。它包括用于构建现代应用程序的各种可定制和可重用的组件。原创 2024-03-04 10:12:06 · 4364 阅读 · 0 评论 -
什么是微前端
它允许将单个应用程序分解为更小、可独立部署的模块化部分。每个微前端负责应用程序的特定部分,并可以由不同的团队使用不同的技术栈进行开发。然后这些微前端可以组合在一起,形成一个完整的应用程序。这种方法可以提高开发速度和可维护性,同时还可以更容易地更新和部署应用程序的各个部分,而不会影响整个应用程序。现代的前端应用的发展趋势正在变得越来越富功能化,富交互化,也就是。这样越来越复杂的单体前端应用,背后的后端应用则是数量庞大的微服务。微前端是一种web应用构建方式。原创 2024-03-01 08:08:41 · 1072 阅读 · 0 评论 -
js使用多种方法取出嵌套对象数组中的所有 children 的值
这些方法都会遍历整个嵌套对象数组,并返回包含所有 children 的数组。请注意,使用递归方法时要小心,确保没有无限循环。2.使用 reduce 递归方法进行深度优先遍历。3.使用 flatMap 方法进行深度优先遍历。原创 2023-04-24 10:37:57 · 4984 阅读 · 0 评论 -
ES6 解构赋值的多种用法举例
3.嵌套对象的解构赋值。4.函数参数的解构赋值。6.解构赋值的剩余语法。5.解构赋值的默认值。原创 2023-04-24 10:24:49 · 228 阅读 · 0 评论 -
vue项目目录结构
文件夹是最重要的部分,它包含了 Vue.js 应用程序的所有代码和资源文件。文件夹中包含了项目依赖包,这些包可以被 Vue 应用程序使用。等文件不是必需的,它们提供了更好的项目开发体验和维护性。文件是主应用组件,定义了 Vue 应用程序的根组件。文件夹包含了应用程序的静态资源文件,如图片和样式等。文件是入口文件,其中初始化 Vue 应用程序。文件夹中,包含了一些静态资源文件,如。文件夹包含了应用程序中的可重用组件。文件夹包含了应用程序中的视图组件。文件夹包含了路由的配置信息。原创 2023-04-21 17:39:06 · 795 阅读 · 0 评论 -
vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
报错信息:问题分析: 我这里是用vue cli脚手架构建的vue2项目,安装的路由版本是4解决办法: 卸载这个不兼容的路由版本,重新安装对应的版本:安装3版本:最好就不会报错了。原创 2023-04-21 12:45:35 · 4291 阅读 · 4 评论 -
three.js(JS 三维模型库)介绍和入门
three.js是一个基于WebGL的JavaScript 3D库。它封装了WebGL API,为开发者提供了简单易用的API,以便在Web浏览器中展示3D图形。three.js提供了几个组件、方法和工具,用于创建和处理3D图形,使得开发者可以在Web浏览器中快速创建3D图形和动画,而不需要深入了解WebGL的底层实现。three.js支持多种类型的3D对象,例如几何体、材质、灯光和相机等。它还提供了许多常用的几何体,例如球体、立方体、圆锥体和圆柱体,这些几何体可以进行旋转、平移和缩放等变换操作。原创 2023-04-20 16:21:42 · 6289 阅读 · 0 评论 -
怎样使用vivus.js?
Vivus.js可以支持多种动画效果,具体可以参考官方文档(https://maxwellito.github.io/vivus/docs.html)。1.引入Vivus.js文件:可以从Vivus.js官网(https://maxwellito.github.io/vivus/)下载Vivus.js文件。Vivus.js是一个用于添加SVG动画的JavaScript库,它可以使你的SVG图形动态显示出来。4.调用Vivus.js实例:在需要调用SVG动画的时候,调用Vivus.js实例的回调函数。原创 2023-04-13 17:17:40 · 680 阅读 · 0 评论 -
[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板
全局安装prettier 配置:默认是没有包含Vue的,我们手动加上即可: 每次保存的时候,就会自动格式化了。原创 2023-03-28 15:54:08 · 8283 阅读 · 0 评论 -
微信小程序wx.previewImage(Object object)真机调试无法全屏预览图片
之前在测试的时候,用的是测试服务器,在pc端的微信开发者工具里面调试。就可以点开全屏大图!但是真机调试预览的时候就不行了!所以才会出现以上情况。当我把这个勾去掉之后, pc端的微信开发者工具也会报错!wx.previewImage(Object object) | 微信开放文档。之前还一直以为是设置上面那个【IP白名单】!那是因为我们为了方便调试,在微信开发者工具里面勾选了。设置【服务器域名】就可以了!原创 2023-03-10 17:37:18 · 1503 阅读 · 0 评论 -
hbuilder X发布微信小程序失败的解决方法
如果是包太大,就先分包;(分包后,主包仍然很大,而且也无法继续拆分的话,就试试在【发行】里面点【发布】!而不是在【运行】里面上传代码!但是主包里还有很多uniui的组件,占了2m多,之前一直是点击运行,然后再上传代码。提示的超过2m无法上传。uniapp 超过2m无法上传代码!uni-module太大了,小程序无法上传怎么办?还有要先关闭运行中的小程序项目。然后再点【发布】,让hbuilder X软件自动去启动微信开发者工具,有时候要点击很多次。有时候,会因为网络不良或者管理员权限问题导致发布失败。原创 2023-03-10 17:27:19 · 4932 阅读 · 0 评论 -
微信小程序踩坑:wx.openDocument(Object object)打不开文件
wx.openDocument(Object object) | 微信开放文档。说的fileType是可选参数!但是不加上的话,就打不开!加上之后就能打开了。原创 2023-03-10 10:57:14 · 9682 阅读 · 0 评论 -
new set数组对象去重失败
由于集合中的每个值都必须是唯一的,因此将检查值是否相等。具体来说,对于集,+0(严格等于-0)和-0是不同的值。有关详细信息,请参阅浏览器兼容性表中的“-0和0的密钥相等”。我们知道Set是JS的一个种新的数据结构,和数组类似,和数组不同的是它可以去重,比如存入两个1或两个"123",只有1条数据会存入成功,但有个特殊情况,如果添加到set的值是引用类型,比如数组、对象,他将无法自动去重。我们可以简单理解为,像Set实例add数据时,每次都会进行等值判断,类似于将add的元素与每个元素进行 === 比较。原创 2023-03-07 17:26:31 · 2187 阅读 · 0 评论 -
npm i 安装报错
在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境,这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换。Node.js平台,Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用。比如node版本和node-sass的版本如果不对,就会报错。原创 2023-03-07 15:29:22 · 1568 阅读 · 0 评论 -
uniapp 超过2m无法上传代码!uni-module太大了,小程序无法上传怎么办?
虽然分包了。但是主包里还有很多uniui的组件,占了2m多,之前一直是点击运行,然后再上传代码。提示的超过2m无法上传。原创 2023-02-23 14:29:57 · 6518 阅读 · 0 评论 -
uniapp uni ui uni-table表格 回显
selectedIndexs是选中的index下标数组。原创 2023-02-21 15:24:29 · 1300 阅读 · 1 评论 -
uniapp使用组件报错:Error: 组件 Btn 引用错误,仅支持 import 方式引入组件
本来使用了一个组件btn,但是只是在页面上删除了那个组件,但是忘记删掉components内的内容了。把下面也删掉之后,就不报错了。原创 2023-02-18 12:24:42 · 1825 阅读 · 0 评论 -
js中的多维数组转成一维数组
【代码】js中的多维数组转成一维数组。原创 2023-02-16 08:56:20 · 4127 阅读 · 0 评论 -
HbuilderX没有管理员权限,无法安装插件
问题描述:我在运行微信开发者工具时报错了。报错信息:error:系统找不到指定的路径.原因:提示的是没有操作权限。然后我打开插件也无法手动安装。原创 2023-02-13 14:44:34 · 1806 阅读 · 0 评论 -
nvm安装后出现‘node‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的NodeJS运行环境,这种情况下,对于维护多个版本的node将会是一件非常麻烦的事情,nvm就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换。Node.js平台,Node.js工具社区和Node.js库是快速移动的目标 - 在一个Node.js版本下可能有效的方法不能保证适用。看看path里面有没有?我的报错原因就是因为path里没有自动加上nvm的相关路径。原创 2023-02-13 11:33:50 · 5883 阅读 · 2 评论 -
uniapp-微信小程序分包操作步骤详解
(就是以前全都放在pages里面的模块。现在把次要的模块剪切到新目录里去。我这里还建了一个pages目录。也可以不建这个目录。而且里面的结构也可以多层次。结构变了,访问的路径也要变。测试可以成功访问之后,再把刚才剪切到新包里的那些文件路径都检查一下。没问题就可以发布上传了。想分几个包就建几个新目录。比如package2、package3……然后把刚复制的那些粘贴到package1的pages里面。(分包的参数结构也和原来的pages里面是一样的。url就是由分包的root加上path组成的。原创 2023-01-15 17:46:46 · 6117 阅读 · 0 评论 -
微信小程序分包后报错:[获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取: package1/package1/pages/dailyAdmin/index.js
获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取: package1/package1/pages/dailyAdmin/index.js。3、再次编译就没有报错了。但是好像是一次性的。报错的时候,再操作一边setting。1、在微信开发者工具中,右上角点击详情--去掉这个选项。原创 2023-01-15 17:26:41 · 5443 阅读 · 0 评论 -
2023 年 10 大 Web 开发趋势
除了网站具有的基本功能外,您还需要拥有更多功能才能使您的网站具有可持续性和吸引力。因此,我们列出了一些肯定会在 2023 年流行的功能,因为企业希望使其在线业务比以往任何时候都更加稳固。如果所有Web应用程序所有者都认真对待语音搜索,它将把整个客户与业务的关系提高到一个新的水平。这是利用服务器的一种经济实惠的替代方案,如果您有自己的服务器,则需要技术知识才能操作和维护。现在是时候在您的应用程序中安装聊天机器人了,如果您还没有的话。随着新年的临近,建议从新的角度看一下,并为您的网站添加有价值的功能和组件。原创 2022-11-30 10:50:29 · 3558 阅读 · 12 评论 -
怎样在vue中安装、配置vue-axios|axios
将下面代码加入入口文件:按照这个顺序分别引入这三个文件: vue, axios and vue-axios。原创 2022-08-21 08:10:27 · 1126 阅读 · 0 评论 -
vue-router安装报错、版本冲突
在做vue2项目的时候。配置路由报错了。原创 2022-08-21 08:07:43 · 1757 阅读 · 0 评论 -
如何在vuejs项目中使用md5加密密码
是一种信息摘要算法(对称加密),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值,用来确保信息传输完整一致性。它可以计算任意长度的输入字符串,得到固定长度的输出,而且这个算法是不可逆的,即使得到了加密的密文,也不可能用解密算法反算出明文。MD5被发明用于存储密码的单向哈希,并且几个文件服务器还支持预先计算的文件的MD5校验和,以便用户可以将下载文件的校验和与之进行比较。由于黑客可以制作具有与完全多个文件完全相同的哈希值的文件,因此MD5在有人篡改文件的活动中是不安全的。......原创 2022-08-01 16:55:13 · 1202 阅读 · 0 评论 -
JS数组对象排序(es6)
升序是a.value-b.value。降序是b.value-a.value。原创 2022-07-21 17:28:47 · 2110 阅读 · 0 评论 -
Vue2 技术栈(全家桶)学习笔记(尚硅谷 张天禹老师
2)Vue.prototype.$bus=newVue(),所有的组件对象都能看到$bus这个属性。2.this.$router.replace(path)用新路由替换当前路由(不可以返回到当前路由界面)(3)PubSub.publish(‘msgName’,data)发布消息,触发订阅的回调函数调用。1.this.$router.push(path)相当于点击路由链接(可以返回到当前路由界面)............原创 2022-07-15 17:40:00 · 1954 阅读 · 0 评论 -
vue3面试题:2024 最新前端 Vue 3.0 面试题及答案(持续更新中……)
打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%......使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking......Vue3可以更好的支持TypeScriptComposition API(组合API)setup配置ref与reactivewatch与watchEffectprovide与inject......新的内置组件FragmentTeleportSuspense其他改变新的生命周期钩子data 选项应始终被声明为一个函原创 2022-07-14 12:47:36 · 62963 阅读 · 11 评论 -
关于hasOwnProperty的坑和关于instanceof的坑
关于hasOwnProperty的坑:这玩意不受js的属性保护,所以说,如果直接修改对象的方法,如obj.hasOwnProperty = null;它就会失效;当然正常使用一般不会有人这么搞事情。解决方法是:用原型链的方法去调用:Object.hasOwnProperty.call(obj, "key")关于instanceof的坑:instanceof的左侧必须是对象,带来的问题是,如果基础数据类型,比如var n1 = 1,那么n1 instanceof Number会返回个false;但是v原创 2022-07-12 17:24:14 · 320 阅读 · 0 评论