自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

逍遥的码农的博客

产品经理有三宝:弹窗,浮层加引导。 UI设计有三宝:透明,阴影加圆角。 老板有三宝:我想,我要,必须搞。 码农就一宝:这个需求做不了。

  • 博客(56)
  • 资源 (1)
  • 收藏
  • 关注

原创 js--手写call和apply方法干货注释满满

手把手实现call和apply,一起来学习吧

2023-10-31 16:24:42 298

原创 typeScript--[interface接口实现类的定义,函数定义,可索引定义]

fn("逍遥的码农");定义类需要用到关键字implements跟上定义的接口class My implements Me { //定义类需要用到关键字implementsname: "逍遥的码农",

2023-09-11 17:44:11 645

原创 typeScript--[接口interface的继承]

【代码】typeScript--[接口interface的继承]

2023-09-11 17:22:32 885

原创 typeScript--[接口属性interface]

接口是对 JavaScript 本身的随意性进行约束,通过定义一个接口,约定了变量、类、函数等应该按照什么样的格式进行声明,实现多人合作的一致性。TypeScript 编译器依赖接口用于类型检查,最终编译为 JavaScript 后,接口将会被移除。

2023-09-11 17:03:05 429

原创 typeScript--[类的多态和抽象类、抽象方法]

多态就是父类定义一个方法不去实现,让继承他的子类去实现,每一个自雷有不同的表现。

2023-09-09 23:18:30 328

原创 typeScript--[类的实例方法与静态方法]

定义在构造函数内的方法就是实例方法console.log(this.name + "吃龙虾")var a = new A("逍遥的码农")a.eat()

2023-09-09 22:57:53 488

原创 typeScript--[es6class类实现继承]

(2)protected:保护类型,在雷里面、子类里面可以访问,在类外部不能访问。(1)public:公有,在类里面、子类、类外面都可以访问(默认的就不做演示)(3)private:私有,在类里面可以访问,子类、类外边不能访问。

2023-09-08 14:51:38 780 2

原创 typeScript--[函数定义]

函数的定义包括两种类型:函数声明和函数表达式。1.函数声明2.函数表达式。

2023-09-07 14:19:01 445

原创 typeScript--[数据定义]

1.基础语法:var 变量名: 类型 = 值;3.voidvoid 在 TS 中用来表示没有任何数据类型。通常,当一个函数没有返回值的时候,我们会将返回值的类型设置为 void,如果return了一个返回值会报错。4.anyany 在 TS 中用来表示任意数据类型。通常,只有当值来自于一些动态的内容,我们在一开始确定不了值的类型,可以选择使用 any。g = 123g = null5.arrayTS 中要求数组中的每一项必须是同一个数据类型。

2023-09-06 17:37:02 206

原创 vue使用docxtemplater导出word实现使用textarea输入的内容换行

vue使用docxtemplater导出word实现使用textarea输入的内容换行

2023-07-19 18:19:38 2002

原创 uniapp使用uview开发钉钉小程序使用LoadMore加载更多,当需要加载Loading状态时报错Cannot read properties of null (reading ‘index‘)

uniapp使用uview开发钉钉小程序使用LoadMore加载更多,当需要加载Loading状态时报错Cannot read properties of null (reading ‘index’)

2023-05-08 18:04:09 893 1

原创 使用uniapp开发支付宝/钉钉小程序uni.uploadFile报错errMsg: “uploadFile:fail 无效参数“

使用uniapp开发支付宝/钉钉小程序uni.uploadFile报错errMsg: “uploadFile:fail 无效参数“

2023-05-06 10:23:49 1712

原创 vue-cli-service的使用

ue-cli-service build 会在dist/ 目录下面产生一个可用于生产环境的包,带有 JS/CSS/HTML 的压缩,和为更好地缓存而做的 vendor chunk splitting。vue-cli-service serve 会启动一个开发服务器(基于webpack-dev-server)并且附带了开箱即用的模块热重载(Hot-Module-Replacement)。除了通过命令行,可以使用vue.config.js中devServer字段配置开发服务器的参数;

2023-04-04 10:27:36 1088

原创 js将数组里的字符串转换成数字或者数字转字符串

有时候element ui 的下拉框匹配需要纯数字类型,而数据是字符串类型,需要转换一下 用到js的map()方法。

2023-04-03 13:58:56 207

原创 前端若依框架路由跳转报错 Error: Cannot find module “@/views/xxx/xxx/xxx“

前端代码打包dist文件之后,部署后发现只有首页可以显现,然后跳转路由没生效,控制台报错 Error: Cannot find module “@/views/xxx/xxx/xxx”

2023-03-15 10:47:09 2789 4

原创 微信公众号H5音频视频自动播放(安卓,苹果)

微信公众号H5音视频自动播放,不需要用户跟页面交互

2022-07-08 10:36:35 8366 7

原创 canvas实现video背景虚化(原生js可以套入vue项目等)

canvas video背景虚化

2022-06-29 13:55:40 1076

原创 H5时间转换时间戳报错NAN-NAN-NAN解决方案

最近在h5开发的时候转换时间戳11-11-2019 01:01:01这种时间格式返回NAN-NAN-NAN原因:转换的时候没有识别分割符 “—”解决方法:“—”转换成“/”在转换就没有问题啦var time = "11-11-2019 01:01:01"new Date( Date.parse(time.replace(/-/g, '/'))).getTime()...

2022-04-21 10:57:02 1680

原创 js实现文字上下滚动(到底回到顶部重复滚动)

直接贴代码<html> <body> <head> <style> #scrolldiv { width: 200px; height: 100px; overflow: hidden; } ul{ list-style: none; } </style> &l

2022-02-09 15:44:24 1440 2

原创 vue中给dom元素绑定js原生onclick事件并获取data中定义的数据和调用函数

onclick 执行的是 window 环境中的方法,所以:将 this 中的方法或data中定义的字段关联到 window 上即可。vue代码mounted () { window.customMethods = this.customMethods}, //把方法定义到window对象上methods:{ customMethods(){ alert(666) }},html代码<div class="poster_inner" onclick="javascrip

2022-01-11 16:51:54 1611 1

原创 原生js实现表格内容的居中左对齐

以下是试例代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />

2022-01-07 14:08:35 3542

原创 vue引入个性化字体

一、首先在字体网选择下载自己喜欢的字体字体网链接二、在vue静态资源文件夹assets目录下创建一个font文件夹,把下载的ttf文件放在font文件夹里面三、在src目录下创建一个style文件夹,创建一个全局css变量文件(vue引用的less后缀为less,引用的是scss后缀为sass)四、在文件里写入代码(font-family为定义的名字,src为ttf文件路径)@font-face { font-family: "迷你简胖头鱼字体"; src: url("../asset

2021-12-21 10:19:10 2472

原创 原生js实现导航栏拖拽滑动(适用于pc端和手机端)

先贴一张动图看看效果吧下面把代码贴上注释都在代码边上<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale

2021-12-03 09:32:10 1491

原创 js中的class类

js中的class类函数声明和类声明之间的一个重要区别是函数声明会提升,类声明不会。需要先进行声明,再去访问,否则会报错 var father = new Father("我是爸爸") class Father { constructor(name) { this.name = name; } putName(){ console.log(this.name) } }

2021-11-30 11:00:15 993

原创 启动node服务请求本地接口

1.首先就是简单的安装配置node环境这里不做陈述2.在自己电脑中新建一个文件夹3.在文件夹里面创建一个app.js文件4.打开命令行输入 npm init 创建package.json文件(配上npm init 选项)package name: 你的项目名字叫啥version: 版本号description: 对项目的描述entry point:

2021-11-29 17:38:52 1999

原创 谷歌浏览器无法在地址栏输入搜索的解决办法

1、问题:在chrom中地址栏输入搜索内容点击后自动跳转到百度首页。。2、原因百度正确的搜索格式是:http://www.baidu.com/s?wd=%schrome浏览器中百度的搜索格式是:http://www.baidu.com/#ie={inputEncoding}&wd=%s3、解决方法到设置下面“管理搜索引擎”里,把原来的百度设置新的为默认,把上面的正确URL添加上去并设置为默认就可以了。...

2021-11-18 11:15:00 4621 4

原创 MAC 出现permission denied解决办法

解决办法:终端输入:sudo chmod -R 777 文件目录绿色横线后面就跟文件夹路径就行啦

2021-11-16 17:08:43 6068

原创 js原型链的关系

Javascript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。 这个对象的所有属性和方法,都会被构造函数的实例继承。这也就意味着,我们可以把所有对象实例需要共享的属性和方法直接定义在 prototype 对象上。function Person (name, age) { this.name = name this.age = age}console.log(Person.prototype)Person.prototype.type = 'human'

2021-11-11 10:14:26 114

原创 读懂js中的call和apply

call和apply的作用都是改变this指向,让一个函数调用另一个函数的方法,并可以传值过去// 定义程序员对象var programmer = { name: '程序员', programming: function () { console.log(`${this.name}编程`) }}// 定义外卖员对象var delivery = { name: '外卖员', sendFood: function () { console.log(`${this.

2021-11-10 16:00:02 156

原创 转义特殊字符防止xss攻击

function symbolEscape(text){ return text.replace(/[<>"&]/g, function(match, pos, originalText){ switch(match){ case "<": return "&lt;"; case ">":return "&gt;"; ..

2021-10-27 13:42:43 1450

原创 2021-10-24

拿勋章拿勋章

2021-10-24 18:05:31 79

原创 Vue3生命周期了解

Vue3生命周期在 setup 中,可以通过 onX 的方式注册 生命周期钩子。1、beforeCreate -> 使用 setup()2、created -> 使用 setup()3、beforeMount -> onBeforeMount4、mounted -> onMounted5、beforeUpdate -> onBeforeUpdate6、updated -> onUpdated7、beforeDestroy -> onBeforeUnm

2021-08-24 13:42:09 422

原创 js策略模式减少 if else 判断(骚操作)快来看看吧!

策略模式的使用,避免过多的if else判断,也可以替代简单逻辑的switchconst formatDemandItemType = (value) => { switch (value) { case 1: return '初级' case 2: return '中级' case 3: return '高级' }}// 策略模式const form

2021-08-12 11:13:24 1137 7

原创 js操作时间过当天晚上00:00清除本地存储

const end = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1).getTime() //当天23:59:59秒 转换成的毫秒数const start = new Date().getTime() //当前时间的毫秒数if(localStorage.getItem('endTime')){ //首先判断本地有没有存入当天23:59:59秒的毫秒数 if(start > loc

2021-08-05 20:13:55 978

原创 git未在指定分支修改,保存并切换到正确分支(解决未在指定分支修改问题)

我们在开发一个需求的时候,可能会忘记切换到开发分支上面,下面是切换到正确分支并保存修改的操作1.将修改的代码暂存到stash ----- git stash2.切换到正确的分支 git checkout “正确的分支”3.从stash中取出暂存的代码修改 git stash pop 完成接下来在提交就行啦...

2021-08-03 09:31:55 383

原创 js回调函数(callback)

回调函数,其实简单理解的话就是在一个函数执行完毕后,得到想要的特定数据后在去执行的函数,我门直接看示例 // 2. getdata(check) //运行getdata函数 实参为check函数 // 1. function getdata(callback) { //这边行参为callback回调 名字可以自己随便取 //这里我们假设是从后端获取数据 setTimeout(function () { //假设我们获取到数据i

2021-08-02 13:46:17 685

原创 强制Vue重新渲染组件的最佳方式(亲测完美解决问题)

有时候,依赖 Vue 响应方式来更新数据是不够的,相反,我们需要手动重新渲染组件来更新数据。或者,我们可能只想抛开当前的DOM,重新开始。那么,如何让Vue以正确的方式重新呈现组件呢?强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时,只需更 key 的值,Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然,你可能会对其他方式会更感兴趣:简单粗暴的方式:重新加载整个页面不妥的方式:使用 v-if较好的方法:使用Vue的内置forceUpdat

2021-07-20 15:52:43 1427

原创 js修改对象的属性的两种方法(十分好用)

在我们开发的过程中,后端返回的字段可能和我们组件复用的字段名字不同,这时候为了更方便的开发,我们采用修改后端返回的对象字段来匹配组件中的对象字段第一种正则匹配替换<script> var obj = { id: 1, name: '程序猿', age: 16, } var objReplace = JSON.stringify(obj) //首先给对象转换成字符串 console.log(objReplace)

2021-06-10 09:13:56 8542 2

原创 使用jq让页面滚动到顶部

以下是完整代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit

2021-05-25 16:42:52 797 1

原创 layui点击表格图片放大

layui点击图片放大css代码 <div class="layui-form-item"> <label class="layui-form-label">图片:</label> <div class="layui-input-block"> <img src="" name="coverUrl" style="max-width:504px;max-height:2

2021-05-24 17:04:24 525

Audio播放器.vue

vue音频环形播放器组件,下载直接套用!

2021-05-24

空空如也

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

TA关注的人

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