- 博客(18)
- 收藏
- 关注
RSS订阅原创 前端面试--111
<body> <div id="app"> <input type="text" id="txt"> <p id="show"></p> </div> </body> <script type="text/javascript"> var obj = {} Object.defineProperty(obj, 'txt', { get: function () { return obj },
2020-12-18 12:24:45
2115
原创 解读Vue3.0的变更之路
第一块：Vue3.0 beta的六大亮点介绍 1：Performance：性能更比Vue 2.0强。 2：Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。 3：Composition API：组合API相对于Vue2.x的option API 4：Fragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门 5：Better TypeScript support：更优秀的Ts支持 6：Custom Renderer API：暴露了自
2020-06-14 00:14:58
900
原创 解析React16.0的componentDidCatch方法
解析React16.0的componentDidCatch方法 这段时间看了下react一些新特性，想说说其中一个。React 16 将提供一个内置函数 componentDidCatch，如果 render() 函数抛出错误，该函数可以捕捉到错误信息，并且可以展示相应的错误信息，这个方法真的很赞！ 那么componentDidCatch究竟可以做什么？有什么好处？ 当有错误发生时, 我们可以友...
2020-03-09 19:42:44
6450
转载 总结移动端H5开发常用技巧
html 篇 常用的meta属性设置 meta对于移动端的一些特殊属性，可根据需要自行设置 <meta name="screen-orientation" content="portrait"> //Android 禁止屏幕旋转 <meta name="full-screen" content="yes"> //全屏显示 <meta name=...
2020-02-18 13:42:59
352
原创 flex布局解决最后一排数量不够自动向两端排列问题
flex 布局两端对齐当最后一排数量不够时，会出现以下布局情况 原图 实现效果 方案1：父级添加after伪类法，解决最后一排数量不够两端分布的情况 html <div class="tem-flex"> <div class="tem-list" v-for="item in len">列表</div> </div> js data(){...
2019-12-11 11:31:12
2732
1
原创 git操作指南（推荐新手）
git初始化使用 1、下载git客户端并安装，下载地址为：https://git-scm.com/download/mac 2、gitlab账号申请注册 3、生成密钥，并添加到gitlab （1）配置名字和邮箱：终端输入 git config --global user.name “xuqiong” git config --global user.email “xuqiong@qbb6.com”...
2019-12-10 18:08:00
258
原创 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 14:02:56
886
原创 vue中安装使用sass的注意事项
首先是安装依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 但是在安装2个之后可能会出现报错 原因: 上面说是因为sass-loader的版本过高导致，因其最新版本为8.0.0，此会导致编译出错 解决方法： 1.将package.json中的sass-l...
2019-11-16 16:27:51
374
原创 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 12:08:22
1105
转载 web前端跨域的几种方式
一、什么是跨域 JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。那什么是跨域呢，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。 当协议、子域名、主域名、端口号中任意一个不相同时，都算作不同域。不同域之间相互请求资源，就算作“跨域”。 有一点必须要注意：跨域并不是请求发不出去，请求能发出去，服务端能...
2019-04-10 16:17:09
14617
转载 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 15:20:36
167
原创 原型继承和 Class 继承
涉及面试题：原型如何实现继承？Class 如何实现继承？Class 本质是什么？ 首先先来讲下 class ，其实在 JS 中并不存在类， class 只是语法糖，本质还是函数class class Person {} Person instanceof Function // true 组合继承 组合继承是最常用的继承方式 function Parent(value) { this.val...
2019-03-19 15:33:45
821
原创 深浅拷贝
涉及面试题：什么是浅拷贝？如何实现浅拷贝？什么是深拷贝？如何实现深拷贝？ 首先浅拷贝现在也是前端面试题的一个难点 let a = { age: 1 } let b = a a.age = 2 console.log(b.age) // 2 浅拷贝 首先可以通过 Object.assign 来解决这个问题，很多人认为这个函数是用来深拷贝的。其实并不是，Object.assign 只会拷贝所有的...
2019-03-18 21:46:05
227
原创 http常见的状态码
常见状态码 状态码表示了响应的一个状态，可以让我们清晰的了解到这一次请求是成功还是失败，如果失败的话，是什么原因导致的，当然状态码也是用于传达语义的。如果胡乱使用状态码，那么它存在的意义就没有了。 状态码通常也是一道常考题,这个问题也是经常是在面试的时候问到。 2XX 成功 200 OK，表示从客户端发来的请求在服务器端被正确处理 204 No content，表示请求成功，但响应报文不含实体的...
2019-03-18 18:03:08
328
原创 var、let 及 const的区别(暂时性死区和提升)
有一个面试题就是什么是提升?什么是暂时性死区？还有var、let 及 const的区别 下面我们就讨论一下这个问题到底起源是啥应该如何去解决 对于这个问题，我们应该先来了解提升（hoisting）这个概念 console.log(a) // undefined var a = 1 从上述代码中我们可以发现，虽然变量还没有被声明，但是我们却可以使用这个未被声明的变量，这种情况就叫做提 升，并且提升...
2019-03-17 16:43:04
1739
1
原创 jQurery中的stop()使用中出现的背景塌陷消失解决办法（jQuery 的 slideUp 和 slideDown 下拉卷动问题）
我最近在做项目的时候遇到了一个小问题，如图所示： 这是一个鼠标放上去的一个hover的一个slideDown动画，问题就是如果在学校概况和申请上面来回切换进行鼠标的移动的话就会出现下拉框背景塌陷的一个情况，如图所示： 可以发现非学位项目这块消失了，也就是出现了背景高度不断塌陷的一个bug 问题bug代码； $('.dropdown').hover(function(){ $...
2019-03-02 16:26:34
778
原创 display: inline-block存在的间隙问题和解决方法
大家可能在ul搭配li里面遇到过这样的问题，如果想让li全部一行排列，一种方法是浮动，另一种是给li添加display: inline-block但是这个东西存在间隙 问题如图： 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title&am
2019-01-17 20:58:17
862
原创 css水平垂直居中常用方法
css水平垂直居中在当前网页制作中可以说是非常重要了，大公司面试的时候也经常会问到这种问题，还要你给出多种方法，说出哪一种办法最好并且兼容性还要好，我给大家总结了几种水平垂直居中的方法。 第一种： 元素的水平居中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&..
2019-01-17 19:33:26
379
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人