自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

海贼王某人的博客

希望你能在此有所学有所悟有所提升!

  • 博客(128)
  • 资源 (4)
  • 收藏
  • 关注

原创 微信小程序2021年经典面试题总结!

1.小程序与原生App哪个好?小程序的优点:基于微信平台开发,享受微信本身自带的流量,这个是最大的优势无需安装,只要打开微信就能用,不占用用户手机内存,体验好开发周期短,一般最多一个月可以上线完成开发所需的资金少,所需资金是开发原生APP一半不到小程序名称是唯一性的,在微信的搜索里权重很高容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本上没有大问题;当然如果了解ES6+CSS3则完全可以编写出即精简又动感的小程序;基本上不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以

2021-06-25 18:01:53 1370 4

原创 微信小程序夜间模式,实现更换皮肤,切换白天黑夜模式!简单易懂!

先看下效果图吧:夜晚模式样式:白天正常样式:先讲一下具体的思路和实现方法吧,我这个功能是项目已经上线一年后才提出要加上去的,由于页面比较多,重构wxSS太费力了,就选了简单粗暴的方式,直接另外给一套夜间模式的单独样式,吧白天的样式给覆盖掉,用户在点击模式切换的时候,直接设置一个全局变量‘idDark’存入到缓存中,然后在去到每一个页面的时候,在onShow方法里面读取一下当前的’isDark’值,判断当前是否为夜间模式,如果是就显示夜间模式样式,如果不是就正常显示就ok,这里皮肤设置其实修改的全是

2020-10-13 16:01:27 2378 6

原创 如何搭建Vue开发环境以及创建一个vue项目到运行全过程简单易懂!

第一步:安装Node.js和npm官网下载:https://nodejs.org/en/download/下载好了安装一直点就好了,npm不要再次安装,node安装包里面自带的有,安装完成在cmd 命令输入 node -v npm -v 回车查看,如下图看到版本号即为安装成功。 第二步: 安装cnpmcnpm和npm的区别就在于下载路径不一样,cnpm走的是国内下载路径,很快,但npm 走的是国外的,下载速度要慢很多,建议使用cnpm但不是必须使用,安装直接在cmd命令里面继续输入

2020-08-26 10:57:19 629 1

原创 vue绑定的数据发生了变化页面显示没有刷新解决办法!

在vue开发的时候最常遇到的问题就是我们通过methodsethods里面的方法改变了data里面数据的值,我们发现在js里面这个数据已经改变了,但页面渲染数据时却还是之前的状态,这个问题最常见的解决方案:方案一:深浅拷贝数据赋值时发生了问题深浅拷贝不多讲了,不懂得可以去看下面这篇文章或者自己先去学习了解一下:JavaScript深浅拷贝最简单的例子let arr = this.dataListjs逻辑处理完arr后在this.dataList = arr给dataList赋值;这样虽然确实改变

2020-08-04 09:55:58 2068

原创 vue绑定键盘事件enter,ctrl+enter,alt+enter以及其他组合键的使用。

最近项目需要im在线聊天功能,消息发送enter键,换行ctrl+enter,找了很多资料才解决,结合自己理解也扩展了一些内容,希望可以帮大家解决问题:下面是HTML代码<el-input @keydown.enter.native="keyDown" type="textarea" :rows="4" class="text-input" placeholder="请输入内容" v-model="textarea"></el-input>下面是js代

2020-07-30 18:23:52 2637 3

原创 element-UI里table设置默认高亮一行或者选中某一行

本方案支持颜色自定义,高亮行数自定义,可高亮多行,可定义多个颜色,主要实现方式是css样式,代码简单易懂,下面看效果和代码吧:当前效果:预期效果:代码:这是HTML代码 绑定这个属性:row-class-name=“tableRowClassName”<el-table:data="tableData" style="width: 100%" :row-class-name="tableRowClassName"> <el-table-column prop="d

2020-07-07 16:39:06 5772

原创 Vuex怎么使用,以及怎么获取修改声明的变量值和触发定义的方法!

