自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

zoepriselife316的博客

一直在路上...

  • 博客(213)
  • 收藏
  • 关注

原创 js 求数组中的对象某个属性和

js求数组中的某属性和

2023-11-11 14:38:13 413

原创 ts中类的继承

类与类之间存在继承关系,通过extends进行继承。子类可以调用父类的方法 使用super。子类还可以重写父类的方法。

2023-09-27 13:18:59 353

原创 ts中类的写法

【代码】ts中类的写法。

2023-09-27 13:17:10 146

原创 js与ts的函数对比

【代码】js与ts的函数对比。

2023-09-27 13:15:54 120

原创 TS中的泛型基本使用

如果没有确定的话,就会走类型判断 ,使用 <类型> 确定类型。使用泛型,在定义是不需要先确定类型,而是使用的时候再去确定。

2023-09-27 13:13:04 34

原创 webpack 和 ts 简单配置及使用

在package.json中配置scripts 中新增 “start”: “webpack serve --open”html-weback-plugin是自动生成html文件,并且自动引入相关资源。在webpack.config.js中,把title 换为template。根目录下新建webpack.config.js,webpack的配置文件。解决方法是webpack.config.js配置下。-D 开发依赖 等价于 --save-dev。配置的webpack.config.js。

2023-08-18 17:59:13 1002

原创 TypeScript 编译配置

如果想对所有ts文件进行监听编译,监听到变化就自己编译,可以直接创建一个tsconfig.json文件。“files” 指定被编译文件的列表 需要编译的文件少时可使用此选项。“include” 用来指定哪些ts文件需要被编译。“compilerOptions” 编译器的选项。如果有相应的需求,可以在根目录下创建一个文件。“exclude” 不需要被编译的文件目录。“extends” 定义被继承的配置文件。对单独一个ts文件进行监听编译 可使用。

2023-08-04 18:05:36 969 2

原创 TypeScript的基本类型

以JavaScript为基础构建的语言是js的超集可以在任何支持js的平台执行ts 拓展了js并增加了类型Ts不能被js解析器直接执行。TS=> 编译为js 执行的还是js.js 不易于维护,而ts易于维护。可提高项目的可维护性。类似less、sass 完善的语法写 样式,最终转为css . 所有浏览器都能渲染ts 都需要转为js ,编译ts ,比js 多一道工序可以完全按照js来写。

2023-08-03 17:14:35 647

原创 对比两个数组,进行条件判断和替换

js数组对比替换

2023-06-07 11:07:46 467

原创 el-radio 单选框写一个值后不能切换

el-radio

2023-06-05 14:45:26 867

原创 Vue图片懒加载的使用 vue-lazyload

vue-lazyload

2023-03-17 17:39:46 138 1

原创 js 获取文件后缀名

js获取文件后缀

2023-02-24 11:40:38 457

原创 js获取文件文件名去掉后缀名

去文件后缀

2023-02-16 10:00:13 2280

原创 vue 使用webpack打包,出现路径404 ,导致白屏&webpack-bundle-analyzer使用

webpack-bundle-analyzer

2022-11-17 11:23:15 1091

原创 Missing radix parameter radix

eslint对parseInt的校验

2022-10-24 16:47:59 3163

原创 swiper高度自适应

swiper高度自适应

2022-08-24 15:50:02 2928 3

原创 scrollIntoView()方法的学习

scrollIntoView

2022-08-06 11:55:58 2303

原创 js如何删除地址栏中的参数

js去地址中参数

2022-08-02 17:32:12 1966

原创 css文本超出显示省略号

文本超出显示...

2022-08-02 16:29:48 16055

原创 css 实现高斯模糊 filter: blur()

高斯模糊

2022-07-19 15:36:21 1234

原创 el-table 表头和文字都居中方法

在日常开发中,需要写个表格,并且想要美观一点,如果想要el-table 表头和文字可以居中显示?直接上方法:在el-table标签中加入: header-cell-style=“{ ‘text-align’: ‘center’ }”: cell-style=“{ ‘text-align’: ‘center’ }”<el-table : data="tableData" stripe border highlight-current-row : header-cell-st

2022-05-24 19:45:53 7339 1

原创 js 判断是否为小数

有显示钱数的需求,要求为有小数显示保留两位小数,如果是整数直接显示为整数写一个js方法,直接传入该值,即可实现该需求// 判断是否为小数var priceFormat = function priceFormat(num) { if (!isNaN(num)) { return ((num + '').indexOf('.') !== -1) ? num.toFixed(2) : num; }}let yuan = '\xA5'.concat(priceFormat(price

2022-05-11 15:10:55 1677

原创 react native 写一个倒计时,有天数时分秒

使用react native 写一个倒计时,带有天数时分秒,时间结束后,让倒计时消失上代码/** * 倒计时 * ----------------------------------------------- */ import React, { Component } from 'react'; import { StyleSheet, TouchableWithoutFeedback, ImageBackground } from 'react-native' im

2022-05-06 19:25:23 666

原创 js 有小数保留2位,没有显示整数及不显示小数方法

js有小数保留2位,没有显示整数parseFloat() :小数点后不为0,就保留2位。否则为整数const num =2.446242342; parseFloat(num)console.log(parseFloat(num)); // 2.45const num2 =6.00; parseFloat(num2)console.log(parseFloat(num2)); // 6number.tofixed(2) 四舍五入var num =2.446242342;

2022-05-06 19:11:56 6153 3

原创 Invariant Violation: Changing numColumns on the fly is not supported. Change the key prop on FlatLis

