前端开发
文章平均质量分 50
一直在更新,目前本专栏已经有500+文章,这是我数年工作总结之结晶,购买后可以私信留言,进前端学习交流群。
南北极之间
对未来最大的慷慨,是把一切献给现在。Real generosity towards the future lies in giving all to the present.(Albert Camus)小问号???你是否有很多朋友???
展开
-
APP在各大应用商店上架或者版本更新步骤
打包成功之后,就可以上架了。各大安卓应用商店的操作流程都大同小异。苹果ios苹果(Apple)应用商店上架比较繁琐。原创 2024-07-17 16:13:28 · 313 阅读 · 0 评论 -
HBuilderX打包流程(H5)?HBuilder如何发布前端H5应用?前端开发怎样打包发布uniapp项目为h5?
我们用的是宝塔直接部署,每次直接把这个文件夹上传到宝塔后,直接替换掉原来的h5文件夹即可。新页面立刻就能通过域名访问到。我这里是把这个文件夹打包了,这样方便上传到服务器,传上去之后再解压即可,然后把名字改成h5就好了。按照打包后的路径,找到打包好的文件夹,把文件夹里的内容,上传到服务器上去部署即可。2、面板里的所有信息都可以不填,也不用勾选==》直接点击【发行】即可。我们需要的就是这个【web】文件夹里的内容。原创 2024-07-17 15:29:04 · 361 阅读 · 0 评论 -
vue3创建项目报错Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut
报错信息:报错截图:修改nodejs版本后,就不会报错了。(每次在创建vue项目或者使用npm的时候,有些莫名其妙的报错,很多时候都是因为nodejs版本不对导致的。)原创 2024-03-29 19:03:35 · 2267 阅读 · 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 · 1909 阅读 · 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 · 5382 阅读 · 0 评论 -
vue 常用的 UI 组件库之一:Vuetify组件库
Vuetify 是一个有助于创建漂亮和响应式用户界面的 Vue.js 框架。它包括用于构建现代应用程序的各种可定制和可重用的组件。原创 2024-03-04 10:12:06 · 3444 阅读 · 0 评论 -
什么是微前端
它允许将单个应用程序分解为更小、可独立部署的模块化部分。每个微前端负责应用程序的特定部分,并可以由不同的团队使用不同的技术栈进行开发。然后这些微前端可以组合在一起,形成一个完整的应用程序。这种方法可以提高开发速度和可维护性,同时还可以更容易地更新和部署应用程序的各个部分,而不会影响整个应用程序。现代的前端应用的发展趋势正在变得越来越富功能化,富交互化,也就是。这样越来越复杂的单体前端应用,背后的后端应用则是数量庞大的微服务。微前端是一种web应用构建方式。原创 2024-03-01 08:08:41 · 1046 阅读 · 0 评论 -
js使用多种方法取出嵌套对象数组中的所有 children 的值
这些方法都会遍历整个嵌套对象数组,并返回包含所有 children 的数组。请注意,使用递归方法时要小心,确保没有无限循环。2.使用 reduce 递归方法进行深度优先遍历。3.使用 flatMap 方法进行深度优先遍历。原创 2023-04-24 10:37:57 · 4430 阅读 · 0 评论 -
ES6 解构赋值的多种用法举例
3.嵌套对象的解构赋值。4.函数参数的解构赋值。6.解构赋值的剩余语法。5.解构赋值的默认值。原创 2023-04-24 10:24:49 · 217 阅读 · 0 评论 -
vue项目目录结构
文件夹是最重要的部分,它包含了 Vue.js 应用程序的所有代码和资源文件。文件夹中包含了项目依赖包,这些包可以被 Vue 应用程序使用。等文件不是必需的,它们提供了更好的项目开发体验和维护性。文件是主应用组件,定义了 Vue 应用程序的根组件。文件夹包含了应用程序的静态资源文件,如图片和样式等。文件是入口文件,其中初始化 Vue 应用程序。文件夹中,包含了一些静态资源文件,如。文件夹包含了应用程序中的可重用组件。文件夹包含了应用程序中的视图组件。文件夹包含了路由的配置信息。原创 2023-04-21 17:39:06 · 765 阅读 · 0 评论 -
vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
报错信息:问题分析: 我这里是用vue cli脚手架构建的vue2项目,安装的路由版本是4解决办法: 卸载这个不兼容的路由版本,重新安装对应的版本:安装3版本:最好就不会报错了。原创 2023-04-21 12:45:35 · 3912 阅读 · 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 · 5775 阅读 · 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 · 626 阅读 · 0 评论 -
[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板
全局安装prettier 配置:默认是没有包含Vue的,我们手动加上即可: 每次保存的时候,就会自动格式化了。原创 2023-03-28 15:54:08 · 7277 阅读 · 0 评论 -
微信小程序wx.previewImage(Object object)真机调试无法全屏预览图片
之前在测试的时候,用的是测试服务器,在pc端的微信开发者工具里面调试。就可以点开全屏大图!但是真机调试预览的时候就不行了!所以才会出现以上情况。当我把这个勾去掉之后, pc端的微信开发者工具也会报错!wx.previewImage(Object object) | 微信开放文档。之前还一直以为是设置上面那个【IP白名单】!那是因为我们为了方便调试,在微信开发者工具里面勾选了。设置【服务器域名】就可以了!原创 2023-03-10 17:37:18 · 1434 阅读 · 0 评论 -
hbuilder X发布微信小程序失败的解决方法
如果是包太大,就先分包;(分包后,主包仍然很大,而且也无法继续拆分的话,就试试在【发行】里面点【发布】!而不是在【运行】里面上传代码!但是主包里还有很多uniui的组件,占了2m多,之前一直是点击运行,然后再上传代码。提示的超过2m无法上传。uniapp 超过2m无法上传代码!uni-module太大了,小程序无法上传怎么办?还有要先关闭运行中的小程序项目。然后再点【发布】,让hbuilder X软件自动去启动微信开发者工具,有时候要点击很多次。有时候,会因为网络不良或者管理员权限问题导致发布失败。原创 2023-03-10 17:27:19 · 4496 阅读 · 0 评论 -
微信小程序踩坑:wx.openDocument(Object object)打不开文件
wx.openDocument(Object object) | 微信开放文档。说的fileType是可选参数!但是不加上的话,就打不开!加上之后就能打开了。原创 2023-03-10 10:57:14 · 9017 阅读 · 0 评论 -
new set数组对象去重失败
由于集合中的每个值都必须是唯一的,因此将检查值是否相等。具体来说,对于集,+0(严格等于-0)和-0是不同的值。有关详细信息,请参阅浏览器兼容性表中的“-0和0的密钥相等”。我们知道Set是JS的一个种新的数据结构,和数组类似,和数组不同的是它可以去重,比如存入两个1或两个"123",只有1条数据会存入成功,但有个特殊情况,如果添加到set的值是引用类型,比如数组、对象,他将无法自动去重。我们可以简单理解为,像Set实例add数据时,每次都会进行等值判断,类似于将add的元素与每个元素进行 === 比较。原创 2023-03-07 17:26:31 · 2071 阅读 · 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 · 1447 阅读 · 0 评论 -
uniapp 超过2m无法上传代码!uni-module太大了,小程序无法上传怎么办?
虽然分包了。但是主包里还有很多uniui的组件,占了2m多,之前一直是点击运行,然后再上传代码。提示的超过2m无法上传。原创 2023-02-23 14:29:57 · 6095 阅读 · 0 评论 -
uniapp uni ui uni-table表格 回显
selectedIndexs是选中的index下标数组。原创 2023-02-21 15:24:29 · 1197 阅读 · 1 评论 -
uniapp使用组件报错:Error: 组件 Btn 引用错误,仅支持 import 方式引入组件
本来使用了一个组件btn,但是只是在页面上删除了那个组件,但是忘记删掉components内的内容了。把下面也删掉之后,就不报错了。原创 2023-02-18 12:24:42 · 1740 阅读 · 0 评论 -
js中的多维数组转成一维数组
【代码】js中的多维数组转成一维数组。原创 2023-02-16 08:56:20 · 3665 阅读 · 0 评论 -
HbuilderX没有管理员权限,无法安装插件
问题描述:我在运行微信开发者工具时报错了。报错信息:error:系统找不到指定的路径.原因:提示的是没有操作权限。然后我打开插件也无法手动安装。原创 2023-02-13 14:44:34 · 1655 阅读 · 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 · 5425 阅读 · 2 评论 -
uniapp-微信小程序分包操作步骤详解
(就是以前全都放在pages里面的模块。现在把次要的模块剪切到新目录里去。我这里还建了一个pages目录。也可以不建这个目录。而且里面的结构也可以多层次。结构变了,访问的路径也要变。测试可以成功访问之后,再把刚才剪切到新包里的那些文件路径都检查一下。没问题就可以发布上传了。想分几个包就建几个新目录。比如package2、package3……然后把刚复制的那些粘贴到package1的pages里面。(分包的参数结构也和原来的pages里面是一样的。url就是由分包的root加上path组成的。原创 2023-01-15 17:46:46 · 6038 阅读 · 0 评论 -
微信小程序分包后报错:[获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取: package1/package1/pages/dailyAdmin/index.js
获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取: package1/package1/pages/dailyAdmin/index.js。3、再次编译就没有报错了。但是好像是一次性的。报错的时候,再操作一边setting。1、在微信开发者工具中,右上角点击详情--去掉这个选项。原创 2023-01-15 17:26:41 · 5132 阅读 · 0 评论 -
2023 年 10 大 Web 开发趋势
除了网站具有的基本功能外,您还需要拥有更多功能才能使您的网站具有可持续性和吸引力。因此,我们列出了一些肯定会在 2023 年流行的功能,因为企业希望使其在线业务比以往任何时候都更加稳固。如果所有Web应用程序所有者都认真对待语音搜索,它将把整个客户与业务的关系提高到一个新的水平。这是利用服务器的一种经济实惠的替代方案,如果您有自己的服务器,则需要技术知识才能操作和维护。现在是时候在您的应用程序中安装聊天机器人了,如果您还没有的话。随着新年的临近,建议从新的角度看一下,并为您的网站添加有价值的功能和组件。原创 2022-11-30 10:50:29 · 3484 阅读 · 12 评论 -
怎样在vue中安装、配置vue-axios|axios
将下面代码加入入口文件:按照这个顺序分别引入这三个文件: vue, axios and vue-axios。原创 2022-08-21 08:10:27 · 1091 阅读 · 0 评论 -
vue-router安装报错、版本冲突
在做vue2项目的时候。配置路由报错了。原创 2022-08-21 08:07:43 · 1664 阅读 · 0 评论 -
如何在vuejs项目中使用md5加密密码
是一种信息摘要算法(对称加密),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值,用来确保信息传输完整一致性。它可以计算任意长度的输入字符串,得到固定长度的输出,而且这个算法是不可逆的,即使得到了加密的密文,也不可能用解密算法反算出明文。MD5被发明用于存储密码的单向哈希,并且几个文件服务器还支持预先计算的文件的MD5校验和,以便用户可以将下载文件的校验和与之进行比较。由于黑客可以制作具有与完全多个文件完全相同的哈希值的文件,因此MD5在有人篡改文件的活动中是不安全的。......原创 2022-08-01 16:55:13 · 1162 阅读 · 0 评论 -
JS数组对象排序(es6)
升序是a.value-b.value。降序是b.value-a.value。原创 2022-07-21 17:28:47 · 2051 阅读 · 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 · 1923 阅读 · 0 评论 -
vue3面试题:2022 最新前端 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 · 60442 阅读 · 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 · 287 阅读 · 0 评论 -
WeixinJSBridge.call 不被支持,请参考 http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html 进行
遇到的问题:在做vue项目时,需求是要在微信环境内。微信h5页面要求前端控制退出时关闭页面功能。如果是在微信外其他浏览器的话。可以直接使用Window.close即可关闭网页。但是在微信环境却无法直接使用这个方法。众所周知,微信小程序的js中不能使用以及。 什么原因呢?难道他们真的不存在吗?事实并非如此。这个问题稍后讨论。我会再写一篇文章专门说明这个问题。今天暂时先解决问题:温馨提示:有些同学照着一模一样的代码复制粘贴的。但是在微信开发者工具里面模拟微信环境操作。但是还是报错了:完整代码:什么原创 2022-07-08 11:25:53 · 3752 阅读 · 2 评论 -
vue3 ref 和reactive的区别
作用: 定义一个响应式的数据语法: const xxx = ref(initValue)创建一个包含响应式数据的引用对象(reference对象,简称ref对象)。JS中操作数据: xxx.value模板中读取数据: 不需要.value,直接:{{xxx}}备注:接收的数据可以是:基本类型、也可以是对象类型。基本类型的数据:响应式依然是靠Object.defineProperty()的get与set完成的。对象类型的数据:内部 “ 求助 ” 了Vue3.0中的一个新函数—— react...原创 2022-07-07 11:21:19 · 617 阅读 · 0 评论 -
为什么你应该选择TypeScript而不是JavaScript
在过去的几年里,TypeScript的受欢迎程度一直在增加。Angular是最大的前端框架之一,它正在使用TypeScript。大约60%的JS程序员已经在使用TypeScript,22%的人希望尝试。为什么?从历史上看,JavaScript最终已成为互联网上网页和应用程序脚本的主要语言。现在可以在前端和后端使用JavaScript,以及Node.js和Deno等框架。但是JavaScript是为创建像现代网络上那样的大型复杂系统而制作的吗?不。在本文中,我们将向您介绍一个解决方案 - TypeScript原创 2022-07-07 10:48:34 · 1130 阅读 · 0 评论 -
vue3快速入门:学习Vue3为什么要学习TypeScript?使用 TypeScript 的 10 个理由
要回答这个问题,其实官方文档已经给了我们答案。将 Vue 与 TypeScript |维.js (vuejs.org)https://vuejs.org/guide/typescript/overview.html像TypeScript这样的类型系统可以在构建时通过静态分析来检测许多常见错误。这降低了生产中运行时错误的可能性,并且还使我们能够更自信地重构大型应用程序中的代码。TypeScript 还通过在 IDE 中基于类型的自动完成功能改进了开发人员的人体工程学。Vue 是用 TypeScript 本身编原创 2022-07-07 10:25:22 · 3083 阅读 · 0 评论 -
vue2和vue3有哪些区别和不同2
你们中的一些人可能会听说第三个版本的Vue正在敲门。Vue JS 逐年发展,Vue 3 将成为它的最新版本。Vue 3 和 Vue 2 沿着类似的路线发展,但是,两者都有显著的变化。Vue 3 的正式版本已于 2020 年 9 月发布。目前,API,核心,结构是稳定的,您可以在生产环境中使用它。每个 Vue .js开发人员都在问自己的问题是,最新版本会带来哪些变化,它们将如何影响整体性能和稳定性?我们的 JS 开发人员更深入地研究了 Vue 3,以下是他们的发现: 在过去的一年里,Vue团队一直在研究Vue原创 2022-07-07 09:50:26 · 860 阅读 · 0 评论