今天来简单介绍一下Vuex在使用过程中应该怎么获取或者改变我们在state中声明的变量;关于这个问题,其实答案有很多种,每个人的习惯都不太一样,而最为正确和最安全的方法我来大概介绍一下,希望可以帮到大家!1.首先我们来引入vuex,里面的几个常用方法我就不一一介绍了,首先在state里面声明一个变量pathName,在定义一个方法savePath,第一个参数固定state,指向就是state本身,第二个参数是你调用方法时传的参数,如下图// 在store里面的index.js文件写入import

2020-06-24 16:54:21 916

原创 elementUI radio修改单选框多选框选中样式及自定义其他样式。

最近vue开发,遇到一个页面样式上的问题,单选框和多选框的样式显示问题,看下图片吧:这是官方组件的显示效果,项目效果需求如下图找了很多资料,最后终于解决了,边看代码边解释吧:这里的.right是我自定义的类名,父盒子,我的单选组是直接放在这个盒子里面的,下面的写法是vue的scss写法,不懂得可以先去了解一下; .right{ width: 40%; border-bottom: 1px solid #cacaca;

2020-06-03 12:20:50 6383 1

原创 uni-app返回上一层页面后数据刷新重置解决办法!

最近使用uni-app开发的项目比较多,过程中也遇到了很奇怪的问题,最后在CSDN和百度上面找的答案大都不靠谱,要么实现不了效果,要么就是复杂到看不下去。页面跳转后返回之前页面数据重置全部刷新了这个问题很头疼,从a页面去b页面办了点事,回到a页面时之前的数据没了,页面重置了怎么办,网上说设置常量,设置缓存,引入JS文件等等等等,这些确实是办法,但我告诉你一个极其简单的办法。把路由页面跳转时用...

2020-04-16 21:40:42 7125 4

原创 uni-app路由跳转以及页面传参的方法

路由跳转uni-app官方给的路由跳转常用方法有以下三个;1.uni.navigateTo保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。,注意这里只用于跳转到子页面哦,tabbar跳转不要用这个,用switchTab。用法代码示例uni.navigateTo({ url: '/pages/notice/notice'})2.uni....

2020-04-14 18:10:34 7337

原创 浅谈前端是否需要精通JS三大框架,vue,angular,react。

这是一个前端经常会思考的问题,下面是我收集的一些来自五湖四海的同行的看法,大家可以参考一下,仅供产靠哦!一位来自火星的程序员说道:没有必要,无论是大厂或者一般公司的招聘对框架的要求是熟悉或者至少掌握vue,react,angular中的一门,而且一般在大厂里每个团队的技术框架相对来说比较稳定,一般会挑选一门主要的技术框架,其它的作为辅助,除非有重大原因,否则一般不会轻易变更主要技术栈。我觉得作...

2020-01-30 16:47:13 4479 1

原创 HTML和HTML5,css和css3的区别有那些?

HTML和HTML5的区别:其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,其中常用的有如下这些,如有不全请谅解,仅供参考:新增的结构...

2020-01-27 13:15:50 6377

原创 vue项目生成微信支付二维码(web端),其他二维码也可以生成

第一步引入第三方插件:npm install –save qrcodejs2第二步,在vue页面中引用:<template> <h2>微信扫码支付</h2> <div id="qrcode"></div></template><script>import QRCode from 'qrcodejs2'export default { data() { return { } },

2021-11-17 16:11:37 260

原创 微信小程序通过weixin://wxpay/bizpayurl生成支付二维码

其实很简单,我开始也觉得复杂,目的很明确,后端返回前端一个短链接weixin://wxpay/bizpayurl?pr=sZz****,前端生成一个支付二维码,扫码可以直接调起微信支付,上代码:这是最后生成的效果图,扫码可以直接支付,显示支付金额:wxml:<view> <canvas style="width: 400rpx;height: 400rpx;" canvas-id='canvas'></canvas></view>js:var

2021-11-02 15:57:33 1731

原创 vue项目修改浏览器顶部的标题和图标!

看一下实现的效果:代码奉上:<link rel ="shortcut icon" type="image/x-icon" href="./logo.png"><title>海行后台</title>直接找到index.html把文件修改一下即可解决,如果没显示就刷新或者从新运行一下项目:项目目录如下:...

2021-10-14 10:50:04 40

原创 微信小程序隐藏scroll-view的滚动条

先来看一下解决办法的代码:直接在页面或者全局加上以下代码即可:::-webkit-scrollbar { display:none; width:0; height:0; color:transparent;}这是没有修改之前的效果,下面是修改之后的效果

2021-10-11 09:28:53 15

原创 小程序接口请求报错request:fail -300:net::ERR_INVALID_URL

看看报错信息:我的是合法域名,这个报错找了很多办法,最后解决了,把孩子高兴坏了,来解救一下众生!下面是我的http请求代码:function getProject(data) { // 获取项目 return fetch(baseURL + "/project", "GET", data)}出现这个问题可能有三个原因:1)反斜杠是复制的,把斜杠删掉,自己从新打一个试试2)引号照成的问题,不知道为啥,就是会有这个bug,把单引号统一换成双引号(我自己的问题是这样解决的)3)如果双引号还是

2021-09-28 16:56:57 109

原创 vue-cli3关闭eslint语法校验,无效我吃shi!

别急着划走,看看我的顺序,我之前就是顺序放错了,项目启动不了,复制粘贴到vue.config.js文件即可module.exports = { lintOnSave: false, devServer: { overlay: { warning: false, errors: false } }}...

2021-09-03 10:32:50 63

原创 文字内容超出部分自动隐藏显示...,scc几行代码搞定

实现效果如下图,直接给我们的外城盒子加上这个class即可.hidden-text { overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 20rpx;}...

2021-08-24 11:07:12 36

原创 微信小程序获取用户头像并显示出来,很简单一行代码搞定!

<open-data type="userAvatarUrl"></open-data>小程序提供的组件,可以自己获取用户头像并显示出来:效果图如下:

2021-08-13 16:05:24 104 5

原创 js的原型和原型链

构造函数创建对象:function Person() {}var person = new Person();person.name = 'Kevin';console.log(person.name) // KevinPerson 就是一个构造函数,我们使用 new 创建了一个实例对象 personprototype每个函数都有一个 prototype 属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"

2021-07-27 16:06:33 30

原创 js数字Math方法,随机数,四舍五入保留小数位,向上取整向下取整;

1.向上取整Math.ceil():console.log(Math.ceil(25.9)) // 26console.log(Math.ceil(25.5)) // 26console.log(Math.ceil(25.1)) // 262.向下取整Math.floor():console.log(Math.floor(25.9)) // 25console.log(Math.floor(25.5)) // 25console.log(Math.floor(25.1)) // 253.

2021-07-22 11:12:07 75

原创 js判断数组中数字的最大值和最小值

方法很简单,看源码:let arr = [1,2,3,4,5]let max = Math.max(...arr) // 最大值为5let min = Math.min(...arr) // 最小值为1

2021-07-21 16:52:01 131

转载 JS垃圾回收机制

转载地址http://www.ruanyifeng.com/blog/2017/04/memory-leak.htmljavascript垃圾回收机制原理:解决内存的泄露,垃圾回收机制会定期(周期性)找出那些不再用到的内存(变量),然后释放其内存。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。现在各大浏览器通常采用的垃圾回收机制有两种方法:标记清除,引用计数。标记清除:js中最常用的垃圾回收方式就是标记清除。当

2021-07-20 11:22:26 37

原创 JavaScript中try catch的用法。

try catch的用法你就可以理解为我们请求后台数据,then和catch一样,正常走try,异常走catch,接下来看一下代码示例,你就明白了上面一串代码可以看出来先执行了try,打印了1,但是2没执行,userty也没执行,可以看出当走到console.log(user)时,try程序中止了,因为user我们未定义,报错了,接着就走到了catch,首先打印了333,然后e.name是try里面出现异常的错误类型,e.message是报错问题的提示信息,这是try里面有异常的情况,在try函数里面没

2021-07-16 16:49:29 69

原创 JavaScript需不需在结尾加分号

当然需要,加必须要加,不要为了方便省那一个符号,加分号的好处第一在代码打包压缩的时候不会因为你没加分号而产生莫名其妙的bug,加了分号结尾,解析器在编译的时候会知道到这里结束了,不加分号就是他自己去判断,如果解析判断失误程序就会卡住报错,而这个判断也是需要时间的,所以加分号有些情况下还是可以提高性能的;第二加了分号可以规范自己的代码编写习惯,对自己也是一件好事,何乐而不为呢;第三加了分号也可以提高代码的可读性,一看就知道那一句到哪执行完毕;...

2021-07-16 11:40:45 71

原创 JavaScript驼峰命名法!

驼峰命名法顾名思义,就像骆驼的驼峰一样:驼峰命名法是编程里面的一种语法规范,细分为小驼峰和大驼峰,一般开发中基本都用小驼峰,大驼峰使用的相对较少,看个人开发习惯吧,一般我声明常量,全局变量或者全局函数会用大驼峰,,变量和函数都是小驼峰小驼峰命名法:小驼峰规范就是首个单词小写,后面的每个单词首字母大写let myUserInfo = "XXX" //声明变量const myUserInfo = 'XXX'//声明常量function getUserInfo() {} //声明函数大驼峰命名

2021-07-15 17:51:42 249

原创 小程序生成分享海报,带二维码可携带参数!

最近开发小程序遇到一个需求,后端提供一个二维码,携带分享参数,前端来生成一个分享海报,下面是部分截图这里我就只说一下点击生成海报的方法,这里调用了第三方插件,直接下载,下载直通车代码下载好了,直接拷贝到自己的项目目录,我是这样放的miniprogram_dist就是下载好的组件包在需要的页面引入组件JSON文件引入组件{ "usingComponents": { "poster": "/miniprogram_dist/poster" }}WXML<view&g

2021-07-03 10:14:02 114 4

原创 微信小程序获取小程序appId,当前小程序版本号,当前小程序版本!

获取小程序的appid,获取小程序的当前版本号,直接调用wx.getAccountInfoSync(),直接上代码:微信官方文档直通车let accountInfo = wx.getAccountInfoSync(); let appid = accountInfo.miniProgram.appId; // "wxfb6368d158c85cb7"小程序appidlet envVersion = accountInfo.miniProgram.envVersion; // "develop"开发版

2021-07-01 10:35:43 233

原创 微信小程序拨号功能,调起手机拨号!

微信官方文档直通车!方法也很简单,直接调用wx.makePhoneCall({}),如下图,phoneNumber就是电话号码,触发call方法后,会直接跳转到拨号页面,如下图call() { // 打电话 let phone = "13123123123" // 仅为示例,并非真实的电话号码 wx.makePhoneCall({ phoneNumber: phone })}...

2021-06-29 09:53:08 112

原创 H5点餐系统,微信公众号H5

先看看项目截图,项目包括菜单列表,点餐,下单,添加收货地址,收货地址列表,修改删除收货地址,点击查看菜品详情,订单列表,提交订单并发起微信支付,微信授权登录等。。可以根据需求定制修改,价格可谈,需要的私聊,下图是项目部分页面截图:...

2021-06-25 11:15:50 74 1

原创 小程序发布线上接口请求失败,开发者工具请求正常,体验版和开发版要打开调试才可以正常请求解决办法

遇到这样的问题一般都是域名或者服务器出了问题先打开小程序后台找到开发管理-开发设置,如下图看看你的请求路径是否在ip白名单中,这里可以填ip地址如127.11.11.11或者https://baidu.com,这样接口请求应该是没问题了,涉及到一些资源下载或者其他的还有问题接在下面配置,如图二,配置完可能有半个小时生效期,一般都是一两分钟就好了,如果还没有解决,控制台也没有其他报错信息,那就请移步百度!...

2021-06-24 15:50:28 387

原创 微信小程序调起微信支付-附源码(前端)!

微信支付其实并不复杂,看下我的页面,点击下面的确认充值,即可调起微信支付,其实后台复杂一点,前端很简单:WXML<view class="tx-18" bindtap="postMoney">确认充值</view>JSpostMoney() { // 点击确认充值 wx.showLoading({ title: '加载中', }) let that = this app.http.getData({ //第一步请求后台接口,获取

2021-06-19 17:04:01 199 2

原创 wx:for的使用,以及自定义item和index

wx:for语法,自定义item,index如下就是自定义item和index,直接使用items,indexs<view wx:for="{{List}}" wx:for-item="items" wx:for-index="indexs" wx:key="indexs"> {{items.name}}</view>wx:for默认语法如果没有自定义item和index的话默认就直接使用item,index就行了<view wx:for="{{List}}"

2021-06-19 16:14:25 69

原创 前端JS实现XML和JSON的格式互转

最近开发后端返回了XML格式的数据,我需要吧XML转JSON才可以使用数据,话不多说直接看代码首先下载需要的JS文件:JS相关代码,我的是小程序,其他开发同理引入调用就行了![在这里插入图片描述](https://img-blog.csdnimg.cn/20210610163325176.pngconst X2JS = require('../../utils/x2js/we-x2js');let x2js = new X2JS();let xmlStr = '<xml><a

2021-06-10 16:39:54 108

原创 微信小程序使用微信授权登录流程

官方文档我就不贴了,写那么多我也看不下去,直接说一下流程,第一步用户触发js方法,跳转到下面的授权登录界面,用户点击授权之后就会弹出图二,用户和点击拒绝或应许之后就看下面的js流程就好WXML<!--授权页面--><view wx:if="{{canIUse}}"> <view class='header'> <image class="my-img" src='../../image/icon/3.jpg'></ima

2021-05-18 09:13:15 183 1

原创 css设置透明背景,背景色透明度

背景透明度1.设置透明背景色rgbabackground-color:rgba(220,38,38,0.2);2.通过opacity属性改变透明度background: #43bff5; opacity:0.2; 背景色透明background: transparent;

2021-05-18 08:50:35 1210

原创 微信小程序去掉button边框

button { margin: 0; padding: 0; background-color: inherit; position: static;} button:after { content: none;} button::after { border: none;}

2021-05-11 16:00:20 22

原创 微信公众号授权登录返回301,302的解决办法

出现这个返回码,就是页面从定向的问题,需要把域名配置好,看你问题出在哪一步,看这个配置回调域名解决办法

2021-05-06 17:02:01 689

原创 微信公众号授权登录报redirect_uri错误解决办法

一般报这个错误就是你的公众平台域名配置有问题,或者是前端的redirect_uri配置合适书写有误,我搞了半天才弄好,网上已经写了很多,我这个就是我前端代码书写有误,首先看一下公众平台的配置第一步找到配置的地方,然后如果你的地址如果是http://www.baidu.com,那么直接在这里写www.baidu.com第二部前端代码let redirect_uri = 'https://www.baidu.com/aa.html' // 你线上部署项目首页,或者其他页面,就是用户授权成功后去到的.

2021-05-06 16:58:38 1516 3

JS实现XML转JSON格式互转压缩包

这个文件适用于把XMl格式数据转化为JSON对象格式,也可以反向互转

2021-06-10

vue脚手架与项目安装.doc

前端vue开发配置本地开发环境node+webpack+cnpm+vue,配置环境到创建第一个项目并在本地运行,喜欢的小伙伴记得点个赞就行,里面是配置文档,照着一步一步来即可,很方便

2020-12-17

miniprogram_dist.zip

小程序生成海报组件源码压缩包!

2021-07-03

json_exl.zip

支持json格式转化为excel下载到本地,支持线上,支持本地,ip地址需自行配置,在config下面的index文件里面,配置好了直接用,有文档说明!

2020-07-07

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除