自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 资源 (3)
  • 收藏
  • 关注

原创 http常见的响应状态码

如果401响应包含了与前一个响应相同的身份验证询问,且浏览器已经至少尝试了一次验证,那么浏览器应当向用户展示响应中包含的实体信息,因为这个实体信息中可能包含了相关诊断信息。5、304 Not Modified(未修改):如果客户端发送了一个带条件的 GET 请求且该请求已被允许,而文档的内容(自上次访问以来或者根据请求的条件)并没有改变,则服务器应当返回这个状态码。1、300 Multiple Choice(多项选择):被请求的资源有一系列可供选择的回馈信息,每个都有自己特定的地址和浏览器驱动的商议信息。

2023-02-09 17:59:45 5331

原创 微信小程序获取手机号用户拒接之后再掉接口微信返回40163

在项目开发中,微信小程序获取手机后调用接口,在调用成功之后调用接口代码如下:这样调用接口之后,微信那边返回40163报错代码:40163 ,原因是code:代码已使用,因为你换了小程序AppID检查没有换AppID,code使用过了,于是改成这个样子写这样双重判断,可以保证code没有被使用如果这篇文章对你有帮助的话,点个赞吧❤️❤️❤️...

2022-07-12 16:26:35 1519 1

原创 对于js中的reduce理解和运用

例子:计算数组元素的总和语法:参数:total:必填,初始值,或者计算后的返回值currentValue:必填,当前元素currentIndex:可选,当前元素的索引arr:可选,当前元素所属的数组对象initialValue:可选,传给函数的初始值例子:例子:二维数组处理结果为对象...

2022-07-11 17:06:15 284 1

原创 [渲染层错误] ReferenceError: getCanvasHandlers is not defined

微信小程序canvas报错

2022-07-04 15:43:45 3306 4

转载 2年前端经验,做的项目没什么技术含量,怎么办?

