前端
Scorpion-S
to the moon!
展开
-
css对齐方式属性
text-align margin-left: auto;margin-right: auto;原理在于auto属性值可以填充剩余空间 float:left需要父元素设置overflow: hidden或者子元素clear:both;清除浮动原创 2020-05-30 17:48:26 · 517 阅读 · 0 评论 -
css 居中几种方式
line-height实现文本再div内垂直居中,移动端小于12px无效 text-align: center;最子元素水平居中 子元素再父元素内水平垂直居中方式: 1. 父元素: position: relative; 子元素:1. position: absolute; top: 0; bottom: 0; /right: 0; left: 0; /margin: auto; 2. top: 50%; left:..原创 2020-05-30 17:44:30 · 179 阅读 · 0 评论 -
获取图片尺寸
js: let img = document.getElementsByClassName('zs-upload-input')[0] console.log(img, 'imgggg') img.addEventListener('change', (e)=>{ console.log(this, e.target.files,e.target.files.length, e.target.files[0]) let reader = new FileReader() rea原创 2020-05-21 17:18:30 · 212 阅读 · 0 评论 -
JS的深浅拷贝
浅拷贝 obj = {a: 1, b: 2, c: {a: 3, b: 4}} obj1 = Object.assign({}, obj) //故此assign可用作合并对象 深拷贝 obj = {a: 1, b: 2, c: {a: 3, b: 4}} obj1 = JSON.parse(JSON.stringify(obj)) 对于浅拷贝,obj与obj1对于c属性同一引用,...原创 2020-03-28 01:01:26 · 98 阅读 · 0 评论 -
js起步(大多是基础概念)
一、起步 1.1 JavaScript简介 不同的浏览器都致力于实现自己的客户端脚本语言,比如从Netscape的LiveScript(为蹭热度改名为JavaScript)再到后来微软的JScript。由于不同版本的JavaScript没有统一的语法,所以ECMAScript出现了,其作为JavaScript实现的基础,规定的JavaScript实现的语法。 1.2 JavaScript实现 Ja...原创 2019-09-02 20:48:44 · 152 阅读 · 0 评论 -
js运算符难点记录
加法运算符存在两种行为,如果number类型跟boolean类型相加会将布尔值转化成1或0,然后相加,如果number和string相加,会将number转化成字符串相加。对象的相加则会把对象变成原始类型值进行相加(obj.valueOf().toString())。其他的运算符都会把字符串变成数值操作,如果不能转化为数值,返回NaN。 比较运算符:如果两个都是是原始数据类型,转变为数值进行比较...原创 2018-11-04 15:22:34 · 126 阅读 · 0 评论 -
记录一下es6 import export
区别:export与default export用例 导出:export const a = 1;//导出变量a。a.js 引用:import {a} from 'a.js' //必须使用大括号导入上面导出的变量,名称必须一致 分析一下错误导出 //错误用法 const a = 1 export a //函数的错误导出如 function a() { console.log('jk') ...原创 2019-09-27 17:59:11 · 154 阅读 · 0 评论