前端
早睡选手第一名
啦啦啦~
展开
-
angular升级到v12 报错SassError:Invalid CSS after ...
解决方法:移除node-sass包(npm uninstall node-sass)原创 2021-09-15 16:06:32 · 581 阅读 · 0 评论 -
Angular父子组件通信
一、父--->子传参父组件:1)在子组件标签内:<son [data]=resciveData></son> 将父组件的resciveData传递给子组件,子组件通过data接收子组件:1)ts文件中:import { Input } from '@angular/core'在export里加上 @Input() data: dataType(number/string/boolean/null/obj...原创 2021-09-14 10:28:31 · 439 阅读 · 0 评论 -
用javascript做一个仿回收站
以下是我要达到的效果,当1、2、3、4完全进入回收站时,松开鼠标时被回收,当未完全进入回收站时,松开鼠标回到原位。代码如下:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type=&quo原创 2018-06-09 23:38:43 · 3285 阅读 · 0 评论 -
TS2488:Type ‘Object | any[]‘ must have a ‘[Symbol.iterator]()‘ method that returns an iterator
升级项目的版本之后产生如下错误:改正方法如下:原创 2021-07-12 17:55:07 · 4917 阅读 · 0 评论 -
div背景闪烁 文字不变
html:<div class="blink" style={backgroundColor: '#f00'}></div>css:.blink{ animation: fade 1000ms infinite;}@keyframes fade { from { opacity: 1.0; } 50% { background: transparent; } to {原创 2020-09-23 15:54:23 · 325 阅读 · 0 评论 -
react项目搭建与初始化
一、安装和使用react脚手架npm install - g create-react-appcreate-react-app my-appcd my-appnpm start二、ReactDOM.render()ReactDOM.render是React最基本的方法,用于将模板转为HTML语言,并插入指定的DOM节点。ReactDOM.render( <h1>HHH<h1> document.getElementById('exam原创 2020-08-03 10:43:17 · 195 阅读 · 0 评论 -
TypeScript基础知识
TypeScript是JavaS的一个超集,主要提供了类型系统和对ES6的支持,由Microsoft开发。基础原始数据类型1)布尔值:let isDone: boolean = false;2)数值: let decLiteral: number = 6;let hexLiteral: number = 0xf00d;// ES6 中的二进制表示法let binaryLiteral: number = 0b1010;// ES6 中的八进制表示法let octalLit...原创 2020-07-07 17:09:14 · 833 阅读 · 1 评论 -
vue中jsplumb未连线
情况:从别的页面跳转过来,本来应该绘图,结果没有绘制线条解决办法:创建实例原代码:print (point1, point2) { jsPlumb.ready(function () { jsPlumb.connect({ source: point1, ...原创 2020-01-04 17:13:04 · 1498 阅读 · 3 评论 -
el-radio选中后再次点击取消
实现 el-radio-group 选中之后再次点击取消功能:<el-radio-groupv-model="radio"><el-radio:label="3"@click.native.prevent='handleCancel(3)'>备选项3</el-radio><el-radio:lab...原创 2019-12-09 11:20:03 · 1404 阅读 · 0 评论 -
js base64格式图片上传至oss
js上传base64格式图片至oss时,需要先将图片转为blob格式,再转为buffer流代码如下:storeAs是存储的地址,根据自己需要定义原创 2019-09-17 15:50:07 · 2198 阅读 · 0 评论 -
el-upload判断上传图片的格式与大小
给before-upload绑定事件:判断图片只能是 JPG、GIF、BMP、PNG 格式,且小于5MbeforeUpload(file) {let types = ['image/jpeg', 'image/gif', 'image/bmp', 'image/png'];const isImage = types.includes(file.t...原创 2019-09-04 11:26:57 · 6744 阅读 · 0 评论 -
js 判断字符数
一个汉字为2个字符,一个数字或字母为一个字符function byteCount(str) { return str && str.replace(/[^\x00-\xff]/g,"xx").length || 0;}原创 2019-09-04 11:23:09 · 2515 阅读 · 0 评论 -
Vue(element-ui在dialog中回显el-upload照片问题)
以下是我想要的效果,如果用户之前上传过专业资质,那dialog打开默认有用户之前上传过的图片,如果未上传过图片,那么打开是一个上传图片的入口,最多上传五张图片,上传到第五张图片时隐藏上传图片入口。首先是默认显示图片: 1)在el-upload中添加:file-list属性,这个属性绑定的值就是要回显的图片2)我这里的图片url是后台给的,通过遍历得到每...原创 2019-09-04 11:17:50 · 11537 阅读 · 11 评论