Invariant Violation: Changing numColumns on the fly is not supported. Change the key prop on FlatList when changing the number of columns to force a fresh render of the component.双行多列数据,数量变化时,会报错,修改方法:render(){ <ScrollView horizontal style={{ marg

2022-04-20 11:27:04 1529

原创 js时间戳转化

时间戳转换

2022-04-18 15:30:56 496

原创 js 将时间戳转化为小时分钟

timestampToTime(timestamp) { const date = new Date(timestamp * 1000) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000 // let Y = `${date.getFullYear()}-` // let M = `${date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1}-`

2021-12-09 19:46:57 6123

原创 vue隐藏滚动条及显示

隐藏: ::-webkit-scrollbar { width: 0 !important; } ::-webkit-scrollbar { width: 0 !important;height: 0; }设置显示滚动条:overflow-x: scroll; white-space: nowrap;

2021-12-07 17:37:48 1336

原创 vue 解析json格式数据不能自己换行

在解析JSON数据时,使用的v-html ,不能自己换行,因数据是pre标签写的,当不换行时,会截断数据,添加了一行这个代码,就可以正常显示父级下 *{white-space: pre-wrap;}父级下 *{white-space: pre-wrap;}white-space:所有值如下,可根据自己的需求选取:normal 默认。空白会被浏览器忽略。pre 空白会被浏览器保留。其行为方式类似 HTML 中的 pre:标签。nowrap 文本不会换行,文本会在在同一行上继续,直到遇到标签为止

2021-10-13 13:13:06 1598

原创 vue 监听网页关闭/浏览器关闭事件

1.methods中定义窗口关闭/浏览器关闭之后处理内容,例如删除cookie、session、local storage 等methods: { beforeunloadHandler(e) { console.log('关闭窗口之后') }}2.mounted 绑定窗口关闭监听事件mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))

2021-09-16 17:34:04 6707

原创 Word转html 编辑器

链接:http://www.ab173.com/ueditor/可以html转Word,也可以Word转html,便捷的不得了~~~ueditor

2021-08-31 14:39:45 202

原创 Uncaught (in promise) Error: Navigation cancelled from “/ad“ to “/result“ with a new navigation.

Uncaught (in promise) Error: Navigation cancelled from “/ad” to “/result” with a new navigation.这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。解决方法:import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)// 解决with new navigat

2021-08-20 11:25:02 415

原创 vue 使用 axios 设置请求带上cookie

有个请求需要添加cookie在使用时设置:import Axios from 'axios'// 全局设置 axios 发送请求带上cookieAxios.defaults.withCredentials = true//方法中使用axios请求就好let api1 = '你的访问地址'await Axios.get(api1) .then((res) => { if (res.data.code === 'A00000') console.log(res. '结果

2021-08-12 14:49:31 7277

原创 Git创建分支及提交到远端分支操作

git创建分支提交到远程分支步骤:在本地新建分支git branch dev把本地分支push到远程 这样远端也有了dev分支git push origin dev切换到该分支 切换到dev分支git checkout dev查看本地修改git status添加本地修改git add .commit修改 XXXX是我们提交代码的描述git commit -m ‘XXXX’push代码 将本地代码推送到远端Dev分支git push查看分支git branch

2021-08-10 15:40:17 341

原创 vue在页面中怎么遍历2个数组?

有个需求,是显示ABCD选项中,选择的人数,这是一个循环不够用,怎么处理呢?使用item和index,上面使用item遍历一个数组,下面使用index遍历第二个数组,我的第二个数组是已经知道的,是固定的选项ABCD或者更多的选项其中result ,是获取到的值,通过后台请求来的,在data中进行了定义answerArr是答案的数组,在data中定义的 //最多8个选项const Allanswers = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H'] //通过

2021-07-21 11:47:57 2243

原创 本地环境访问不了http中的图片,报403

本地项目访问不了http中的图片,解决方案:header中添加meta<meta name="referrer" content="no-referrer" />完美解决参考地址:https://segmentfault.com/a/1190000017896469

2021-07-19 18:11:10 226

原创 手机和电脑连接同一wifi,手机访问不了电脑起的项目

连接同一网络,但电脑上起的项目,手机访问不到,一直访问不过去,别的电脑ping也不能ping通我电脑原因:防火墙没关,关一下就行打开设置选择WLAN选择网络和共享中心点击Windows Defender 防火墙然后都关闭,就OK了这样就可以正常访问了。...

2021-06-16 14:38:21 3931 1

原创 202 Expected ‘===‘ and instead saw ‘==‘ (eqeqeq) atXXX.js

Expected '===' and instead saw '==' (eqeqeq) at XXXX 1 error found.You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file.有个js判断语句必须用==.

2021-06-16 13:00:38 893

原创 怎么创建本地分支,将本地传到远端分支

查看所有分支git branch -a创建本地分支git branch dev同步分支到githubgit push origin dev切换到自己的分支上,然后把本地分支和远程分支做关联git checkout devgit branch --set-upstream-to origin/dev使用git branch -vv命令可以看到dev 3243b93 [origin/dev] 测试master 3243b93 [origin/master] 测.

2021-06-16 09:59:33 500

原创 test.png:1 GET http://pic.com/le/testpng 403 (Forbidden)

vue 写的h5中,引入的绝对地址的图片:结果收到报错test.png:1 GET http://pic.com/le/testpng 403 (Forbidden)line.png:1 GET http://pic.com/line.png 403 (Forbidden)解决方案:head头中添加如下代码<!--隐藏发送请求时请求头表示来源的referrer字段--><meta name="referrer" content="no-referrer" />然后就可

2021-06-11 14:10:18 315 1

空空如也

空空如也

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

TA关注的人

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