
【前端】
StrongerIrene
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas 导出空白问题
奇怪的是最开始下载就不行,可能是实验性的那个开启了无效,项目里实际上是动态创建的canvas,而配置那里有webgl,所以可能是因为webgl改了无效,所以尽量还是看些原理趋向的地方去改。也可以的,明显size更大了。在生成canvas的那些里面加一个。按照这个,但是也不完全按照这个。原创 2023-02-28 19:39:41 · 658 阅读 · 0 评论 -
小程序下不同平台的广告播放失败问题
在实际ios和实际windows,根据具体情况有可能没有广告,返回no advertisement,根据当前的平台返回广告不可用,但是拉取过程是成功。在build后的小程序中,会有广告倒计时无法播放的问题,属于bug,dev没有这个情况。如果调起了,没显示出来,那么会走到官方代码的拉取失败代码块里,在里面做判断即可。没有广告原因很复杂,不管是设备限制还是什么,那就不管了,反正处理这样处理。不需要在初始化error里针对这情况处理,因为是没有广告,原创 2023-02-23 16:49:46 · 1322 阅读 · 0 评论 -
小程序分包
文件引用的图片和背景 .. 改成../.. 因为用到了全局的那行。开发者工具上,主包会块,分包会卡,实际上没有这么严重,大概就是体积太大的时候,放到其他地方包里,pages.json 里只要ctrl v就行。原创 2023-02-22 20:29:32 · 195 阅读 · 0 评论 -
用brew 安装nvm 失败
别的都太麻烦,我是真的不会编辑啊啊啊啊啊,。原创 2023-02-15 17:50:43 · 364 阅读 · 0 评论 -
homebrew No remote ‘origin‘ in /opt/homebrew/Library/
结果brew install又报404,于是brew update又报错,可能是git的问题。本来是可以的,但是莫名其妙它就空文件夹了,就重新安装了一下,真的非常非常慢,大概要安了两个小时,然后按照给的提示粘贴了几个命令,解决。原创 2023-02-15 17:32:21 · 3018 阅读 · 0 评论 -
提示xxxx不能用作jsx元素解决方案
直接增加import 导入就可以,莫名奇妙识别不到,可能是有默认导入的,冲突。原创 2023-02-14 14:56:45 · 729 阅读 · 0 评论 -
mac使用小助手
2. mac自带的录屏: quick time player,在右上角菜单开始录屏,然后状态栏那里停止。3. 直接访问具体的文件夹: 访达菜单,前往,然后选择文件夹。鼠标滚轮方向可以调反,在哪忘了。原创 2023-02-10 10:56:11 · 2386 阅读 · 0 评论 -
next构建纯前端
看到有人说next build& next export,但是我这里这样运行就会报错,,,, ,看起来还不好改那种,甚至npm install也报错,自测可以本地开nginx,然后访问localhost:80,因为你把本地服务器开到了80这里,root那里写根地址就可以了,本地的那个地址。还有一点不知道是不是需要,就是取消getServerSideProps。那么直接用yarn add yarn build yarn export。那么纯前端的话,export之后只要out目录下面的就可以了,原创 2023-02-10 10:52:39 · 929 阅读 · 0 评论 -
charak ui和react icons网址
https://chakra-ui.com/docs/components/alerthttps://react-md.dev/packages/material-icons/demos原创 2023-02-09 15:11:42 · 146 阅读 · 0 评论 -
ts打包错误
declare module '@/util/gio.js' // declare module 'xxx'路径或者模块名。提示信息为:无法找到模块“xxx.js”的声明文件 xxx隐式拥有 “any” 类型。// 1. 自行声明:declare const require: any。然后就可以正常引入了。原创 2023-02-09 15:10:03 · 1090 阅读 · 0 评论 -
nextjs 双重循环展示 记得要写return
第二个反正就是不能直接用 要return 否则jsx不认。第一个{ } 应该是隐式实现了xx。不知道原理一点点试出来的。原创 2023-02-07 15:26:20 · 229 阅读 · 0 评论 -
前端文件下载
当通过接口的形式fetch('/upload/downloadfile')访问文件,又想保留浏览器的预览效果时,可以仅设置Content-Disposition的filename以指定预览时下载的文件名,否则浏览器会默认取url最后一节,即downloadfile为文件名,导致下载的文件无后缀无法打开。当url是同源(同域名、同协议、同端口号)时,这种情况用 a标签加download属性的方式即可,download属性指示浏览器该下载而不是打开该文件,同时该属性值即下载时的文件名;转载 2023-02-06 12:15:06 · 532 阅读 · 0 评论 -
react 函数式组件 & react其他一些总结
这里可以看 https://blog.csdn.net/m0_45315697/article/details/107235793。操作: this.setState({ show: props.checked })操作:this.setState({ select: value });1、组件获取props,与类组件有点不同,类组件有。(貌似有部分东西可以放外面,但是函数式可能不行?使用:this.state.histroy。直接在里面继承props 就可以,函数式组件be like。原创 2022-12-20 22:06:08 · 357 阅读 · 0 评论 -
react render相关 【类组件、函数组件 】
编译后就会转化成我们熟悉的。原创 2022-12-20 14:46:48 · 682 阅读 · 0 评论 -
export default与export const xxxx 的区别
主要是default的可以自己命名,而const xxx不仅名字必须固定,而且要用{}引入。用于在JavaScript模块中导出函数,原始值,对象;// 使用 as 重命名导入。原创 2022-12-20 14:33:34 · 1379 阅读 · 1 评论 -
某些uni问题 生命周期
将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。此外vue的一些created、beforeDestroy都可以用。页面级别的,常用是onShow(类似active)可以直接在微信开发工具里看到存储的。onLoad(类似mounted)原创 2022-12-13 17:10:50 · 528 阅读 · 0 评论 -
vscode git拉下来后LF CRLF问题
点击这里可以更改红色报错,windows下默认是CRLF, 类unix下LF。原创 2022-12-13 16:48:18 · 4507 阅读 · 0 评论 -
uni-app 组件莫名其妙显示不出来
别用开发工具自带的查看,用浏览器的查看,发现编译完之后,莫名其妙被加了一层display none查找后无元素设置,猜想可能是相关类名冲突导致,此时多移动下元素位置,放到外层去看是否可行原创 2022-12-06 12:05:19 · 1987 阅读 · 0 评论 -
【记一次el-select undefined】
找到select组件,可以看到props里的label和value都是空的,才会赋值成undefined。(1)是因为有插槽写了其他东西的时候,:label会被覆盖掉,而插槽里的东西都是正常显示的。确定了el-option绑定的没问题,原来是我赋值的时候给错值了,啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 {{item.name}}想起之前写过的vaule,,,,,,,,,下面这样显示的是aaa,和没错的name。再对比ele官方的,这里不应该是空。显示一切正常,但是获取不到值。......原创 2022-08-09 21:06:56 · 2109 阅读 · 0 评论 -
el-cascader 代码取消选择,手动删除某项
首先,是数组splice(index,1)但是这样发现数据已经没有那一条了,视图却还保持选中状态参考这个issue : https://github.com/ElemeFE/element/issues/18669解决:(不是下拉框,直接是级联面板,那么,panel这个获取稍有不同)this.$nextTick(()=>{ this.cascaderValue.splice(recIndex, 1); this.$refs.cascaderAddr.$refs.menu[1]原创 2022-06-07 20:17:00 · 1976 阅读 · 0 评论 -
删除数组的指定元素
不用slice不用slice直接 if (index > -1) { array.splice(index, 1);}or原创 2022-06-06 17:23:18 · 175 阅读 · 0 评论 -
npm报错TypeError: Class extends value undefined is not a constructor or null
npm也不管用加了环境变量也不管用直接去 D:\Program Files\nodejs (安装目录)下面把node_modules删了,然后找到node安装程序msi,repair,重新打开终端,解决出现原因:node版本从14升级到16,npm的部分没有跟着更新...原创 2022-06-03 16:19:19 · 2140 阅读 · 1 评论 -
Vue 数据没问题 视图不更新
对象的增加 不能用this.List[iId] = list.split(";");尤其是这种放id的 识别不了要用this.$set(List, iId, list.split(";"))对象名,key,value原创 2022-06-02 21:03:53 · 148 阅读 · 0 评论 -
el-cascader 多选下 单击label选中
不知道为什么。。。 单选是点文字可以的,但是多选情况下必须要选中方块才可以,非常蛋疼也许可以去给提个pr?Element - The world's most popular Vue UI framework处理方式: 参element Cascader 多选 点击文字选中 - 码农教程 直接1 .el-cascader-panel .el-checkbox { 2 width: 100%; 3 height: 100%; 4 z-index: 10; 5 position: a原创 2022-06-02 20:57:58 · 2422 阅读 · 0 评论 -
slice方法 不改变原数组/原字符串 splice会
方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。 方法返回一个新的数组对象,这一对象是一个由 和 决定的原数组的浅拷贝(包括 ,不包括)。原始数组不会被改变。array的splice会改变原数组但是好像,chrome下表现会异常????原创 2022-06-02 16:52:49 · 1556 阅读 · 0 评论 -
一些好的教程记录地址
https://www.bookstack.cn/read/happy_book_vuejs/scope_and_this.md vue教程,2周入门,讲的比较清楚,https://www.paocai.io/tutorials/react/1 泡菜前端,b站有他的食品https://developer.mozilla.org/zh-CN/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_start原创 2022-05-16 21:08:12 · 238 阅读 · 0 评论 -
预处理器二三事
sass官方文档Sass教程 Sass中文文档 | Sass中文网多个颜色语法@each $name, $color in $p-colors { .el-table .color#{$name} { border-left:5px $color solid; }}$i: 0;@while $i < 70 { .el-table .color#{$i} { border-left:5px nth($p-colors,$i+1) solid; } $i.原创 2022-04-25 13:08:07 · 157 阅读 · 0 评论 -
el-table自定义不生效
【 想手写非常麻烦!!!!】【按照官方给的方法,row那一行。还必须放在非scoped里菜生效】而且害得加.el-table .success-row然后 stripe好像还会覆盖某个自定义样式。以下为转载在后台管理系统项目中,经常会使用element-ui中的组件el-table(表格)来展示列表数据。 当展示数据的时候,可能就需要给给某一行或者列设置特殊的样式,在查询文档是我遇到了一些问题:包括设置某一行或列样式的方式;包括设置指定类名后选择器无效问题。。。。 ...转载 2022-04-19 20:55:38 · 1293 阅读 · 0 评论 -
动态绑定vue里的a标签url
之前写了几次,总是出错,记录下 :href="'addalarmnotes.do?alarmId=' + item.id + '&activetype1=detail'" target="_blank"原创 2022-04-15 18:21:03 · 946 阅读 · 0 评论 -
对象倒序 table数据倒序
console.log(Object.keys(obj).reverse())let showingDetail=[];let keys=Object.keys(obj).reverse()keys.forEach(item=>{ showingDetail[item]=obj[item]})console.log(showingDetail)原创 2022-04-07 11:51:17 · 457 阅读 · 0 评论 -
随便记一下el-table奇怪宽度问题
背景接入子应用的页面,忽然宽度就1900,其他页面没设置什么,却都在1300左右原因el-table太长,某些封装问题,影响到了之前某次看到el-table 无限期增长,反正删掉table就ok解决方法1解决方案:在table外层包一层div元素,设置css宽度继承自父级宽度,添加代码:position:absolute; width:100%;一般上级元素就设置这flex布局flex:1;加入一行代码:position:relative;示例截图:注意: 如果遇到flex布局中使用原创 2022-04-07 10:18:57 · 3023 阅读 · 1 评论 -
el-table expand行,自定义方法展开
没想到自己写过的代码自己都不认识了首先` <el-table-column type="expand" width="50">`然后,自定义展开@click="showList(scope.row)"然后方法 这里设置了只能打开一行if (this.lastRow) { this.$refs.multipleTable1.toggleRowExpansion(this.lastRow, false);}this.lastRow = row;...原创 2022-03-31 21:24:10 · 1416 阅读 · 1 评论 -
动态给定el-table-column
<el-table-column v-for="(item, index) in colunmName" :key="index" :label='item'> <!-- 数据的遍历 scope.row就代表数据的每一个对象--> qwq <template slot-scope="scope"> <span>{{scope.row.years}}<...原创 2022-03-31 11:55:11 · 1702 阅读 · 0 评论 -
动态绑定处理el-select的label el-select绑定对象
原创 2022-03-29 11:07:57 · 2185 阅读 · 0 评论 -
el-description长度自定义
能有替代可以别用,有点dt。。。加载前后 长度奇奇怪怪的官网上说的是labelClassName 自定义标签类名 string — — contentClassName 自定义内容类名 string — — labelStyle 自定义标签样式 object — — contentStyle 自定义内容样式 object 但是实现技术上, labelClassName 一定要写在非scoped里,..原创 2022-03-25 16:04:13 · 1622 阅读 · 0 评论 -
computed相关 (待补充)
# 需求:获得数据后,先进行过滤,要么在computed里,要么在el-select里直接写注意直接写的话,可以这样:加this,加label=“``”注意这样一定要有this,不然不报错也不提示```<el-option v-for="item in this.xxxxx":key="item.xxxxx":label="`${item.xxxxx}(ID:${item.xxxxx})(GroupID:${item.xxxxx})`":value="item.xxxx原创 2022-03-24 16:16:31 · 416 阅读 · 0 评论 -
axios发 带url参数的post请求
可以尝试这样import qs from 'qs'export const xxx = (params,data)=>axios.post( `${api_base}/xxxxxxxxxxxxxxxxxx?a=query&${qs.stringify(params)}`, qs.stringify(data), { withCredentials: true });原创 2022-03-22 20:29:06 · 1328 阅读 · 0 评论 -
动态绑定一文会
仅作为自己记录,随时更新01···:style=" scope.row.sStatus == ‘50’ ? ‘color:#F56C6C;’: scope.row.sStatus == ‘0’ ? ‘color:#E6A23C;’: scope.row.sStatus == ‘100’ ? ‘color:#67C23A;’: ‘color:#909399;’"···02 <template slot-scope="scope">...原创 2022-03-22 20:26:56 · 133 阅读 · 0 评论 -
js 对象倒序
这里的顺序是,被添加的顺序注意chrome控制台下的console会自动按照字母序排,所以是不准的 我是node下看的思路:先取得keys,由此获得一个数组,把数组倒转,再加回去var obj={ a:1, b:2, cc:'qwq', aaa:'1212'}console.log(Object.keys(obj).reverse())let showingDetail=[];let keys=Object.keys(obj).reverse()keys.f原创 2022-03-21 19:26:47 · 1501 阅读 · 0 评论 -
disableHostCheck: true 报错
直接在package.json 里加命令"serve": "vue-cli-service serve --disableHostCheck=true ",原创 2022-03-17 16:16:19 · 17047 阅读 · 2 评论