牛客863086060号 - 个人主页动态

发布(49) 评论刷题收藏

2020-10-25 21:05

江西理工大学前端工程师

行内元素的转换

1.display: block/inline-block2.postion:absolute/fixed3.float:left/right

0 点赞评论收藏

2020-10-23 20:19

江西理工大学前端工程师

样式优先级

样式继承 就像儿子可以继承父亲的财产一样，在css中可以把一些公共的样式直接设置给父级元素，然后通过继承让所有的元素都有其属性，这样一次设置子孙元素都可以有。注意： 但是并不是所有的样式都会被子元素所继承，比如：背景相关的、边框相关的、定位相关的样式都不会被子元素所继承。具体情况参考文档。 样式优先级 行间样式 ：1000 id ：100类和伪类 ：10标签选择器：1通配符选择器：0继承的样式：没有优先级如果是多个选择器集合使用，要计算样式优先级，需要将优先级相加然后比较，如果优先级一样，在选择靠后的样式，！import可以提高样式优先级，甚至超过行间样式。 伪类的顺序 设计a标签的伪类共四个...

0 点赞评论收藏

2020-10-19 21:02

江西理工大学前端工程师

常见字符串的方法

toLowerCase()转小写 toUpperCase() slice(1,2)// 截取从下标开始不包含第二个下标的字串 split('')// 分割字符串返回一个数组 chatAt()// 返回指定下标对应的字符 indexOf(str) // 返回字串出现的第一个位置下标 lastindexof() //返回字串最后一个出现的坐标 substring（）提取介于连个下表之间的子串(包前不包后) substr()提取连个下标之间的数（包前包后） replace(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。var str="hello WORLD&...

0 点赞评论收藏

2020-10-19 20:46

江西理工大学前端工程师

link和@import区别

link时Xhtml标签，不仅可以加载css样式文件，还可以加载rss，rel链接，@import时css2.1提出来的，只能加载样式 加载顺序不同，link在页面加载时一起加载，而@import等到页面加载完成之后才加载，因此有时候页面没有样式会闪烁，网速慢时会更加明显。 兼容问题，link没有兼容问题，@import shi css2.1提出来的只能兼容到ie5。 @import可以在css文件中引入其他css文件，但是这样会增加http请求。

0 点赞评论收藏

2020-10-19 20:39

江西理工大学前端工程师

浅拷贝，深拷贝

直接复制 //浅拷贝object.assign() //浅拷贝Array.prototype.slice()//浅拷贝Array.prototype.concat()//浅拷贝JSON.parse(JSON.stringtify())//深拷贝，但是会忽略undefined， 函数也会忽略数据类型判断typeof返回的结果：String，Number,Boolean,Undefined,Object,Function//不能区别nullObject.prototype.toString.call()//可以区别任何类型

0 点赞评论收藏

2020-10-15 23:04

已编辑

江西理工大学前端工程师

for in for of

