前端(Front End)
文章平均质量分 82
Geolage
Learn more, think more, earn more ...
展开
-
浅谈CSS(样式)的优先级
对于CSS(样式)优先级的问题,大家在开发过程中都必然或多或少的遇见过了,下面将详细解读该问题 ...内联(行内)样式内嵌样式外联样式! important按权重比较优先级user-agentuser-delegation原创 2017-07-23 16:12:25 · 450 阅读 · 0 评论 -
浅谈JS中正则表达式(RegExp)的使用
细说正则表达式(简写为regex、regexp)的那些坑 ...pattern... flags... 填坑 ... 子表达式($)RegExp.prototype.exec()... RegExp.prototype.test()... String.prototype.split()... String.prototype.match()... String.prototype.replace()..原创 2017-08-05 23:36:04 · 452 阅读 · 0 评论 -
浅谈JS中的call、apply和bind
关于call、apply和bind方法...call方法即Function.prototype.call(),是一个能调用函数并使其具有指定的this值和分别地提供的参数(参数的列表)1.调用父构造函数,实现继承 2.调用匿名函数 3.调用函数并改变上下文this指向apply() 传递arguments,创建包裹函数关于thisbind()创建一个新函数进行函数绑定 进行柯里化使函数具有预设参数原创 2017-08-14 22:07:39 · 393 阅读 · 0 评论 -
MarkDown语法与使用指南
MarkDown语法基本语法标题(Title) A. 通过在文字下方(换行)输入=或-,以使用一级标题或二级标题。 B. 在文字前面加上 #,通过“#”数量来表示标题级别。 代码注释(Blockquote) 通过在文字开头添加>表示块注释。 p.s. 当>和文字之间有五个blank时,块注释的文字会发生变化。标签(Tag)字体、字号、颜色空格、空行下划线、删除线原创 2017-07-23 18:28:48 · 302 阅读 · 0 评论 -
浅谈CSS盒子模型
目前主流的浏览器对于盒子模型的标准阐释和渲染效果有所不同,Google Chrome 等所使用的是标准盒子模型,而 IE 使用的则是“非标准”盒子模型,下面以IE盒子模型来称。CSS盒子模型规定了元素框处理元素内容(Content)、内边距(Padding)、边框(Border) 和外边距(Margin)的方式。IE的盒子模型则...选择标准盒子模型还是IE盒子模型?...原创 2017-07-29 15:36:04 · 328 阅读 · 0 评论 -
浅谈CSS清除浮动(ClearFix)的方法
为什么要清除浮动?可以很简洁地说,清除浮动就是为了清除浮动元素产生的不良影响。浮动带来的负面影响1、背景无法显示2、边框无法撑开3、margin、padding设置值无法正确显示清除浮动的方法1. 给父元素设置一定的高度height2.使用css的clear属性3. 使用“隔墙法”4. 使用 :after伪元素5. 使用 overflow属性6. 给父元素设置display: table原创 2017-07-31 16:20:59 · 9008 阅读 · 1 评论 -
图解CSS3 Flexbox属性(转)
Flexbox布局被称之为CSS Flexible Box布局模块,是CSS3中的一种新的布局模式。Flex容器的主要特点是能够修改其子元素的宽度或高度,使其在不同的屏幕尺寸中填补可用的空间。许多设计人员和开发人员发现使用Flexbox来布局更容易,可以使用更少的代码,更简单的方式实现更方便。flexjustify-contentalign-itemsflex-directionflex-grow转载 2017-07-31 16:51:58 · 526 阅读 · 0 评论 -
gulp使用总结,不加return后果很严重(转)
gulp号称要替代grunt的工具,有不少的优点,例如上手简单,代码短,本身就是配置文件,流式处理效率高,看到得错误的行号提示等等,对于两者都没有接触过的人来说,还是用gulp吧。前端的工作流程一些是这样: 写代码-代码检查-测试-文件合并、压缩-发布前面的代码检查和测试我还没有做,不过目前我需要工具可以帮我做的事有下面两个:能够帮我合并压缩代码;为了避免浏览器缓存问题,对于新发布的代码,需要能加上...转载 2017-07-28 23:28:18 · 1373 阅读 · 0 评论 -
npm常用命令
NPM常用命令npm install 安装相应的模块,在命令后面插入 -g 可将包安装到全局环境中。-S or --save: 向里面的dependencies添加项 ; -D or --save-dev:向里面的devDependencies添加项 。npm init 会引导你创建一个package.json文件,包括名称、版本、作者这些信息等。关于package.json ...原创 2017-07-28 16:49:57 · 590 阅读 · 0 评论 -
Webpack入门的关键知识点
关于Webpack总所周知,Webpack 是一个前端资源加载(打包)工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。其它更多的不在这里赘述,如想了解更多详情,请移步至 Webpack官网 查看。下面来说说Webpack的那些重要的知识点。概念entryentry是用来指明入口js文件的配置项,入口文件可以是一个或多个。// 单...原创 2018-02-07 23:45:22 · 2071 阅读 · 0 评论