qq_43239820
码龄4年
  • 27,884
    被访问
  • 15
    原创
  • 419,316
    排名
  • 28
    粉丝
关注
提问 私信

个人简介：一个在校的大三学生

  • 加入CSDN时间： 2018-09-19
博客简介：

家有佳欣宝贝的博客

博客描述：
一个热爱设计的前端小白
查看详细资料
个人成就
  • 获得21次点赞
  • 内容获得2次评论
  • 获得116次收藏
创作历程
  • 4篇
    2020年
  • 14篇
    2019年
成就勋章
TA的专栏
  • react
    1篇
  • 移动端
    1篇
  • flex
    1篇
  • git
    1篇
  • css垂直居中部分
    1篇
  • 内联块元素的间隙问题
    1篇
  • 前端面试
    1篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpack前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络
    https
  • 微软技术
    typescript
  • 小程序
    小程序
  • 职场和发展
    面试
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

前端面试--111

<body>
<input type="text" id="txt">

</body><script type="text/javascript"> var obj = {} Object.defineProperty(obj, 'txt', { get: function () { return obj },
原创
发布博客 2020.12.18 ·
689 阅读 ·
0 点赞 ·
0 评论

解读Vue3.0的变更之路

第一块：Vue3.0 beta的六大亮点介绍1：Performance：性能更比Vue 2.0强。2：Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。3：Composition API：组合API相对于Vue2.x的option API4：Fragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门5：Better TypeScript support：更优秀的Ts支持6：Custom Renderer API：暴露了自
原创
发布博客 2020.06.14 ·
619 阅读 ·
0 点赞 ·
0 评论

解析React16.0的componentDidCatch方法

解析React16.0的componentDidCatch方法这段时间看了下react一些新特性，想说说其中一个。React 16 将提供一个内置函数 componentDidCatch，如果 render() 函数抛出错误，该函数可以捕捉到错误信息，并且可以展示相应的错误信息，这个方法真的很赞！那么componentDidCatch究竟可以做什么？有什么好处？当有错误发生时, 我们可以友...
原创
发布博客 2020.03.09 ·
3843 阅读 ·
1 点赞 ·
0 评论

总结移动端H5开发常用技巧

html 篇常用的meta属性设置meta对于移动端的一些特殊属性，可根据需要自行设置<meta name="screen-orientation" content="portrait"> //Android 禁止屏幕旋转<meta name="full-screen" content="yes"> //全屏显示<meta name=...
转载
发布博客 2020.02.18 ·
145 阅读 ·
0 点赞 ·
0 评论

flex布局解决最后一排数量不够自动向两端排列问题

flex 布局两端对齐当最后一排数量不够时，会出现以下布局情况原图实现效果方案1：父级添加after伪类法，解决最后一排数量不够两端分布的情况html<div class="tem-flex"> <div class="tem-list" v-for="item in len">列表</div></div>jsdata(){...
原创
发布博客 2019.12.11 ·
1727 阅读 ·
1 点赞 ·
1 评论

git操作指南（推荐新手）

git初始化使用1、下载git客户端并安装，下载地址为：https://git-scm.com/download/mac2、gitlab账号申请注册3、生成密钥，并添加到gitlab（1）配置名字和邮箱：终端输入git config --global user.name “xuqiong”git config --global user.email “xuqiong@qbb6.com”...
原创
发布博客 2019.12.10 ·
115 阅读 ·
0 点赞 ·
0 评论

vue首页骨架屏vue-skeleton-webpack-plugin插件的使用

安装npm install vue-skeleton-webpack-plugin使用1.在 webpack.dev.conf.js和webpack.prod.conf.js中引入插件const SkeletonWebpackPlugin = require('vue-skeleton-webpack-plugin')function resolve(dir) { return...
原创
发布博客 2019.11.17 ·
583 阅读 ·
0 点赞 ·
0 评论

vue中安装使用sass的注意事项

首先是安装依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass但是在安装2个之后可能会出现报错原因: 上面说是因为sass-loader的版本过高导致，因其最新版本为8.0.0，此会导致编译出错解决方法：1.将package.json中的sass-l...
原创
发布博客 2019.11.16 ·
241 阅读 ·
0 点赞 ·
0 评论

js把多维数组转换成一维数组的方法

方法一、apply结合concat拉平数组 let arr=[[1,2,3],[4,5],[6]]; console.log([].concat.apply([],arr)); //输出 [1, 2, 3, 4, 5, 6]上面的方法是使用apply结合concat，缺点是只能将二维转一维，多维数组就有问题了方法二、ES6新增数组扩展 flat()[1, 2,...
原创
发布博客 2019.07.31 ·
865 阅读 ·
0 点赞 ·
0 评论

web前端跨域的几种方式

一、什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。有一点必须要注意：跨域并不是请求发不出去，请求能发出去，服务端能...
转载
发布博客 2019.04.10 ·
13880 阅读 ·
14 点赞 ·
0 评论

CSS中可以和不可以继承的属性

一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-r...
转载
发布博客 2019.04.10 ·
84 阅读 ·
0 点赞 ·
0 评论

原型继承和 Class 继承

涉及面试题：原型如何实现继承？Class 如何实现继承？Class 本质是什么？首先先来讲下 class ，其实在 JS 中并不存在类， class 只是语法糖，本质还是函数classclass Person {}Person instanceof Function // true组合继承组合继承是最常用的继承方式function Parent(value) {this.val...
原创
发布博客 2019.03.19 ·
627 阅读 ·
0 点赞 ·
0 评论

深浅拷贝

涉及面试题：什么是浅拷贝？如何实现浅拷贝？什么是深拷贝？如何实现深拷贝？首先浅拷贝现在也是前端面试题的一个难点let a = {age: 1}let b = aa.age = 2console.log(b.age) // 2浅拷贝首先可以通过 Object.assign 来解决这个问题，很多人认为这个函数是用来深拷贝的。其实并不是，Object.assign 只会拷贝所有的...
原创
发布博客 2019.03.18 ·
91 阅读 ·
0 点赞 ·
0 评论

http常见的状态码

常见状态码状态码表示了响应的一个状态，可以让我们清晰的了解到这一次请求是成功还是失败，如果失败的话，是什么原因导致的，当然状态码也是用于传达语义的。如果胡乱使用状态码，那么它存在的意义就没有了。状态码通常也是一道常考题,这个问题也是经常是在面试的时候问到。2XX 成功200 OK，表示从客户端发来的请求在服务器端被正确处理204 No content，表示请求成功，但响应报文不含实体的...
原创
发布博客 2019.03.18 ·
109 阅读 ·
0 点赞 ·
0 评论

var、let 及 const的区别(暂时性死区和提升)

有一个面试题就是什么是提升?什么是暂时性死区？还有var、let 及 const的区别下面我们就讨论一下这个问题到底起源是啥应该如何去解决对于这个问题，我们应该先来了解提升（hoisting）这个概念console.log(a) // undefinedvar a = 1从上述代码中我们可以发现，虽然变量还没有被声明，但是我们却可以使用这个未被声明的变量，这种情况就叫做提升，并且提升...
原创
发布博客 2019.03.17 ·
1482 阅读 ·
2 点赞 ·
1 评论

jQurery中的stop()使用中出现的背景塌陷消失解决办法（jQuery 的 slideUp 和 slideDown 下拉卷动问题）

我最近在做项目的时候遇到了一个小问题，如图所示：这是一个鼠标放上去的一个hover的一个slideDown动画，问题就是如果在学校概况和申请上面来回切换进行鼠标的移动的话就会出现下拉框背景塌陷的一个情况，如图所示：可以发现非学位项目这块消失了，也就是出现了背景高度不断塌陷的一个bug问题bug代码；$('.dropdown').hover(function(){ $...
原创
发布博客 2019.03.02 ·
555 阅读 ·
0 点赞 ·
0 评论

display: inline-block存在的间隙问题和解决方法

大家可能在ul搭配li里面遇到过这样的问题，如果想让li全部一行排列，一种方法是浮动，另一种是给li添加display: inline-block但是这个东西存在间隙问题如图：代码如下：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&am
原创
发布博客 2019.01.17 ·
620 阅读 ·
1 点赞 ·
0 评论

css水平垂直居中常用方法

css水平垂直居中在当前网页制作中可以说是非常重要了，大公司面试的时候也经常会问到这种问题，还要你给出多种方法，说出哪一种办法最好并且兼容性还要好，我给大家总结了几种水平垂直居中的方法。第一种：元素的水平居中&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&..
原创
发布博客 2019.01.17 ·
277 阅读 ·
2 点赞 ·
0 评论
加载更多