for in 枚举对象属性，包括原型上的, 遍历对象for of 遍历具有迭代器对象的数据结构，比如 数组，字符串，arguments，map容器，set容器。迭代器（遍历器对象）底层实现可以用闭包，其实他就是一个遍历数据结构的结构体 function myIterator(arr){ let index = 0 return { next: function(){ return index<arr.length? {value:arr[index++],done:false}:{value:undefined, done: true} } } }let targetData = { [...

0 点赞评论收藏

2020-10-05 22:13

已编辑

江西理工大学前端工程师

git回滚

git回滚 1） HEAD指向的版本就是当前版本，因此，Git允许我们在版本的历史之间穿梭，使用命令git reset --hard commit_id。2）用git log可以查看提交历史，可以查询到我们要返回版本的ID。3）版本回退之后，需要再次回到会退前，可以用git reflog查看命令历史，可以查看到每次命令的记录，里面会有我们需要的版本ID。https://blog.csdn.net/weixin_43410419/article/details/846721111 git reflog2 git reset --hard 对应的版本号

0 点赞评论收藏

2020-10-05 22:08

江西理工大学前端工程师

create-react-app antd 样式按需加载

使用脚手架创建的项目，webpack配置是被隐藏的，而webpack默认是不支持babelrc的，所以我们需要暴露webpack配置  1.使用npm run eject 命令（） 在此之前我们需要执行这个两个命令，git add .git commit -m 'init' 2. 在webpack.config.js中找到babelrc，将其改为true，意思是支持babelrc配置 3. 在项目根目录下新建.babelrc文件添加如下配置 { "plugins": [ ["import", { "libraryName": &quo...

0 点赞评论收藏

2020-10-01 10:02

江西理工大学前端工程师

vue-router原理及实现

原理 其实就是根据a标签实现，阻止a标签的默认行为，在重新指定他的跳转hash模式 <body> <div style="display: flex;flex-direction: column; justify-content: center;align-items: center"> <a href="hh">1</a> <a href="hh">2</a> <a href="hh">3</a> <a href...

0 点赞评论收藏

2020-10-01 09:37

江西理工大学前端工程师

this指向问题

1 默认绑定 函数在一般调用时执行环境时window，所有this指向window function fn(){ console.log(this) } fn()2 立即执行函数的this默认指向window var name = 'wbb' !(function () { alert(this.name) })()3 闭包得this指向window var name = 'wbb' function f() { var name = 'wcm' return function () { alert(this.name) } } f()()4 函数作为某个对象的方法执行时，this指向直接对象...

0 点赞评论收藏

2020-09-22 17:29

江西理工大学前端工程师

2020-09-22

在牛客打卡1天，今天学习：刷题 4 道/代码提交 20 次/学习课程 1 节

0 点赞评论收藏

2020-09-11 20:08

江西理工大学前端工程师

数组常用的API（更改原数组and不更改原数组）

1.更改原数组的方法 push()：向数组最后添加一个数，返回新的chagn'dpop()：删除数组中最后一个数，并返回以删除的数shift():将数组的第一个数删除，并返回，如果没有返回undefinedunshift()：在数组最前面添加一个数，并返回新的长度reserver()：将数组顺序颠倒splice()：splice(start,length,item)删，增，替换数组元素，返回被删除数组，无删除则不返回sort()：数组排序 2.不更改原数组的方法 concat()：连接多个数组，并返回新的数组join()：将数组中所有元素以参数作为分隔符放入一个字符sclice():sclic...

0 点赞评论收藏

2020-09-11 19:38

已编辑

江西理工大学前端工程师

vue-router传值方式

1.使用query方式 /data?id=1 /data?id=2 这里的 id 叫 query { path:'detail/:id', name:product, component:Product } this.$router.push({path:'detail', query:{id:23}}) this.$router.push('detail?id=23')2.使用params方式 /data/:id这个路由匹配/data/1,/data/2这里的 id 叫 paramsparams传参的时候，要在路由后面添加参数名，并且参数名称要和设置的参数名一样 { path:'detail...

0 点赞评论收藏

2020-09-11 14:53

江西理工大学前端工程师

禁用浏览器缓存

1. 浏览器中设置network下disable cache 2. meta标签中设置 3. 在url后面拼接时间戳，因为浏览器是根据url来进行缓存的 4. 响应头中配置 cache-control： on-cache 在浏览器使用缓存前，会往返对比ETag，如果ETag没变，返回304，则使用缓存on-store 彻底禁用缓冲，所有内容都不会被缓存到缓存或临时文件中。

0 点赞评论收藏

2020-10-19 16:28

已编辑

江西理工大学前端工程师

js继承

1 js原型继承 原理：原型继承只能是把要继承的属性或方法定义到构造函数的原型对象上 Child.prototype = new Perent()Child.prototype.constructor = Child//保证继承的完整性 function A(name){ this.name = name } A.prototype.age = 10 function B(){ this.name = 'hh' } B.prototype = new A() var a = new B() console.log(a.age) console.log(a.name)2. call继承 特点：只...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：