前端开发
关注
分享
扫一扫
文章平均质量分 50
一直在更新，目前本专栏已经有500+文章，这是我数年工作总结之结晶，购买后可以私信留言，进前端学习交流群。
南北极之间
专业网页设计与网站建设服务，提供一站式网站搭建解决方案。我们根据客户需求进行定制开发，并确保源码交付，涵盖网站建设、小程序开发、APP开发、系统开发及高端网站定制、毕业设计、业务咨询、技术指导等全方位服务。
如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：2351598671@qq.com
展开
-
环境安装与部署
========================================================================================================================================================================================================原创 2018-06-11 17:45:13 · 448 阅读 · 0 评论 -
支付宝支付学习：蚂蚁沙箱环境是什么？怎样使用蚂蚁沙箱环境？
沙箱环境使用说明更新时间：2017-09-19蚂蚁沙箱环境(Beta)是协助开发者进行接口功能开发及主要功能联调的辅助环境。沙箱环境模拟了开放平台部分产品的主要功能和主要逻辑（当前沙箱支持产品请参考“沙箱支持产品列表”）。在开发者应用上线审核前，开发者可以根据自身需求，先在沙箱环境中了解、组合和调试各种开放接口，进行开发调通工作，从而帮助开发者在应用上线审核完成后，能更快速、更顺利的进行线上调试和...原创 2018-06-07 23:48:41 · 5266 阅读 · 0 评论 -
【设计模式】设计模式之观察者模式
初步认识观察者模式的定义： 在对象之间定义了一对多的依赖，这样一来，当一个对象改变状态，依赖它的对象会收到通知并自动更新。大白话： 其实就是发布订阅模式，发布者发布信息，订阅者获取信息，订阅了就能收到信息，没订阅就收不到信息。参考：https://www.cnblogs.com/luohanguo/p/7825656.html...原创 2019-06-13 08:11:00 · 195 阅读 · 0 评论 -
el-input输入框内不显示
解决办法：@input="handleChange"之前写的是@change="handleChange"改成@input就好了。handleChange方法里面需要更新视图：handleChange() { this.$forceUpdate();},...原创 2020-04-02 19:21:31 · 2202 阅读 · 0 评论 -
echarts堆叠条形图Stacked Horizontal Bar鼠标悬停时tooltip展示每一列的总数量、修改legend样式为圆形
【代码】echarts鼠标悬停时tooltip展示每一列的总数量、修改legend样式为圆形。原创 2023-03-22 15:53:14 · 1064 阅读 · 0 评论 -
前端技术层出不穷，敢问路在何方？
前端技术层出不穷，敢问路在何方？回想2012年还是jquery的天下，后来2015年vue、react开始盛行，到现在的红的发紫也才不过3年光景，当然vue生态圈的nuxt,react的next也是水涨船高，各个技术框架一波又一波，版本一个又一个，不少同学抱怨：老了，学不动了。https://img3.mukewang.com/5bbb6f150001d5fe1280071...原创 2019-10-23 12:42:59 · 378 阅读 · 0 评论 -
uniapp打包成Android时,使用uni.chooseLocation在App端显示的地址列表是空白？一直转圈的解决办法
之前一直用的是【使用公共测试证书】地图列表一直转圈，后来改成了【使用自有证书】这个选项，填入3个信息后，再继续下一步，打包后，就能正常显示地图列表了。原创 2024-07-14 14:29:54 · 1814 阅读 · 9 评论 -
【前端实例代码】一个圆形按钮
效果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title></head><style> .searchBtn { positio...原创 2020-02-08 10:40:21 · 1693 阅读 · 3 评论 -
jQuery插件脚本大全实例
参考：https://blog.csdn.net/u013032788/article/details/74011563https://www.jb51.net/jiaoben/list374_1.html原创 2019-07-02 08:01:43 · 511 阅读 · 0 评论 -
Avue.js
Avue.js,一个神奇的框架是为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://www.avuejs.com/doc/installation原创 2020-11-25 14:17:55 · 2843 阅读 · 0 评论 -
weex学习：weex和vue、react以及React Native的关系？
react和vue都是web端框架，运行在浏览器的。react native和weex是用前端的方法写native app, 即手机应用，能在app store下载的那种，用的是框架自定义的组件。而且具有一次开发，同时生成android、ios、uwp等平台的应用的特点。你只要写一套业务逻辑，具体是怎么生成的是由框架搞定的。react native发展最早最快，但是至今仍是beta版，还有不少...原创 2019-07-09 11:36:12 · 1144 阅读 · 0 评论 -
js中的join()与split()函数的区别和用法
【代码】js中的join()与split()函数的区别和用法。原创 2023-10-30 09:06:36 · 574 阅读 · 0 评论 -
Typescript的优缺点和面试题
Typescript是什么？TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性（如装饰器）。ts与js最大的区别是什么呢？...原创 2020-06-23 11:24:34 · 2262 阅读 · 0 评论 -
前端开发适合少儿编程入门吗？少儿编程为何选前端？从HTML、css到JavaScript一步步成为小小开发者|少儿编程新手必看：为什么前端开发是最佳入门选择？【轻松有趣】少儿编程入门：用前端开发创造属
前端开发适合少儿编程入门吗？少儿编程为何选前端？从HTML、css到JavaScript一步步成为小小开发者|少儿编程新手必看：为什么前端开发是最佳入门选择？【轻松有趣】少儿编程入门：用前端开发创造属原创 2024-10-18 17:31:02 · 282 阅读 · 0 评论 -
vue项目如何监听窗口变化，达到页面自适应？
资料：https://www.cnblogs.com/datiangou/p/10136527.htmlhttps://blog.csdn.net/weixin_41628411/article/details/90475954原创 2020-12-19 12:01:06 · 413 阅读 · 1 评论 -
普通vue+element-ui 使用富文本编辑器：不带上传图片或者视频功能
效果图：使用方法：1. npm install vue-quill-editor --save 先按照模块2. 然后新建一个vue文件。3.给这个vue文件配个路由即可观看代码：<template> <div> <el-card style="height: 610px;"> <quill-editor v-model="content" ref="myQuillEditor" style="height: 50原创 2020-09-12 11:15:58 · 1329 阅读 · 0 评论 -
在 CentOS 上安装 Docker 的步骤
完成这些步骤后，你就可以在 CentOS 上正常使用 Docker 了！如果显示 Docker 的版本信息，则说明安装成功。为了避免每次使用 Docker 时都需要。你需要退出当前会话并重新登录，或使用。命令，使该修改立即生效。原创 2024-10-09 21:23:22 · 786 阅读 · 0 评论 -
px、em、rem、rpx的介绍以及使用场景？除此以外。还有哪些是发中常用的长度单位？（vh、vw、pt等）掌握前端布局必备|前端开发新手必看|从零开始：前端布局长度单位的全面解析
在前端开发中，长度单位是用来定义元素大小、间距、字体大小等属性的重要工具。原创 2024-08-26 11:21:08 · 411 阅读 · 0 评论 -
为什么已经设置了.gitignore文件，但某些需要被忽略的文件仍然显示？如何解决.gitignore无法忽略文件?
某个同事，不小心把编译文件夹（这个文件夹【unpackage】）提交到了远程仓库里。然后我们在.gitignore文件设置了排除这个文件夹也没用。下图是push成功后的目录状态：（只有4个文件是本来就想提交的，另外的被删除了）之前我没有理解【但会保留在您的工作目录中】这句话的意思。操作完了之后才明白。执行以下代码：（想删除哪个文件或者文件夹就自己修改一下对应的名字）这将从版本控制中删除文件，但会保留在您的工作目录中。执行完了之后，会发现git跟踪的文件的状态变了。push成功后就会覆盖远程仓库里的代码。原创 2024-08-22 13:07:00 · 800 阅读 · 0 评论 -
vue3修改带小数点的价格数字：小数点的前后数字，要分别显示成不同颜色和大小！已经封装成组件了！
【代码】vue3修改带小数点的价格数字：小数点的前后数字，要分别显示成不同颜色和大小！已经封装成组件了！原创 2024-08-02 17:11:18 · 342 阅读 · 0 评论 -
怎样实现微信语音聊天的动态语音图标？点击播放的时候，语音图标就要动态变化，再次点击可以切换动态和静态|animate css动画效果|语音播放动画
可以复制代码到编辑器或者在线编辑器，然后粘贴预览。原创 2024-07-30 10:19:43 · 656 阅读 · 0 评论 -
七牛云上传凭证是什么意思?怎样上传文件到七牛云？
上传凭证是七牛云存储用于验证上传请求合法性的机制。用户通过上传凭证授权客户端，使其具备访问指定资源的能力。1、验证通过，那么就可以成功上传文件（可以调用接口，上传本地的资源文件到服务器去了）；2、不通过，七牛服务器会反馈一个上传失败的原因。七牛是专注文件存储的第三方服务商。七牛云存储API和SDK文档。上传凭证 | 七牛云存储。原创 2024-07-26 09:37:29 · 398 阅读 · 0 评论 -
怎样将对象转换为包含键值对的对象数组？然后又将数组转换为对象？
1、怎样把这个对象转化为一个数组？2、然后又怎样把转化后的数组再转化回来？3、怎样将这两个方法单独封装成函数？原创 2024-07-23 13:09:34 · 372 阅读 · 0 评论 -
HBuilderX打包流程(H5)？HBuilder如何发布前端H5应用？前端开发怎样打包发布uniapp项目为h5？
我们用的是宝塔直接部署，每次直接把这个文件夹上传到宝塔后，直接替换掉原来的h5文件夹即可。新页面立刻就能通过域名访问到。我这里是把这个文件夹打包了，这样方便上传到服务器，传上去之后再解压即可，然后把名字改成h5就好了。按照打包后的路径，找到打包好的文件夹，把文件夹里的内容，上传到服务器上去部署即可。2、面板里的所有信息都可以不填，也不用勾选==》直接点击【发行】即可。我们需要的就是这个【web】文件夹里的内容。原创 2024-07-17 15:29:04 · 3487 阅读 · 0 评论 -
vue3创建项目报错Vue.js - The Progressive JavaScript Framework TypeError: (0 , import_node_ut
报错信息：报错截图：修改nodejs版本后，就不会报错了。（每次在创建vue项目或者使用npm的时候，有些莫名其妙的报错，很多时候都是因为nodejs版本不对导致的。）原创 2024-03-29 19:03:35 · 3210 阅读 · 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 · 2792 阅读 · 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 · 6618 阅读 · 0 评论 -
vue 常用的 UI 组件库之一：Vuetify组件库
Vuetify 是一个有助于创建漂亮和响应式用户界面的 Vue.js 框架。它包括用于构建现代应用程序的各种可定制和可重用的组件。原创 2024-03-04 10:12:06 · 4686 阅读 · 0 评论 -
什么是微前端
它允许将单个应用程序分解为更小、可独立部署的模块化部分。每个微前端负责应用程序的特定部分，并可以由不同的团队使用不同的技术栈进行开发。然后这些微前端可以组合在一起，形成一个完整的应用程序。这种方法可以提高开发速度和可维护性，同时还可以更容易地更新和部署应用程序的各个部分，而不会影响整个应用程序。现代的前端应用的发展趋势正在变得越来越富功能化，富交互化，也就是。这样越来越复杂的单体前端应用，背后的后端应用则是数量庞大的微服务。微前端是一种web应用构建方式。原创 2024-03-01 08:08:41 · 1103 阅读 · 0 评论 -
js使用多种方法取出嵌套对象数组中的所有 children 的值
这些方法都会遍历整个嵌套对象数组，并返回包含所有 children 的数组。请注意，使用递归方法时要小心，确保没有无限循环。2.使用 reduce 递归方法进行深度优先遍历。3.使用 flatMap 方法进行深度优先遍历。原创 2023-04-24 10:37:57 · 5233 阅读 · 0 评论 -
ES6 解构赋值的多种用法举例
3.嵌套对象的解构赋值。4.函数参数的解构赋值。6.解构赋值的剩余语法。5.解构赋值的默认值。原创 2023-04-24 10:24:49 · 238 阅读 · 0 评论 -
vue项目目录结构
文件夹是最重要的部分，它包含了 Vue.js 应用程序的所有代码和资源文件。文件夹中包含了项目依赖包，这些包可以被 Vue 应用程序使用。等文件不是必需的，它们提供了更好的项目开发体验和维护性。文件是主应用组件，定义了 Vue 应用程序的根组件。文件夹包含了应用程序的静态资源文件，如图片和样式等。文件是入口文件，其中初始化 Vue 应用程序。文件夹中，包含了一些静态资源文件，如。文件夹包含了应用程序中的可重用组件。文件夹包含了应用程序中的视图组件。文件夹包含了路由的配置信息。原创 2023-04-21 17:39:06 · 808 阅读 · 0 评论 -
vue路由报错export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
报错信息：问题分析： 我这里是用vue cli脚手架构建的vue2项目，安装的路由版本是4解决办法： 卸载这个不兼容的路由版本，重新安装对应的版本：安装3版本：最好就不会报错了。原创 2023-04-21 12:45:35 · 4471 阅读 · 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 · 6453 阅读 · 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 · 720 阅读 · 0 评论 -
[效率提升]webstorm配置Prettier：代码自动格式，格式化时清除空行，修改使用代码模板
全局安装prettier 配置：默认是没有包含Vue的，我们手动加上即可： 每次保存的时候，就会自动格式化了。原创 2023-03-28 15:54:08 · 8873 阅读 · 0 评论 -
微信小程序wx.previewImage(Object object)真机调试无法全屏预览图片
之前在测试的时候，用的是测试服务器，在pc端的微信开发者工具里面调试。就可以点开全屏大图！但是真机调试预览的时候就不行了！所以才会出现以上情况。当我把这个勾去掉之后， pc端的微信开发者工具也会报错！wx.previewImage(Object object) | 微信开放文档。之前还一直以为是设置上面那个【IP白名单】！那是因为我们为了方便调试，在微信开发者工具里面勾选了。设置【服务器域名】就可以了！原创 2023-03-10 17:37:18 · 1558 阅读 · 0 评论 -
hbuilder X发布微信小程序失败的解决方法
如果是包太大，就先分包；（分包后，主包仍然很大，而且也无法继续拆分的话，就试试在【发行】里面点【发布】！而不是在【运行】里面上传代码！但是主包里还有很多uniui的组件，占了2m多，之前一直是点击运行，然后再上传代码。提示的超过2m无法上传。uniapp 超过2m无法上传代码！uni-module太大了，小程序无法上传怎么办？还有要先关闭运行中的小程序项目。然后再点【发布】，让hbuilder X软件自动去启动微信开发者工具，有时候要点击很多次。有时候，会因为网络不良或者管理员权限问题导致发布失败。原创 2023-03-10 17:27:19 · 5241 阅读 · 0 评论 -
微信小程序踩坑：wx.openDocument(Object object)打不开文件
wx.openDocument(Object object) | 微信开放文档。说的fileType是可选参数！但是不加上的话，就打不开！加上之后就能打开了。原创 2023-03-10 10:57:14 · 10028 阅读 · 0 评论 -
new set数组对象去重失败
由于集合中的每个值都必须是唯一的，因此将检查值是否相等。具体来说，对于集，+0（严格等于-0）和-0是不同的值。有关详细信息，请参阅浏览器兼容性表中的“-0和0的密钥相等”。我们知道Set是JS的一个种新的数据结构，和数组类似，和数组不同的是它可以去重，比如存入两个1或两个"123"，只有1条数据会存入成功，但有个特殊情况，如果添加到set的值是引用类型，比如数组、对象，他将无法自动去重。我们可以简单理解为，像Set实例add数据时，每次都会进行等值判断，类似于将add的元素与每个元素进行 === 比较。原创 2023-03-07 17:26:31 · 2243 阅读 · 0 评论