BiuBiu_Tian(田)

不要把面试想的很难，面试官问的问题基础部分也就这几个。掌握了这些问题，应付中小型面试足矣！

普通盒模型与怪异盒模型对比。box-sizing:content-box，box-sizing:border-box;对比。如何使用普通盒模型与怪异盒模型，如何让浏览器只支持标准盒模型。

盒模型的基本概念盒模型是描述DOM元素位置的一种模型，它由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成， CSS盒子模式都具备这些属性。标准模型与IE盒模型的区别1、宽高计算方式的差别标准盒模型的宽度、高度只包括内容的宽度高度。IE盒模型的宽度、高度，包括content + height + border...

将markdown格式的changeLog转换为HTML文件主要是用marked.js来实现markdown文本的解析1.安装marked.jsnpm install marked --save 2.需要转换成HTML的markdown文件<a name="1.1.4"></a>## 1.1.4 (2018-05-15)### Bug...

对于前端工程师来说，每天都在和HTTP协议打交道，但是我真的懂HTTP协议吗？并没有，那么不如就现在开始了解吧。

在最近一段时间的工作中，出现了多次，webKit内核可以加载，但是IE内核无法加载的情况。深入研究并解决后，却发现他们基本上都是一类问题。解决方法：1、在main.js中，引入babel-polyfillimport 'babel-polyfill';2、在bable-loader中，加入报错的模块{ test: /\.js$/, loader: '...

前言对于前端工程师来说，每天都在和HTTP协议打交道，但是我真的懂HTTP协议吗？并没有，那么不如就现在开始了解吧。0、开胃菜，从URL开始，发生了什么0.0、网络栈构成0.1、数据包封包过程：0.2、数据包传输过程：1、HTTP协议的主要特点简单快速：每个资源是固定的，所以简单灵活：每个头部指明了数据类型无状态：每次连接都是一个新的链接，服务...

平时开发中git操作遇到的问题，分享一下，希望对大家有用。1、gitignore文件无法忽略某些文件2、git强制中断，之后无法上传3、解决每次Git提交都要输入密码4、如果commit时message写错了怎么办？5、将本地分支推送到远程6、将本地某一部分的代码，切换到以前版本的代码7、将仓库中的某个文件删除

1、Git忽略某些文件，2、git强制中断，之后无法上传，3、解决每次Git提交都要输入密码，4、如果commit时message写错了怎么办？，5、将本地分支推送到远程，6、将本地某一部分的代码，切换到以前版本的代码，7、使用git远程登录linux，8、git追踪已忽略文件夹下的个别文件，9、分支切换error: The following untracked working tree files would be overwritten by checkout，10、创建一个tag，11删除某个tag

# 配置github.comHost github.com HostName github.com IdentityFile /Users/xiaoxiaocui/.ssh/id_rsa_gitHub PreferredAuthentications publickey User 491887095@qq.com# 配置git.ascs.techHost g...

节流函数技术上最关键的地方有两点： 1、闭包保存了状态 2、apply的使用Debouncedebounce 英[dɪ'baʊns]美[dɪ'baʊns][词典] [计] 防反跳;的概念其实是从机械开关和继电器的“去弹跳”(debounce)衍生出来的概念。基本思路就是多个信号合并为一个信号。在JavaScript中，debounce函数所做的事情，就是强...

对文章的作者，我的同事黛妮表示感谢。我们一起完成了这篇文章。这里附上原文的地址：https://www.yuque.com/rocket/rocket_doc/pyo2i1开发目的快速可交互的搭建生成Change Log更新日志，来提高自己的工作效率。实现思路要实现Change log自动生成，需要有脚本可以根据项目提交的commit自动生成Change log ，然后还有脚本自动生成版...

类型转换 & 隐式提升最新的ECMScript定义了7种数据类型原始类型Booolean Null Undefined Number String Symbol对象Object参考文档JS类型转换（强制和自动的规则）类型装换1、显示类型装换1.1、Number函数数值： 数值转换后还是原来的值字符串：如果可以转换为数值，则转换为响应的数值，否则得到NaN。空字符串...

别着急说我这篇文章水，最后总结出的是一套解决这种问题的思路。Error: ENOENT: no such file or directory, scandir '/Users/takeseiko/.xxx/node_modules/_node-sass@4.11.0@node-sass/vendor'解决方法：进入到/Users/takeseiko/.xxx/目录下，执行命令：node ...

最近在网上上收集简历，看的简历多了，真的是为这些候选人捏把汗。作为面试官，我自己看着你们的简历都无语，你说我还怎么给你机会呢？

TypeScript现在已经成为前端开发新宠，很有必要学习下。这篇博客详细记录了我如何搭建TypeScript开发环境，希望对你有用！

视频点播服务商选型 前言： 在构建公司官网时，需要展示公司的宣传视频，为了保证流畅的播放效果，以及视频封面，我没有考虑将视屏部署在网站服务器上，而是考虑采用云点播服务。之所以这么做，就是考虑云点播会有加速，播放更流畅，用户体验更好。这篇文章写于2016年11月，虽然有点老了，但是当时找遍了全网视频云点播所有厂商，还是有一定的参考经验。现在把尘封的文章分享出来，希望它再发挥点余热...

首先，await 只能出现在 async 函数中。1、async 的作用async 函数负责返回一个 Promise 对象如果在async函数中 return 一个直接量，async 会把这个直接量通过Promise.resolve() 封装成 Promise 对象;如果 async 函数没有返回值,它会返回 Promise.resolve(undefined)2、awa...

在我们开发vue组件的过程中，希望把markdown文档写的插件使用说明，也展现到页面中。那么具体怎么做呢？1、安装vue-markdown-loadernpm install vue-markdown-loader --savenpm install markdown-it-container --save2、为webpack配置loader{ test...

IE下的滤镜实现背景图片的background-size效果，修正IE出现双背景的样式。

之前公司有一个需求，后台希望前端尽可能的减少请求，我考虑到将雪碧图以及其他图片转化为base64嵌入到页面之中，这样就可以较少至少一个雪碧图的请求。其原理是，将页面中需要的图片转译成base64的编码，然后植入到css的图片引用位置，或者植入到img标签中的src中。http://tool.css-js.com/base64.html

详细介绍了探索使用心知天气的API的过程。详细介绍了jsonp的原理，以及使用方式。详细介绍了web页面使用cryptoJS的过程。

获取网站或标签页的favicon.ico的正确姿势。

CSS垂直水平居中，CSS3垂直水平居中

JS实现页面返回顶部的匀加速运动

FSCapture V8.4 版本 注册码，亲测可用。

不全局安装vue-cli使用vue脚手架

有一点规模的团队，都需要逐渐构建自己的npm包。现在有一个比较好的解决方案Sinopia，可以快速搭建和部署私有的npm服务器。本文详细记录了我在搭建私有npm包时，遇到的问题，以及个人的思考。1. 安装Sinopia连接中的文档已经写的很详细了，我就不重复造轮子了。安装Sinopia2. 下面是构建过程中遇到的问题：2.1. 外网无法访问私有sinopia服务...

rem、百分比、vh、vw各种布局方式，在兼容不同分辨率的时候，究竟采用哪种方式比较好呢？名词介绍：百分比：就是元素相对于父级的宽度或高度的百分比，比较常用，宽度和高度都可以rem:本身是百分比的一种变形，但是这个单位只是基于宽度的百分比，不是基于高度的百分比vh、vw：基于视口的尺寸，1vh = 1% viewportHeight , 1wh = 1% viewportWid...

需要掌握的技术点 1、采用mock服务器 2、实现下拉自动匹配，和其他列表的自动匹配 3、在输入法输入的时候，页面的输入框不监听输入法中的内容研究方法： 1、查看开源代码如何实现 2、记录研究过程中的知识点知识补充： 1、compositionstart 事件触发于一段文字的输入之前（类似于 keydown 事件，但是该事件仅在若干可见字符的输入之前，而这些可见字符的输入可能需...

今天在读cw_logger源码的时候，看到这么一个方法:Function.prototype.apply.call顿时，觉得难道还能这么调用。为什么？1. 先来看看上下文if (context === MyLogger.WARN && console.warn) { hdlr = console.warn; } else if (con...

参考文章构建前端npm库开发框架其实看完整篇文章之后，我们会发现整个脚手架，最关键的莫过于webpack的配置文件，我们为每个模块配置loader，入口、出口。然后通过package.json的script，来配置执行不同webpack配置项的脚本，将结果输出到指定的目录。说白了，自己构建一个脚手架的、或者npm开发包的流程，就是配置webpack的流程。这就解决了共用一个no...

1、背景在多人协作项目中，如果代码风格统一、代码提交信息的说明准确，那么在后期协作以及Bug处理时会更加方便。因此，在本文章中，我会介绍怎么使用下面这个工具，在git push 代码之前检测commit messages：commitlinthuskycommitlint介绍2、先来介绍博主采用的commit规范Commit message格式<ty...

通过git commit 的信息生成changeLog这么做的前提是，我们的commit信息必须遵循公司的commit的规范。快速上手$ npm install -g conventional-changelog-cli$ cd my-project$ conventional-changelog -p angular -i CHANGELOG.md -s推荐的工...

查看nginx所在的路径[root@webteam local]# ps -ef | grep nginxroot 1652 1 0 5月04 ? 00:00:00 nginx: master process /usr/sbin/nginx -c /etc/nginx/nginx.confnginx 1653 1652 0 5月04 ? ...

让HTML标签铺满整个浏览器的窗口，让DIV标签占满整个浏览器的窗口，让父级元素占满整个浏览器的窗口