1. 什么是BFC BFC(block formatting context):块级格式化上下文。简单来说它就是一种会影响元素与元素之间的位置、间距的属性。 2. 如何触发(创建)BFC float:给元素添加浮动 le…
标签:css
切换页面主题样式研究及less教程
某一天,一个头条的大佬问我,听说你之前在项目里面弄过主题切换,你当时是怎么实现的可以详说一下吗? 如果已经对less了如指掌,直接从这里开始。 从less说起 使用 Node.js 环境中使用 Less : npm in…
react16之前的生命周期
lefecycle-React react16之前后的生命周期 A.初始化阶段:1.设置默认属性: static defaultProps = { name: 'sls', age:23, number: 0 }; //…
关于页面优化
作为一位前端工程师,能做的优化有哪一些呢?重要包含两方面:页面机能与代码可维护性。 HTML篇 削减不必要的嵌套 恰当且精简的id/class称号 有意义地运用id(应用选择符属性) 削减link、script要求 底部…
CSS > 选择器优先级与效率优化
CSS选择器优先级与效率优化 Date: 7th of Aug, 2015 Author: HaoyCn 本文收集网上各处关于CSS选择器的文章总结,并自己归纳一篇。 各类选择器的优先级 important声明 1,0,…
CSS 字体(例如font-awesome),使用子域名之后不能正确显示
症状 原来能正常显示的情况下,将js、css、图片文件改为子域名访问,方便cdn加速。切换之后一切正常,但是font-awesome的图片没有正确显示,全部显示框框 原因 因为浏览器的安全规则,虽然是子域名,但是css跨…
一段程序让你看懂JS中的this
看下面这段程序 var name = "Bob"; var nameObj ={ name : "Tom", showName : function(){ console.log(this.name); }, waitS…
使用原生js实现轮播图效果
知乎原文 我的博客 微信公众号这几天在逛网站的时候,发现很多网站都有轮播图这个效果,所以我就仿照小米的官网用原生js写了一个轮播图效果,希望大家喜欢。这是我发布在github上的最后实现的效果:https://heter…
js事件冒泡和事件捕获
前段时间开发一个小项目的时候遇到一个问题,即给一个元素以及它的父元素绑定了click事件,这个时候我点击这个元素时,父级元素的clik事件也会触发,这显然不符合要求。查阅了一些资料之后才知道原来这就是事件冒泡,下面是我对…
iphoneX适配-客户端H5页面
由于iphoneX做了全面屏并且还保留一块小刘海,因此很多以前的移动端H5页面需要结合App客户端做出相应的适配,具体如下: 1、顶部通栏 之前的客户端一直采用状态栏20pt+导航栏44pt的做法。由于iphoneX多了…
用户输入一个网址到页面展示内容的这段时间内,浏览器和服务器都发生了生么事情?
1 在接收到用户输入的网址后,浏览器会开启一个县城来处理这个请求,对用户输入的URL地址进行分析判断,如果是HTTP协议就按照 HTTP方式来处理。 2 调用浏览器引擎中的对应方法,比如WebView中的loadUrl方…
【每日一包0029】merge-descriptors
[github地址:https://github.com/ABCDdouyae…] merge-descriptors (express源码依赖) 一个对象的属性继承另一个对象的属性及其属性描述符 用法:mi…