- 博客(37)
- 收藏
- 关注
RSS订阅原创 eslint关闭变量为使用检查
eslint关闭变量为使用检查通过package.json文件中的rules对象增加“no-unused-vars”:0
2021-07-26 15:33:56
679
原创 box-sizing:border-box 及兼容
div { box-sizing: border-box; -moz-box-sizing: border-box; /* firefox*/ -webkit-box-sizing: border-box; /* chrome safari*/ -ms-box-sizing: border-box; /* IE8一下 */ -o-box-sizing: border-box; /* presto opera*/}.content-box { box-sizing: content-b
2021-06-07 22:07:35
728
原创 2021-05-12
圣杯继承 var inherit = (function() { return function (Target, Oringin) { function Buffer (){} Buffer.prototype = Oringin.prototype; Target.prototype = new Buffer(); Target.prototype.comstructor = Target; Target.prototype.super_class = O
2021-05-12 21:43:46
76
原创 js原生复制文本功能
var value = "www.csdn.com" var btn = document.querySelector('button') btn.addEventListener('click',function(){ let input = document.createElement('input') input.value=value document.body.appendCh
2020-08-05 13:34:06
155
原创 工作日志
bug场景，select选择公司名称后，提交请求时companyName显示为id。原因如下，select-option循环遍历list时，其value取值为item.id，但在select的v-model绑定为fileform.companyName所导致
2020-07-27 13:15:40
94
原创 flutter开发环境搭建（win系统）
下载安装jdk1.下载地址：https://www.oracle.com/java/technologies/javase-downloads.html#JDK82.配置JDK：系统变量中新增JAVA_HOME，设置为java sdk的目录3.系统变量中找到PATH，增加以下代码：;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin4.打开命令行输入java 及 javac校验配置是否成功下载Android Studio1.地址:http://www.android-st
2020-07-25 15:13:28
86
原创 dart学习笔记
一些常用关键字void main() { Person p1 = Person(); p1?.printInfo(); // 条件运算符? 教研p1是否为真，若真则执行p1.printInfo();，若假则不执行 Person p2 = Person(); if (p2 is Person) { p2.age = 10; } // 类型判断 is，判断p2是否属于Person var p3; p3 = ""; p3 = new Person(); (p3
2020-07-23 17:11:54
98
原创 dart学习笔记
dart中类、构造函数、及实例的创建类的创建class Person { String name; int _age; Person(this.name, this._age); Person.now() { print('这是命名构造函数'); } Person.setInfo(String name, int age) { this.name = name; this._age = age; } void printInfo() {
2020-07-23 16:01:21
104
原创 dart学习笔记
集合类型List Set Map详解Listvar list = new List();list.add('111');list.add('222');List的属性List myList = [1,2,3,4,5];print(myList.length) ;print(myList.isempty) ;print(myList.isNotEmpty);print(myList,reversed); //对集合进行倒叙排序 => (5,4,3,2,1,)var newLis
2020-07-19 18:37:44
70
原创 dart学习笔记
运算符int a= 13int b = 5print(a + b)print(a - b)print(a * b)print(a / b)print(a % b)print(a ~/ b) //取整三元运算：bool flag = true ;Strubg c = flag ? ‘true’ : 'false'?? 运算符var a = 22;var b = a ?? 10 ;若a为真则 b = a;a为假则 b = 10;类型转换1.Number类型转为Strin
2020-07-19 16:29:59
89
原创 dart学习笔记
常用数据类型定义数据类型的方式vat str = 'this is str';定义变量的指定类型：String str = `this is str`String str = '''this is str this is str this is str ''' //多行字符串变量赋值需要使用3个引号String str1 = '你好' ;String str2 = 'dart' ;print ("$str1 $str2") ;print (str1 + “ ” + str2) ;
2020-07-19 16:03:38
63
原创 moment.js的使用
背景实际开发中对table中的数据往往要进行一些处理再渲染到页面上，当对一些时间数据处理时，则需要使用moment.js库业务场景产品需将table中的下单时期改为下单时间，并精确到时分秒 { title: '下单时间', dataIndex: 'createdTime', customRender: (text) => text && text.substring(0, 10) width: 15
2020-07-18 10:40:01
202
原创 单页签与多页签的数据加载（antd pro）
业务场景antd pro集成后台管理平台项目中使用单页签与多页签的数据加载的配置不同单页签mounted () { this.$nextTick(res => { if (this.$route.params.id) { this.getItemDetail() } }) }, // 可以直接在mounted中调用异步加载数据多页签该情况下由于会打开多个页面，多个页面可能公用生命周期（待验证）或其他原因，导致单纯在mounte
2020-07-09 09:19:46
1043
原创 压缩图片
js代码export function compressImage (file, maxHeight = 1000, maxWidth = 1000) { return new Promise((resolve, reject) => { const reader = new FileReader() const img = new Image() reader.readAsDataURL(file) reader.onload = function (e) {
2020-06-28 15:33:57
118
原创 自定义封装upload组件及使用（vue）
upload组件模板部分<template> <div class=""> <a-upload name="file" :multiple="false" // 是否支持多文件上传 listType="picture-card" // 列表内建样式 class="avatar-uploader" :showUploadList="false" :action="api.upload" //
2020-06-14 12:01:04
1544
1
原创 js学习笔记（闭包）
闭包定义function csdn() { let n = 1; return function sum() { console.log(++n); }}函数可以访问到其他函数作用域中的数据产生闭包的条件· 函数嵌套· 内部函数引用了外部函数的数据（变量/函数）· 外部函数被调用闭包的作用· 使用函数内部的变量在函数执行完后，任然存活在内存中· 让函数外部可以操作到函数内部的数据（变量/函数）闭包的声明周期产生：嵌套的内部函数在定义时就产生了死亡：在嵌套的内部函数
2020-06-05 11:43:04
143
原创 js学习笔记（函数）
函数声明function name( params ) { 函数体}// 改声明方式有函数提升let name = function( params ) { 函数体}// 改声明方式没有函数提升let user = { name:' ', setUserName: function( name ) { this.name = name; } getUserName () { return this.name; }}//函数作为对象的方法可以简写立即执行函数
2020-05-28 11:27:12
123
原创 js学习笔记（map集合&weakmap）
map集合定义 与对象类似的集合，但对象的键只能是字符串，但map的键可以使用任意类型申明及元素添加let map = new Map();map.set('name','csdn');map.set({},'github');let map = new Map( [ 'name','csdn' ],[ '键','值' ] )map集合的增删改查let obj = { name: 'csdn' };let map = new Map();map.set( obj, 'csdn.c
2020-05-26 13:49:10
332
原创 js学习笔记（set类型&weakset）
set类型定义及声明方式set类型类似数组，但set内的元素不会有重复let set = new Set();set.add(1);set.add("1");console.log(set); => [1,'1']set类型的增删改查let set = new Set (['csdn','github']);console.log(set.values()); => SetIterator{['csdn','github'}//获取set类型的元素console.log
2020-05-24 00:04:11
182
原创 js学习笔记（symbol）
symbol声名定义symbollet smb = Symbol( );let smb2 = Symbol( );console.log( smb == smb2 ); => false//symbol数据类型是不重复的，也不相等（类似于唯一的字符串）let smb = Symbol('symbol数据的描述')；console.log(smb.description); => symbol数据的描述//可以在Symbol的（）内添加对数据的描述，并使用symbol.descr
2020-05-22 23:13:19
204
原创 js学习笔记（数组的循环及相关函数）
数组的循环forfor (let i = 0; i < arr.length; i++) { console.log(arr[i]); //循环体}for offor ( let value of array ) { console.log(value); //循环体}for of 循环比较适合在数组中使用，可以直接遍历数组元素for infor (let key in array) { console.log(array[key]); //循环体}for in
2020-05-20 22:51:53
160
原创 js学习笔记（数组的查询及相关函数）
数组的查询相关函数indexOf/lastIndexOflet arr = [1,2,3,4,2];arr.indexOf(2); => 1arr.indexOf(9); => -1//在数组中查找元素，若存在就返回索引，若不存在则返回-1arr.lastIndexOf(2); => 4//与indexOf类似，但从数组右侧开始查找let arr = [1,2,3,4,'5']arr.indexOf(5); => -1//indexOf()查询要求全等(===
2020-05-20 13:34:51
252
原创 js学习笔记（数组的相关函数--增删改查）
数组的函数push、unshift、pop、shiftlet arr1 = ['scdn','csdn.com'];let arr2 = ['bilibili','bilibili.com'];arr1.push(...arr2); => ['scdn','csdn.com','bilibili','bilibili.com']//从后面增加元素,返回数组的lengtharr1.unshift('taobao') => ['taobao','scdn','csdn.com','bil
2020-05-18 23:10:51
132
原创 js学习笔记（数组的基本使用）
Array 数组的基本使用声明const array = new Array('c','s','d','n');const arr = ['c','s,'d','n'];console.log(typeof arr); => object//数组是引用类型数据,属于object(对象)let arr = new Array(6); console.log(arr[0]); => undefined//new Array(6)创建了一个数组，数组内部为6个undefinedle
2020-05-18 13:34:58
916
3
原创 js学习笔记（日期函数）
日期函数时间戳的使用const date = new Date ();//得到当前时间console.log(type of date); => objectconst date = Date.now(); => 1572874872348//获取到时间戳（1970年0点至今的毫秒数）const start = Date.now();for (let i = 0; i < 2000000; i++) { }const end = Date.now();console
2020-05-18 10:28:54
188
原创 js学习笔记（Math数学函数）
Math数学计算max、min方法Math.max(1,2,3,4,5); => 5Math.min(1,2,3,4,5); => 1let grade = [3,6,9,12,5];Math.man.apply(null, grade); => 12ceil取整与floor取整
2020-05-17 22:45:48
114
原创 js学习笔记（数值类型）
Number声明let number = new Number(88);let number = 88;基本函数let num1 = 99;let num2 = 99.5566;console.log(Number.isInteger(num1)); => trueNumber.isInteger(num2) => false//Number.isInteger( )，判断数值是否为整数型num2.toFixed(2); => 99.56//四舍五入的方式保留两位
2020-05-17 15:26:48
167
原创 js学习笔记（布尔类型）
boolean布尔类型布尔类型的声明const boolean = new Boolean(false);console.log(typeof boolean); => objectlet boo = true;//用字面量创建boolean隐式转换let num = 99;if(num) console.log('number'); => number//相当于if(Boolean(num)), Boolean(99)为truelet num1 = 0;consol
2020-05-17 11:56:09
280
原创 js学习笔记（字符串）
字符串字符串的转义let a1 = 'http:\/\/scdn.com'//使用 \ 转义符let a2 = 'scdn .com'//   空格模板字符let year = '2010年';let site = 'scdn';console.log(`${site}成立于${year}`);//输出：scdn成立于2010年...
2020-05-16 23:40:04
113
原创 css学习笔记（背景图）
backgroud-image 背景图路径background-image:url(...);重复与否background-repeat: 可选值： repeat 默认值 repeat-x/y 沿着x/y重复 no-repeat 不重复背景图位置background-position: //通过top、left、right、bottom、center 几个方位来设置背景图的位置 //也可以通过数值(px)来设置偏移位置背景的范围background-c
2020-05-15 22:27:40
125
原创 css学习笔记（字体、文本相关）
color：#bfa设置字体颜色font-size字体大小：1. em：相当于当前元素的一个font-size2. rem：现对于根元素的一个font-sizefont-family字体格式：1. serif 衬线字体 (带修饰的字体)2. sans-serif 非衬线字体3. monospace 等宽字体–font-family可以同时制定多个字体，多个字体间用逗号隔开，从第一个到最后优先使用。font-family:Microsoft YaHei,tahoma,arial,Hir
2020-05-12 14:21:55
220
1
原创 css学习笔记（定位）
position定位1. relative相对定位不会脱离文档流，相对自身的静态位置通过top，bottom，left，right进行定位。2. absolute 绝对定位脱离文档流，会选择一个有定位属性的父级元素进行绝对定位（若没有定位属性的父级，则以body的原点进行定位），同样通过top，bottom，left，right进行定位。3. fixed 固定定位类似于absolute，fixed的参照对象永远是视口（vp）。4. sticky 粘滞定位特点与relative基本一致，不同
2020-05-12 11:51:24
109
原创 css学习笔记（box-sizing盒子模型）
盒子模型1. box-sizing：content-box;默认值，宽度和高度指定内容区的大小。2. box-sizing: border-box;盒子的宽度和高度包含了边框、内边距以及内容区域总结相比较默认值content-box，css3的border-box在布局时的使用更简单。特别是采用flex布局时，为了页面的自适应，盒子的width一般采用 %的形式，但border、padding和margin还是用px，此时使用content-box时需要对盒子的width和height数值
2020-05-12 10:56:39
151
原创 学习笔记（浮动及清除浮动）
css学习笔记（浮动及清除浮动）浮动浮动后元素脱离文档流，不在占据文档流位置用于文字环绕图片布局脱离文档流的特点：–块元素不在独占一行，块元素的高度默认被内容撑开–行内元素可以设置行高BFC 块级格式化环境开启BFC的特点：1. 开启BFC的元素不会被浮动元素覆盖2. 开启BFC的子元素与父元素的外边距不会重叠3. 开启BFC的元素可以包含浮动的子元素可以通过一些特殊方式来开启元素的BFC1. 设置元素的浮动2. 将元素设置为行内块元素3. 将元素的overflow设置为
2020-05-11 17:40:02
103
原创 css学习笔记（选择器）
css学习笔记1. 符合选择器a. 带有title属性p元素p[title] {... }b. 带有title且属性值为xxx的p元素p[title=xxx] {... }c.带有title且属性开头为abc的p元素p[title^=abc] {... }d.带有title且属性结尾为abc的p元素p[title$=abc] {... }e.带有title且属性包含abc的p元素p[title*=abc] {...}2. 伪类选择器（伪类用来描述一个元素的特殊
2020-05-11 17:06:27
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人