最近公司招聘,我面试了十来个人,整体感觉下来候选人没有对一些常用的技术有一点研究。我对候选人的要求也不算高,毕竟现在会用 Vue 的人很多。基础扎实些,会用常用技术。对自己所用技术有点深入的研究。简历上有一些亮点,就是你所在公司因为你有什么不一样。原型链和作用域链说不太清,主要表现在寄生组合继承和extends继承的区别和new做了什么。推荐我的两篇文章:《若川:面试官问:能否模拟实现JS的new操作符》、若川:面试官问:JS的继承Vue 生命周期(包含子孙组件的情况)Vue一些高级特性(比如自定义v-mo

2022-06-30 14:15:10 296 2

原创 微信小程序 禁止弹框下面的内容滑动

我们需要解决的问题:当弹框显示的时候,弹框下面的内容不能滚动小程序的弹框特别多,像下面这样,弹框的底部是一个可以下拉的页面,但是当弹框出现的时候,需要禁止底部的滚动,那么怎么做呢?解决方案:1.给浮框catchtouchmove绑定一个空方法。<view catchtouchmove='prevent' ></view>在methods里面写:prevent(){ return ;}...

2022-05-11 15:38:01 846 1

原创 微信小程序canvas渲染base64小程序码

微信小程序canvas渲染base64小程序码在此之前先说一下前端请求,上线不了wx.request({ url: 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=密钥', //如果找不到,去小程序后台复制 header: { 'content-type': 'application/json' }, met

2022-05-09 11:15:27 827 1

原创 uniapp小程序使用富文本不能展示视频

uniapp小程序使用富文本在开发小程序中,原来用的rich-text标签展示的富文本,但是里面的视频的话不会展示,这样的情况我们如何解决呢?小程序中使用mp-html网址uniapp引入首先我们在插件市场中导入到项目中mphtml在template中的使用<template> <view> <mp-html :content="content" /> </view></template><script&gt

2022-04-28 14:25:50 2536

原创 vue-cropper图片裁剪网络图片展示时跨域

在使用vue-cropper时,展示图片的时候出现跨域报错如下:vue-cropper空白解决方法:将网络图片转为base64// 将网络图片转换成base64格式 transBase64FromImage(image) { let canvas = document.createElement('canvas') canvas.width = image.width canvas.height = image.height let ct

2022-04-24 14:49:27 3648 8

原创 vue裁剪图片

vue使用vue-cropper裁剪图片首先先来看下效果 屏幕录制2022-04-20 14.59.01 vue-croppergithub地址:https://github.com/xyxiao001/vue-cropper安装npm install vue-cropperyarn add vue-cropper在入口文件中引用import {VueCropper}

2022-04-20 15:21:04 4689 3

原创 Vue中使用wangEditor上传图片

Vue中使用wangEditor上传图片

2022-04-18 18:31:44 5816 1

原创 vue遍历li添加@click事件,有时点击第一次不触发事件,第二次才触发

最近在开发项目中,遇到了vue遍历li添加@click事件,有时点击第一次不触发事件,第二次才触发,这个bug出现的莫名其妙,没有任何头脑以下是我写的代码:<ul> <li v-for="item in list" v-key="item.id" @click(item.id)>{{item.name}}</li></ul>这样写没有一点毛病,于是给元素设置了层级关系,不起任何作用,于是翻阅资料,说项目中引入了‘better-scroll’,默认它

2021-06-03 16:26:47 4972

原创 setTimeout时间设置为0时,发生了什么?

1.setTimeout是什么?setTimeout(fn,millisec) 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout()只执行fn一次,到底什么时候执行取决于第二个参数millisec设定的毫秒数举个例子:setTimeout(function(){ console.log('我是setTimeout')},1000)正常情况下,‘我是setTimeout’这句话并不会马上输出而是等1000毫秒以后在浏览器的控制台上输出。2.js是单线程setTimeou

2021-03-02 16:56:19 806

原创 vue实现用户3秒内多次点击。请求只发送一次

vue实现用户3秒内多次点击。请求只发送一次最近做项目,用户连续点击按钮会一直向后台发送请求,最后按钮的状态会跟后台返回的不统一,于是用这个方法实现了用户不管点多少次,在3秒内只请求一次看如下代码,使用点击事件的disabled属性<button :disabled="state" @click="clickbtn"></button>//在data里面设置state原始的属性值data(){ return{ state:false }}//在methods

2021-01-22 15:37:56 3883 2

原创 在小程序中使用mqtt,报错URL is not a constructor

代码 import mqtt from '../../utils/mqtt.min.js' //引入mqtt data(){ return{ options:{ clean: true, // 保留回话 connectTimeout: 4000, // 超时时间 clientId:'mqtt_mini'+Math.random().toString(16).substr(2, 6), username: 'test1',

2020-12-24 17:23:20 1381 1

原创 elemen-ui点击Drawer出现蓝框bug

在写vue项目中,使用element的Drawer插件时,点击会有蓝框,直接上代码。<style lang="scss">:focus { outline: 0; }</style>

2020-10-14 11:21:41 218

原创 click事件点击一次代码执行了两次

在开发过程中,某个点击事件在第一次加载时,页面没有出现错误,当一个变量id改变后页面再次加载,随之同一个点击事件执行代码执行了两次。这个问题解决了好长时间,一直排查错误,排查不出来。最后在网上找到了方法。在页面中动态加载相同模块的时候,当触发第二次加载的模块时,有时会连第一个模块的内容随之改变,这是因为为第一个模块注册点击事件时并没有销毁而执行了两遍。此时需要手动的添加事件移除方法,可以选择在每次事件处理完成后销毁该事件,也可选择在下次事件触发前销毁之前的事件。在JQuery中存在unbind()方法

2020-09-23 10:39:47 1308

原创 async await异步请求

async await异步请求已经好久没有写博客了,今天来聊一聊异步请求async await1.async返回值async 函数返回一个 Promise 对象,可以使用 then 方法添加回调函数。async function helloAsync(){ return "helloAsync"; } console.log(helloAsync()) // Promise {<resolved>: "helloAsync"} helloAsync().then

2020-09-04 17:21:07 348

原创 for...of..转换为key,value形式

最近在做项目,同事问我了一个问题,拿到一个对象里面的值,如下var obj = { 化学考试: { 测试1: [ {id: 43, listId: 75, orderNum: 3, item: "1", type: 1, createTime: "2020-04-22 15:53:57",} ], 测试2: [ {id: 43, listId: 75, orderNum: 3, item: "1", type: 1, createTime: "2020-04-22 15:53:5

2020-06-01 12:24:05 1091

原创 总结link标签的rel 属性

link标签的属性我们知道标签就是定义文档与外部的关系,它最常见的的用途是链接样式表。通常写的时候它只存在head部分中,不过它可以出现任何次数。接下来我们具体的分析一下link标签中的属性:href规定被连接文档的位置<link rel='stylesheet' href='./ease.css' type='text/css' />hreflang规定被链接文档中...

2020-04-24 13:38:10 4824 3

原创 element-ui上传图片坑

今天遇到一个问题,浪费了半天时间才解决出来<el-upload name="image" action="http://test.shapping.com/index/image/upload" list-type="picture-card" :with-credentials='true' :on-preview="handlePict...

2020-04-09 13:58:42 734

原创 怎样完成一个微信小程序项目

现在是特殊时期,但是进步无止境,我们的战斗就永不停息。这种不断战胜困难和自己的战斗就是逆战。本篇是在了解了一些微信小程序开发后,用uni-app开发的一个商城类小程序项目。1.创建及运行项目可以参考网址 https://uniapp.dcloud.io/quickstart?id=%e5%88%9b%e5%bb%bauni-app官网中推荐了两种,个人觉得第一种比较简单2.全局配置page...

2020-02-22 22:34:34 600 1

原创 umi+dva项目中的创建及配置

umi+dva 项目中的创建及配置npm i umi -g //全局安装umi插件mkdir app 创建目录cd app 进入目录npm init -y 初始化npm i umi-plugin-react --save-dev 安装创建目录,并且写入配置在 .umirc.js中写入配置信息export default { history: 'has...

2020-01-16 16:27:52 3332

原创 react中的路由简单了解

react-routerBrowserRouter/HashRouter路由的模式使用Link 生成一个a标签,用来做页面跳转(组件传参)NavLink 使用方式跟Link用法一样,但检查元素会发下a链接里面多了class=“active”,可以根据class设置样式Route 表示每一个路由对象Switch 表示当前路由切换的时候只匹配一个就好Hooks中的useHistoryHooks中的...

2019-12-19 20:37:40 698

原创 vue路由中$route与$router,path与name,params与query的区别梳理

一、router和router和router和route的区别$router : 是路由操作对象,只写对象route:路由信息对象,只读对象栗子://route : 路由信息对象,只读对象栗子://route:路由信息对象,只读对象栗子://router操作 路由跳转this.$router.push({ name:'hello', params:{ ...

2019-12-07 16:14:49 6630 1

原创 创建一个node.js项目

创建一个node.js项目npm init //初始化一个项目,生成一个package.json文件npm i name //安装一个指定的模块npm uninstall xx //删除一个模块require引入一个模块如果没有加相对路径,name默认从nodejs系统模块中查找,然后查找当前项目中的node_modules目录中找,最后如果没有找到就会报错const fs =...

2019-11-22 20:02:31 137

转载 面向对象与面向过程的本质区别

转载 面向对象与面向过程的本质的区别 ...

2019-11-22 14:11:44 78

转载 服务端渲染和客户端渲染的区别

服务端渲染和客户端渲染的区别1、首先先来了解三个专业名词:(1)SPA:单页面应用:只有一张Web页面的应用,是一种从Web服务器加载的富客户端,单页面跳转仅刷新局部资源,公共资源仅需加载一次,常用于PC端网站,购物等网站。 优点:页面之间切换快,减少了服务器的压力 缺点:首屏打开慢,不利于SEO搜索引擎优化,利用搜索引擎的规则是提高网站在有关搜索引擎的自然排名。...

2019-11-14 21:21:07 463

转载 TCP的三次握手与四次挥手

#TCP的三次握手与四次挥手源于作者序列号seq:占4个字节,用来标记数据段的顺序,TCP把连接中发送的所有数据字节都编上一个序号,第一个字节的编号由本地随机产生;给字节编上序号后,就给每一个报文段指派一个序号;序列号seq就是这个报文段中的第一个字节的数据编号。确认号ack:占4个字节,期待收到对方下一个报文段的第一个数据字节的序号;序列号表示报文段携带数据的第一个字节的编号;而确认号指...

2019-11-14 21:15:00 205 1

关于面向对象跟面向过程的本质区别以及讲解.index.html

本文写的是关于面向对象跟面向过程的本质区别以及讲解,从这篇文章中学到了很多知识,希望看到的人也能学习到知识

2019-11-14

本文是关于TCP的三次握手与四次挥手的详细讲解,看了原文收益匪浅

本文是关于TCP的三次握手与四次挥手的详细讲解,看了原文收益匪浅

2019-11-08

关于服务器端渲染跟客户端渲染的描述,以及他们两个的区别

关于服务器端渲染跟客户端渲染的描述,以及他们两个的区别

2019-11-08

空空如也

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

TA关注的人

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