- 博客(56)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 typeScript--[interface接口实现类的定义，函数定义，可索引定义]
fn("逍遥的码农");定义类需要用到关键字implements跟上定义的接口class My implements Me { //定义类需要用到关键字implementsname: "逍遥的码农",
2023-09-11 17:44:11
620
原创 typeScript--[接口属性interface]
接口是对 JavaScript 本身的随意性进行约束，通过定义一个接口，约定了变量、类、函数等应该按照什么样的格式进行声明，实现多人合作的一致性。TypeScript 编译器依赖接口用于类型检查，最终编译为 JavaScript 后，接口将会被移除。
2023-09-11 17:03:05
389
原创 typeScript--[类的实例方法与静态方法]
定义在构造函数内的方法就是实例方法console.log(this.name + "吃龙虾")var a = new A("逍遥的码农")a.eat()
2023-09-09 22:57:53
455
原创 typeScript--[es6class类实现继承]
（2）protected：保护类型，在雷里面、子类里面可以访问，在类外部不能访问。（1）public：公有，在类里面、子类、类外面都可以访问（默认的就不做演示）（3）private：私有，在类里面可以访问，子类、类外边不能访问。
2023-09-08 14:51:38
764
2
原创 typeScript--[数据定义]
1.基础语法：var 变量名: 类型 = 值;3.voidvoid 在 TS 中用来表示没有任何数据类型。通常，当一个函数没有返回值的时候，我们会将返回值的类型设置为 void，如果return了一个返回值会报错。4.anyany 在 TS 中用来表示任意数据类型。通常，只有当值来自于一些动态的内容，我们在一开始确定不了值的类型，可以选择使用 any。g = 123g = null5.arrayTS 中要求数组中的每一项必须是同一个数据类型。
2023-09-06 17:37:02
189
原创 vue使用docxtemplater导出word实现使用textarea输入的内容换行
vue使用docxtemplater导出word实现使用textarea输入的内容换行
2023-07-19 18:19:38
1858
原创 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
843
1
原创 使用uniapp开发支付宝/钉钉小程序uni.uploadFile报错errMsg: “uploadFile:fail 无效参数“
使用uniapp开发支付宝/钉钉小程序uni.uploadFile报错errMsg: “uploadFile:fail 无效参数“
2023-05-06 10:23:49
1640
原创 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
1061
原创 js将数组里的字符串转换成数字或者数字转字符串
有时候element ui 的下拉框匹配需要纯数字类型，而数据是字符串类型，需要转换一下 用到js的map()方法。
2023-04-03 13:58:56
194
原创 前端若依框架路由跳转报错 Error: Cannot find module “@/views/xxx/xxx/xxx“
前端代码打包dist文件之后，部署后发现只有首页可以显现，然后跳转路由没生效，控制台报错 Error: Cannot find module “@/views/xxx/xxx/xxx”
2023-03-15 10:47:09
2601
4
原创 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
1638
原创 js实现文字上下滚动(到底回到顶部重复滚动)
直接贴代码<html> <body> <head> <style> #scrolldiv { width: 200px; height: 100px; overflow: hidden; } ul{ list-style: none; } </style> &l
2022-02-09 15:44:24
1407
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
1584
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
3484
原创 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
2408
原创 原生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
1459
原创 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
972
原创 启动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
1949
原创 谷歌浏览器无法在地址栏输入搜索的解决办法
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
4486
4
原创 MAC 出现permission denied解决办法
解决办法：终端输入：sudo chmod -R 777 文件目录绿色横线后面就跟文件夹路径就行啦
2021-11-16 17:08:43
5885
原创 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
105
原创 读懂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
147
原创 转义特殊字符防止xss攻击
function symbolEscape(text){ return text.replace(/[<>"&]/g, function(match, pos, originalText){ switch(match){ case "<": return "<"; case ">":return ">"; ..
2021-10-27 13:42:43
1422
原创 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
413
原创 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
1112
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
947
原创 git未在指定分支修改，保存并切换到正确分支(解决未在指定分支修改问题)
我们在开发一个需求的时候，可能会忘记切换到开发分支上面，下面是切换到正确分支并保存修改的操作1.将修改的代码暂存到stash ----- git stash2.切换到正确的分支 git checkout “正确的分支”3.从stash中取出暂存的代码修改 git stash pop 完成接下来在提交就行啦...
2021-08-03 09:31:55
365
原创 js回调函数(callback)
回调函数，其实简单理解的话就是在一个函数执行完毕后，得到想要的特定数据后在去执行的函数，我门直接看示例 // 2. getdata(check) //运行getdata函数 实参为check函数 // 1. function getdata(callback) { //这边行参为callback回调 名字可以自己随便取 //这里我们假设是从后端获取数据 setTimeout(function () { //假设我们获取到数据i
2021-08-02 13:46:17
666
原创 强制Vue重新渲染组件的最佳方式(亲测完美解决问题)
有时候，依赖 Vue 响应方式来更新数据是不够的，相反，我们需要手动重新渲染组件来更新数据。或者，我们可能只想抛开当前的DOM，重新开始。那么，如何让Vue以正确的方式重新呈现组件呢？强制 Vue 重新渲染组件的最佳方法是在组件上设置:key。当我们需要重新渲染组件时，只需更 key 的值，Vue 就会重新渲染组件。这是一个非常简单的解决方案。当然，你可能会对其他方式会更感兴趣：简单粗暴的方式：重新加载整个页面不妥的方式：使用 v-if较好的方法：使用Vue的内置forceUpdat
2021-07-20 15:52:43
1396
原创 js修改对象的属性的两种方法(十分好用)
在我们开发的过程中，后端返回的字段可能和我们组件复用的字段名字不同，这时候为了更方便的开发，我们采用修改后端返回的对象字段来匹配组件中的对象字段第一种正则匹配替换<script> var obj = { id: 1, name: '程序猿', age: 16, } var objReplace = JSON.stringify(obj) //首先给对象转换成字符串 console.log(objReplace)
2021-06-10 09:13:56
8459
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
782
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
511
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人