- 博客(39)
- 收藏
- 关注
RSS订阅
原创 Vue（element-ui在dialog中回显el-upload照片问题）
以下是我想要的效果，如果用户之前上传过专业资质，那dialog打开默认有用户之前上传过的图片，如果未上传过图片，那么打开是一个上传图片的入口，最多上传五张图片，上传到第五张图片时隐藏上传图片入口。首先是默认显示图片： 1）在el-upload中添加：file-list属性，这个属性绑定的值就是要回显的图片2）我这里的图片url是后台给的，通过遍历得到每...
2019-09-04 11:17:50
11531
11
原创 angular升级到v12 报错SassError:Invalid CSS after ...
解决方法：移除node-sass包(npm uninstall node-sass)
2021-09-15 16:06:32
578
原创 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
434
原创 TS2488：Type ‘Object | any[]‘ must have a ‘[Symbol.iterator]()‘ method that returns an iterator
升级项目的版本之后产生如下错误：改正方法如下：
2021-07-12 17:55:07
4891
原创 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
322
原创 json格式传到node服务器端 中文转成Unicode码
问题：前端传给后端的json格式是好的，但后端将中文字符串转成了Unicode这个是前端传递的数据：看起来没什么问题node接收到的数据却变成了这样：name=%E5%B0%8F%E7%8E%8B&age=16&weight=53&grade=%E9%AB%98%E4%B8%80&classes=%E4%B8%80%E7%8F%AD解决方法：1）npminstallurlencode2）在node中引入urlencode 并在处理数据时...
2020-08-18 16:20:15
685
原创 git回滚到之前某次提交（本地+远程）
1）首先使用git log命令查看版本号(commit后就是版本号)commit 91089df9cc4581d82d454a16fc15b8501d2391282）使用 git reset --hard 版本号回滚到之前某版本，此时本地已经回滚，远程仓库还未回滚3）使用 git push -f 回滚远程仓库版本...
2020-08-18 15:38:38
31893
1
原创 node学习——模拟接口
首次接触node 将自己的模拟接口的整个过程记录下来：1）我想要通过接口调用一些学生的信息，首先创建stuInfo.json文件，长这样：{ "stu" : [{ "name": "赵帙", "age": 10, "weight": 36, "grade": "小学", "classes": "三班" },{ "name": "林溪", "age": 14, "weight": 43, "grade": "初中",.
2020-08-17 16:41:48
508
原创 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
192
原创 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
823
1
原创 vue中jsplumb未连线
情况：从别的页面跳转过来，本来应该绘图，结果没有绘制线条解决办法：创建实例原代码：print (point1, point2) { jsPlumb.ready(function () { jsPlumb.connect({ source: point1, ...
2020-01-04 17:13:04
1489
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
1398
原创 js base64格式图片上传至oss
js上传base64格式图片至oss时，需要先将图片转为blob格式，再转为buffer流代码如下：storeAs是存储的地址，根据自己需要定义
2019-09-17 15:50:07
2188
原创 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
6739
原创 js 判断字符数
一个汉字为2个字符，一个数字或字母为一个字符function byteCount(str) { return str && str.replace(/[^\x00-\xff]/g,"xx").length || 0;}
2019-09-04 11:23:09
2510
原创 ES6——promise
promise是异步编程的一种解决方案方案，简单的说，promise就是一个容器，里面保存着某个未来才会结束的事件的结果，从语法上来说，promise是一个对象，它可以获取异步操作的消息。promise对象有以下两个特点：对象的状态不受外界影响。三种状态为：pending（进行中）、fulfilled（已成功）、rejected（已失败） 一旦状态改变，就不会再变，任何时候都可以获得这个...
2018-10-07 21:04:38
134
原创 jQuery基础
jQuery与js的不同：赋值 $(“#div1”).css(“background”,”red”); $(“div”).css(“background”,”red”);$(“.box”).css(“background”,”red”);页面加载： $ ( function ( ){ } ); 事件调用： $ (“#div1”) . click ( function ( )...
2018-10-07 21:03:26
134
原创 区块元素在同一行显示与清除浮动
怎样让区块元素在同一行显示？有两种办法：设置区块元素的display为inline-block 设置浮动对display：inline-block的理解：1）inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，但是会解析换行符，允许空格，同时可以设置宽度和高度属性。2）IE8不兼容该方法，修改方法为：先使用display...
2018-10-07 20:52:47
492
原创 cookie与session
Cookie Cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行 Session 跟踪而储存在用户本地终端上的数据（通常经过加密）。Cookie是在 HTTP 协议下，服务器或脚本可以维护客户工作站上信息的一种方式。Cookie 是由 Web 服务器保存在用户浏览器（客户端）上的小文本文件，它可以包含有关用户的信息。无论何时用户链接到服务器，Web 站...
2018-10-07 20:51:14
117
原创 字面移动光斑效果（css3）
用css3的高级部分做一个字面上移动光斑的动态效果：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">*{margin:0;padd
2018-07-08 22:48:16
1288
原创 用javascript做一个仿回收站
以下是我要达到的效果，当1、2、3、4完全进入回收站时，松开鼠标时被回收，当未完全进入回收站时，松开鼠标回到原位。代码如下：<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type=&quo
2018-06-09 23:38:43
3281
原创 算法基础题（7）
【程序25】 题目：一个5位数，判断它是不是回文数。即12321是回文数，个位与万位相同，十位与千位相同。 【程序26】 题目：请输入星期几的第一个字母来判断一下是星期几，如果第一个字母一样，则继续 判断第二个字母。 1.程序分析：用情况语句比较好，如果第一个字母一样，则判断用情况语句或if语句判断第二个字母。 【程序27】 题目：求100之内的素数 【程序28】 ...
2018-06-09 23:25:37
453
原创 算法基础题（6）
【程序21】 题目：求1+2!+3!+...+20!的和 1.程序分析：此程序只是把累加变成了累乘。 【程序22】 题目：利用递归方法求5!。 1.程序分析：递归公式：fn=fn_1*4! 【程序23】 题目：有5个人坐在一起，问第五个人多少岁？他说比第4个人大2岁。问第4个人岁数，他说比第3个人大2岁。问第三个人，又说比第2人大两岁。问第2个人，说比第一个人大两岁。最...
2018-06-03 17:16:57
306
原创 算法基础题（4）
【程序13】 题目：一个整数，它加上100后是一个完全平方数，再加上168又是一个完全平方数，请问该数是多少？ 1.程序分析：在10万以内判断，先将该数加上100后再开方，再将该数加上268后再开方，如果开方后的结果满足如下条件，即是结果。 【程序14】 题目：输入某年某月某日，判断这一天是这一年的第几天？ 1.程序分析：以3月5日为例，应该先把前两个月的加起来，然后再加上5天...
2018-05-31 22:13:14
376
原创 算法基础题（3）
【程序9】 题目：一个数如果恰好等于它的因子之和，这个数就称为 "完数 "。例如6=1＋2＋3.编程 找出1000以内的所有完数。 【程序10】 题目：一球从100米高度自由落下，每次落地后反跳回原高度的一半；再落下，求它在 第10次落地时，共经过多少米？第10次反弹多高？ 【程序11】 题目：有1、2、3、4个数字，能组成多少个互不相同且无重复数字的三位数？都是多少？...
2018-05-31 22:10:42
216
原创 算法基础题（5）
【程序17】 题目：猴子吃桃问题：猴子第一天摘下若干个桃子，当即吃了一半，还不瘾，又多吃了一个 第二天早上又将剩下的桃子吃掉一半，又多吃了一个。以后每天早上都吃了前一天剩下 的一半零一个。到第10天早上想再吃时，见只剩下一个桃子了。求第一天共摘了多少。 1.程序分析：采取逆向思维的方法，从后往前推断。【程序18】 题目：两个乒乓球队进行比赛，各出三人。甲队为a,b,c三人，乙队...
2018-05-29 22:03:36
211
原创 算法基础题（2）
【程序5】 题目：利用条件运算符的嵌套来完成此题：学习成绩> =90分的同学用A表示，60-89分之间的用B表示，60分以下的用C表示。 1.程序分析：(a> b)?a:b这是条件运算符的基本例子。 【程序6】 题目：输入两个正整数m和n，求其最大公约数和最小公倍数。 1.程序分析：利用辗除法。 【程序7】 题目：输入一行字符，分别统计出其中英文字母、空格、...
2018-05-27 17:09:35
169
原创 算法基础题
【程序1】 题目：古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子总数为多少？ 1.程序分析： 兔子的规律为数列1,1,2,3,5,8,13,21.... 【程序2】 题目：判断101-200之间有多少个素数，并输出所有素数。 1.程序分析：判断素数的方法：用一个数分别去除2到sqrt(这个数...
2018-05-25 17:18:08
6379
原创 三栏布局的几种方法
方法一、左右两栏分别左右浮动，中间宽度自适应 给中间的div左右margin，左边margin为左边div的宽度，右边margin右边div的宽度父元素overflow:hidden清除浮动效果如下：方法二：圣杯布局给父元素加左右padding，左中右都为向左浮动，中间宽度100%效果如下：方法三：双飞翼布局给中间div加入子元素，给子元素设置左右margin，为左右div留位置。...
2018-05-25 17:10:34
695
原创 九九乘法表与隔行变色的表格（JS）
一、九九乘法表JS代码如下：浏览器中效果：二、隔行变色的表格写四个数据，里面包含id，username，sex和操作，并把它们动态添加到table里要求：用DOM操作，隔行变色（白色灰色），操作为删除一行（删除后仍然隔行变色）如：var data = [{'id':1,'username':'小一','sex':'男'},{'id':2,'username':'小二','sex':'女'},{'i...
2018-05-10 22:19:06
3888
原创 学习HTML+CSS2中的重点与难点（个人总结）
一、常见的样式表的引入方法1、行间样式表（只对当前元素有效），使用方法：<div style="样式名1：值1；样式名2：值2；"></div>（此方法在修改大量元素样式时需要一一修改，所以很少使用）2、内部样式表（对当前页面有效），使用方法：放在style标签（通常放在head标签中）内，<style>......</style>（适量使用）3、外...
2018-04-20 23:25:01
1783
原创 四个图片的切换
练习：用四个按钮控制四个图片（1.png，2.png，3.png，4.png）的切换：方法一：浏览器中效果：在点击四个按钮时，就可以切换到对应图片了。方法二（用循环）：浏览器中效果（与方法一相同）需注意的是：我在做的时候用i+1代替了aBtn[i].onclick=function(){ oImg.src=this.value+".png"; }中的this.value，但是出现错误，不能用i+1...
2018-04-18 23:22:07
1256
原创 日常练习（布局）
我想要达到页面的效果： 要想达到该效果，需要用到两个大的div，第二个div的起始display为none，当点击“点击设置”时，让第二个div的display变为block，就相当于一个遮罩，下面的div就不能再点击。下面是我的源代码：以下是我的css部分：以下是我的js部分：浏览器中效果：点击“点击设置”后：就可以更改div的样式了：PS：我的js部分写的有些复杂，可以定义新的变量...
2018-04-16 00:29:36
1062
原创 学习《图解HTTP》心得（2）
HTTP协议用于客户端和服务器端之间的通信 HTTP协议和TCP/IP协议族内的其他众多的协议相同，用于客户端和服务器端之间的通信。请求访问文本或图像等资源的一端称为客户端，而提供资源响应的一端称为服务端。 在两台计算机之间使用HTTP协议通信时，在一条通信线路上必定有一端是客户端，另一端是服务器端。 有时候，按实际情况，两台计算机作为客户端和服务器端的角色有可...
2018-04-16 00:04:33
171
原创 学习《图解HTTP》心得（1）
HTTP的起源与发展①1989年3月，互联网还只属于少部分人。在这互联网的黎明期，HTTP诞生了。②1990年11月，CERN成功研发了世界上第一台Web服务器和Web浏览器。两年后的1992年9月，日本第一个网站的主页（http://www.ibarakiken.gr.jp/www/）上线了。③HTTP于1990年问世。那时的HTTP并没有作为正式的标准被建立。这时的HTTP其实含有HTTP/1...
2018-04-10 23:21:32
282
原创 css---浮动问题
浮动：当一个元素包含一个浮动元素时，该元素会自动收缩，而不是被浮动元素撑开；浮动的实例：当不浮动时：浏览器中效果：添加浮动后：浏览器中：可以看到添加浮动后类名为wrap的父元素高度崩塌，变为一条线。清除浮动的方法有：1、在浮动元素后加上一个类名为clear的空标签，并在css样式李清除浮动。（加入了一个毫无意义的空标签）2、给父元素wrap定义高度；（但高度未知时并不适用）3、给父元素添加样式ov...
2018-04-08 00:04:07
167
原创 圣杯布局与双飞翼布局
一、圣杯布局浏览器中效果：圣杯布局注意：1、父元素box中包含三个子元素middle，left，right，都为左浮动。2、middle需第一个渲染，且宽度为100%。3、left用margin-left:-100%;right用margin-left:-自己宽度px;将两个div拉到与middle一行。4、为box设置左右padding，为left和right留位置。5、用相对定位将left和r...
2018-03-28 23:38:16
113
原创 CSS——浮动布局与定位布局
布局常用的方法：①用float设计浮动布局:float默认值为none,可根据页面需要设置为左浮动left，或右浮动right；浏览器中效果： 因为 div 是区块元素，每个 div 独占一行，要想让三个 div 在同一行里显示，就需要给三个子元素设置浮动，但浮动会使元素脱离文档流，父元素高度崩塌，所以就要在父元素上清除浮动找回高度。②利用position做定位布局： position...
2018-03-25 00:05:30
3243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人