![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
文章平均质量分 81
行者向阳
为了巅峰的技术,就要付出非凡的努力
展开
-
我做面试官--我会问你那些问题
不要把面试想的很难,面试官问的问题基础部分也就这几个。掌握了这些问题,应付中小型面试足矣!原创 2020-04-10 10:30:33 · 272 阅读 · 0 评论 -
理解box-sizing属性border-box,content-box
普通盒模型与怪异盒模型对比。box-sizing:content-box,box-sizing:border-box;对比。如何使用普通盒模型与怪异盒模型,如何让浏览器只支持标准盒模型。原创 2016-09-16 10:54:58 · 28121 阅读 · 8 评论 -
从盒模型到BFC的深入理解
盒模型的基本概念盒模型是描述DOM元素位置的一种模型,它由内容(content)、内边距(padding)、边框(border)、外边距(margin)组成, CSS盒子模式都具备这些属性。标准模型与IE盒模型的区别1、宽高计算方式的差别标准盒模型的宽度、高度只包括内容的宽度高度。IE盒模型的宽度、高度,包括content + height + border...原创 2018-07-08 16:30:11 · 1785 阅读 · 0 评论 -
将markdown格式的changeLog转换为HTML文件
将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...原创 2018-07-09 17:47:56 · 715 阅读 · 0 评论 -
HTTP常见返回码(如:301,400,503)
对于前端工程师来说,每天都在和HTTP协议打交道,但是我真的懂HTTP协议吗?并没有,那么不如就现在开始了解吧。原创 2018-07-22 10:45:10 · 13336 阅读 · 0 评论 -
webpack babel IE 11 报错解决方案
在最近一段时间的工作中,出现了多次,webKit内核可以加载,但是IE内核无法加载的情况。深入研究并解决后,却发现他们基本上都是一类问题。解决方法:1、在main.js中,引入babel-polyfillimport 'babel-polyfill';2、在bable-loader中,加入报错的模块{ test: /\.js$/, loader: '...原创 2018-08-09 17:53:55 · 5845 阅读 · 1 评论 -
HTTP协议--通信、报文、缓存、跨域、安全
前言对于前端工程师来说,每天都在和HTTP协议打交道,但是我真的懂HTTP协议吗?并没有,那么不如就现在开始了解吧。0、开胃菜,从URL开始,发生了什么0.0、网络栈构成0.1、数据包封包过程:0.2、数据包传输过程:1、HTTP协议的主要特点简单快速:每个资源是固定的,所以简单灵活:每个头部指明了数据类型无状态:每次连接都是一个新的链接,服务...原创 2018-08-03 09:14:16 · 792 阅读 · 0 评论 -
Git常见问题汇总
平时开发中git操作遇到的问题,分享一下,希望对大家有用。1、gitignore文件无法忽略某些文件2、git强制中断,之后无法上传3、解决每次Git提交都要输入密码4、如果commit时message写错了怎么办?5、将本地分支推送到远程6、将本地某一部分的代码,切换到以前版本的代码7、将仓库中的某个文件删除原创 2017-06-14 17:40:02 · 2892 阅读 · 0 评论 -
【GIT】git常见问题指南
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原创 2018-09-03 18:12:07 · 308 阅读 · 0 评论 -
【GIT】配置多个git账号
# 配置github.comHost github.com HostName github.com IdentityFile /Users/xiaoxiaocui/.ssh/id_rsa_gitHub PreferredAuthentications publickey User 491887095@qq.com# 配置git.ascs.techHost g...原创 2018-09-10 10:29:53 · 388 阅读 · 0 评论 -
JavsScript 节流函数 分金定穴
节流函数技术上最关键的地方有两点: 1、闭包保存了状态 2、apply的使用Debouncedebounce 英[dɪ'baʊns]美[dɪ'baʊns][词典] [计] 防反跳;的概念其实是从机械开关和继电器的“去弹跳”(debounce)衍生出来的概念。基本思路就是多个信号合并为一个信号。在JavaScript中,debounce函数所做的事情,就是强...原创 2018-09-15 08:11:25 · 369 阅读 · 0 评论 -
前端自动生成Change Log的实现
对文章的作者,我的同事黛妮表示感谢。我们一起完成了这篇文章。这里附上原文的地址:https://www.yuque.com/rocket/rocket_doc/pyo2i1开发目的快速可交互的搭建生成Change Log更新日志,来提高自己的工作效率。实现思路要实现Change log自动生成,需要有脚本可以根据项目提交的commit自动生成Change log ,然后还有脚本自动生成版...转载 2018-09-28 01:28:12 · 3198 阅读 · 0 评论 -
【前端面试必会】---- 类型转换 &隐式提升
类型转换 &amp;amp; 隐式提升最新的ECMScript定义了7种数据类型原始类型Booolean Null Undefined Number String Symbol对象Object参考文档JS类型转换(强制和自动的规则)类型装换1、显示类型装换1.1、Number函数数值: 数值转换后还是原来的值字符串:如果可以转换为数值,则转换为响应的数值,否则得到NaN。空字符串...原创 2018-12-27 15:59:19 · 316 阅读 · 0 评论 -
no such file or directory, scandir '/Users/takeseiko/.xxx/node_modules/_node-sass@4.11.0@node-sass/v
别着急说我这篇文章水,最后总结出的是一套解决这种问题的思路。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 ...原创 2019-01-07 11:06:21 · 744 阅读 · 0 评论 -
我做面试官---你的简历咋就这么多问题呢
最近在网上上收集简历,看的简历多了,真的是为这些候选人捏把汗。作为面试官,我自己看着你们的简历都无语,你说我还怎么给你机会呢?原创 2019-04-07 17:25:44 · 521 阅读 · 3 评论 -
WebPack4接入TypeScript开发
TypeScript现在已经成为前端开发新宠,很有必要学习下。这篇博客详细记录了我如何搭建TypeScript开发环境,希望对你有用!原创 2019-07-30 14:07:35 · 1400 阅读 · 0 评论 -
web页面视频播放器选型
视频点播服务商选型 前言: 在构建公司官网时,需要展示公司的宣传视频,为了保证流畅的播放效果,以及视频封面,我没有考虑将视屏部署在网站服务器上,而是考虑采用云点播服务。之所以这么做,就是考虑云点播会有加速,播放更流畅,用户体验更好。这篇文章写于2016年11月,虽然有点老了,但是当时找遍了全网视频云点播所有厂商,还是有一定的参考经验。现在把尘封的文章分享出来,希望它再发挥点余热...原创 2018-07-08 14:02:28 · 17696 阅读 · 0 评论 -
结合面试题讲解 async await
首先,await 只能出现在 async 函数中。1、async 的作用async 函数负责返回一个 Promise 对象如果在async函数中 return 一个直接量,async 会把这个直接量通过Promise.resolve() 封装成 Promise 对象;如果 async 函数没有返回值,它会返回 Promise.resolve(undefined)2、awa...原创 2018-06-25 21:38:52 · 4867 阅读 · 0 评论 -
前端页面渲染markDown文件
在我们开发vue组件的过程中,希望把markdown文档写的插件使用说明,也展现到页面中。那么具体怎么做呢?1、安装vue-markdown-loadernpm install vue-markdown-loader --savenpm install markdown-it-container --save2、为webpack配置loader{ test...原创 2018-06-01 12:26:00 · 20672 阅读 · 5 评论 -
IE下滤镜实现background-size效果
IE下的滤镜实现背景图片的background-size效果,修正IE出现双背景的样式。原创 2016-09-27 07:32:48 · 1608 阅读 · 0 评论 -
使用Data url base64编码 将图片嵌入到页面之中
之前公司有一个需求,后台希望前端尽可能的减少请求,我考虑到将雪碧图以及其他图片转化为base64嵌入到页面之中,这样就可以较少至少一个雪碧图的请求。其原理是,将页面中需要的图片转译成base64的编码,然后植入到css的图片引用位置,或者植入到img标签中的src中。http://tool.css-js.com/base64.html原创 2016-09-03 03:21:41 · 12698 阅读 · 0 评论 -
借助cryptoJS , jsonp跨域,请求心知天气API ,获取天气信息
详细介绍了探索使用心知天气的API的过程。详细介绍了jsonp的原理,以及使用方式。详细介绍了web页面使用cryptoJS的过程。原创 2016-11-26 16:41:42 · 4023 阅读 · 1 评论 -
获取网站或标签页的favicon.ico
获取网站或标签页的favicon.ico的正确姿势。原创 2016-11-30 08:35:06 · 11610 阅读 · 0 评论 -
CSS2/CSS3 垂直水平居中
CSS垂直水平居中,CSS3垂直水平居中原创 2016-08-22 00:21:47 · 1467 阅读 · 0 评论 -
JS实现页面返回顶部的匀加速运动
JS实现页面返回顶部的匀加速运动原创 2016-12-18 13:32:16 · 904 阅读 · 0 评论 -
FastStone Capture V8.4注册码
FSCapture V8.4 版本 注册码,亲测可用。原创 2017-01-01 11:49:21 · 1758 阅读 · 0 评论 -
不全局安装vue-cli使用vue脚手架
不全局安装vue-cli使用vue脚手架原创 2017-06-11 19:11:20 · 9000 阅读 · 1 评论 -
构建前端团队的私有npm仓库
有一点规模的团队,都需要逐渐构建自己的npm包。现在有一个比较好的解决方案Sinopia,可以快速搭建和部署私有的npm服务器。本文详细记录了我在搭建私有npm包时,遇到的问题,以及个人的思考。1. 安装Sinopia连接中的文档已经写的很详细了,我就不重复造轮子了。安装Sinopia2. 下面是构建过程中遇到的问题:2.1. 外网无法访问私有sinopia服务...原创 2018-05-08 22:44:04 · 12021 阅读 · 4 评论 -
理解前端尺寸 rem ,vh , vw , %的本质
rem、百分比、vh、vw各种布局方式,在兼容不同分辨率的时候,究竟采用哪种方式比较好呢?名词介绍:百分比:就是元素相对于父级的宽度或高度的百分比,比较常用,宽度和高度都可以rem:本身是百分比的一种变形,但是这个单位只是基于宽度的百分比,不是基于高度的百分比vh、vw:基于视口的尺寸,1vh = 1% viewportHeight , 1wh = 1% viewportWid...原创 2018-05-02 09:45:26 · 6337 阅读 · 0 评论 -
vue实现autoComplete组件
需要掌握的技术点 1、采用mock服务器 2、实现下拉自动匹配,和其他列表的自动匹配 3、在输入法输入的时候,页面的输入框不监听输入法中的内容研究方法: 1、查看开源代码如何实现 2、记录研究过程中的知识点知识补充: 1、compositionstart 事件触发于一段文字的输入之前(类似于 keydown 事件,但是该事件仅在若干可见字符的输入之前,而这些可见字符的输入可能需...原创 2018-04-29 22:31:36 · 9500 阅读 · 0 评论 -
Function.prototype.apply.call
今天在读cw_logger源码的时候,看到这么一个方法:Function.prototype.apply.call顿时,觉得难道还能这么调用。为什么?1. 先来看看上下文if (context === MyLogger.WARN &amp;&amp; console.warn) { hdlr = console.warn; } else if (con...原创 2018-06-04 18:10:04 · 1107 阅读 · 1 评论 -
构建前端npm包
参考文章构建前端npm库开发框架其实看完整篇文章之后,我们会发现整个脚手架,最关键的莫过于webpack的配置文件,我们为每个模块配置loader,入口、出口。然后通过package.json的script,来配置执行不同webpack配置项的脚本,将结果输出到指定的目录。说白了,自己构建一个脚手架的、或者npm开发包的流程,就是配置webpack的流程。这就解决了共用一个no...原创 2018-05-29 14:12:31 · 2350 阅读 · 0 评论 -
git commit 提交规范 & 规范校验
1、背景在多人协作项目中,如果代码风格统一、代码提交信息的说明准确,那么在后期协作以及Bug处理时会更加方便。因此,在本文章中,我会介绍怎么使用下面这个工具,在git push 代码之前检测commit messages:commitlinthuskycommitlint介绍2、先来介绍博主采用的commit规范Commit message格式&lt;ty...原创 2018-06-06 14:03:17 · 73812 阅读 · 2 评论 -
自动生成changeLog
通过git commit 的信息生成changeLog这么做的前提是,我们的commit信息必须遵循公司的commit的规范。快速上手$ npm install -g conventional-changelog-cli$ cd my-project$ conventional-changelog -p angular -i CHANGELOG.md -s推荐的工...原创 2018-06-07 09:41:34 · 5334 阅读 · 0 评论 -
nginx前端常用配置
查看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 ? ...原创 2018-05-27 14:52:14 · 3150 阅读 · 0 评论 -
让body、Div占满整个浏览器的窗口
让HTML标签铺满整个浏览器的窗口,让DIV标签占满整个浏览器的窗口,让父级元素占满整个浏览器的窗口原创 2016-08-21 23:57:04 · 60735 阅读 · 8 评论