文章库ARTICLE COLUMN

  • CSS 常用布局在小程序中的应用

    CSS 常用布局在小程序中的应用

    摘要:常用布局在小程序中的应用所有布局的根本都是个基本概念定位浮动外边距操纵我们其他的布局实现方式,都是基于正常的文档流来进行的。具体实现,可以使用微信小程序的单位,以及使用定位浮动布局来实现。 CSS 常用布局在小程序中的应用 所有css布局的根...

    garfileogarfileo 评论0 收藏0
  • 校招社招必备核心前端面试问题与详细解答

    校招社招必备核心前端面试问题与详细解答

    摘要:本文总结了前端老司机经常问题的一些问题并结合个人总结给出了比较详尽的答案。网易阿里腾讯校招社招必备知识点。此外还有网络线程,定时器任务线程,文件系统处理线程等等。线程核心是引擎。主线程和工作线程之间的通知机制叫做事件循环。 showImg("h...

    RangoRango 评论0 收藏0
  • * 请说出静态资源请求的优化措施?是否用过“雪碧图”和iconfont?

    * 请说出静态资源请求的优化措施?是否用过“雪碧图”和iconfont?

    摘要:减少请求合并打包小图标等用代替作为单个节点使用,可以设置大小颜色等,非常便利。前后端分离项目,不论是还是,都有相应的工具包。不过,大部分前端对应该陌生一些,为了实践技术,用熟悉的即可,真正的项目部署,有专业的实施人员来搞使用缓存 减少...

    不知名网友不知名网友 评论0 收藏0
  • BFC

    BFC

    摘要:简称简称中只有和中还增加了和定义直译为块级格式化上下文。它是一个独立的渲染区域,只有参与,它规定了内部的如何布局,并且与这个区域外部毫不相干。 BFC Block fomatting context (简称BFC)Inline formatting context (简称IFC)CSS2.1 中只有 BFC ...

    yanweiyanwei 评论0 收藏0
  • 前端面试重点之——多列布局

    前端面试重点之——多列布局

    摘要:重点以需求为例说明。三左边不定宽,右边自适应布局需求左侧不定宽,右侧自适应,间距。五等宽布局解决方案需求多列等宽,并保留间距。 在页面开发中,当我们拿到设计师给出的UI图后,首先考虑的就是布局问题,而多列布局会是我们碰到最多的布局...

    makeFoxPlaymakeFoxPlay 评论0 收藏0
  • 踩坑完全指南(长期更新)

    踩坑完全指南(长期更新)

    摘要:有很多坑踩过的,记录下来。尤其是,相信前端们最讨厌写的就是环境配置篇一篇文章了解上环境配置样式篇如何设置表格的单元格内容高度回答链接 有很多坑踩过的,记录下来。尤其是css,相信前端er们最讨厌写的就是css 环境配置篇 一篇文章了解Mac上Node...

    SexySixSexySix 评论0 收藏0
  • 移动端键盘和光标的兼容那点事

    移动端键盘和光标的兼容那点事

    摘要:解决方法如果使用页面数据不超过一屏禁止滚动,那么即使变成了页面也不会有什么变化。 作者:@micky思 @wupq @yewq 在H5的开发中,个人的制作页面布局习性不同,多多少少会产生在真机上input的光标和键盘的弹出会出现的各种BUG,文中整理了部分遇到的...

    JackwooJackwoo 评论0 收藏0
  • html通过canvas转成base64

    html通过canvas转成base64

    摘要:作者在的营销活动中,经常生成一张图片让用户分享或者保存,这时候处理方案有两种。 作者:@wucj shouzijiang 在H5的营销活动中,经常生成一张图片让用户分享或者保存,这时候处理方案有两种。一种是让后端生成图片,返回一个图片地址给前端展示一种是...

    李昌杰李昌杰 评论0 收藏0
  • 实用浏览器调试技巧(动画、节点删除、节点增加)

    实用浏览器调试技巧(动画、节点删除、节点增加)

    摘要:今天分享一些平时不常用,但总有一天你会用到的浏览器调试技巧。如图彩蛋介绍一个在浏览器中全局搜索代码的方法,点击面板,会看到左侧有目录结构,右键目录结构。如图小扩展还有一个场景一个页面会从后台请求字体包,字体包会在某个时刻通过加入到标签...

    sherlock221sherlock221 评论0 收藏0
  • css伪类选择器

    css伪类选择器

    查看demo p:last-child{ background-color: #ccc; } div>:not(p){ color: blue; } div p:not(:last-child){ border: 1px solid #ccc; } title one ...

    WalkerXuWalkerXu 评论0 收藏0
  • svg 线条动画

    svg 线条动画

    svg { background: #ccc; } svg line { /* stroke: #999; */ stroke-width: 4; fill: none; } @keyframes depict { from { stroke: red; stroke-dashoffset: 200; } t...

    silenceboysilenceboy 评论0 收藏0
  • highcharts大数据显示

    highcharts大数据显示

    摘要:今日分享基于的地图,柱状图及饼图设计界面中的图表均是模拟请求格式完成图形渲染。界面设计为响应式设计,可适配不同尺寸大小的屏幕。效果图展示饼图位于代码下载地址图表若无法显示,可放于服务器测试。 今日分享基于highcharts的地图,柱状图及饼图...

    klinsonklinson 评论0 收藏0
  • CSS面试须知,哪些需要掌握得CSS技巧

    CSS面试须知,哪些需要掌握得CSS技巧

    摘要:首先,巧妙的使用这一标记,将浏览器从所有情况中分离出来。类似于优先级机制优先级最高,有他们在时,不起作用,值需要调整。若从左向右的匹配,发现不符合规则,需要进行回溯,会损失很多性能。偶数字号相对更容易和设计的其他部分构成比例关系。 1 ...

    wushuiyongwushuiyong 评论0 收藏0
  • Css优先级

    Css优先级

    摘要:并集选择器的优先级时多带带计算。可以在样式的最后添加一个,则此时该样式会获得一个最高的一个优先级,将会超过所有的样式甚至超过内联样式,所以在开发中尽量避免使用。 内联样式,优先级1000id选择器,优先级100类和伪类,优先级10元素选择器,优...

    ScorpionScorpion 评论0 收藏0
  • Css优先级

    Css优先级

    摘要:并集选择器的优先级时多带带计算。可以在样式的最后添加一个,则此时该样式会获得一个最高的一个优先级,将会超过所有的样式甚至超过内联样式,所以在开发中尽量避免使用。 内联样式,优先级1000id选择器,优先级100类和伪类,优先级10元素选择器,优...

    loongggloonggg 评论0 收藏0
  • Css优先级

    Css优先级

    摘要:并集选择器的优先级时多带带计算。可以在样式的最后添加一个,则此时该样式会获得一个最高的一个优先级,将会超过所有的样式甚至超过内联样式,所以在开发中尽量避免使用。 内联样式,优先级1000id选择器,优先级100类和伪类,优先级10元素选择器,优...

    quietinquietin 评论0 收藏0
  • 列举几条常用的CSS reset,是否了解normalize.css

    列举几条常用的CSS reset,是否了解normalize.css

    摘要:相比于传统的是一种现代的为准备的优质替代方案。总之,是一种的替代方案。一般化的样式为大部分元素提供。保护了有价值的默认值通过为几乎所有的元素施加默认样式,强行使得元素有相同的视觉效果。 Normalize.css只是一个很小的css文件,但它在磨人的...

    AiryAiry 评论0 收藏0
  • 如何做到一个list中奇数和偶数行的背景色不一样?

    如何做到一个list中奇数和偶数行的背景色不一样?

    摘要:若是用原生就要判断,例如元素行数奇数行代码偶数行代码而且用也可以添加奇偶数行的样式,例如元素为的奇偶设置 若是用原生js就要判断,例如for(var i = 0; i < 元素行数; i++){if(i%2 == 0){//奇数行代码}else{//偶数行代码}}而且用css也可以添加奇偶...

    tianhangtianhang 评论0 收藏0
  • css加载会不会造成文档解析阻塞

    css加载会不会造成文档解析阻塞

    摘要:其中一个解决防范是在文件名字后面加一个版本号减少请求数,将多个文件合并,或者是干脆直接写成内联样式内联样式的一个缺点就是不能缓存 ss加载不会阻塞DOM树的解析 css加载会阻塞DOM树的渲染 css加载会阻塞后面js语句的执行、 因此,为了避免让用户...

    warkizwarkiz 评论0 收藏0
  • JavaScript是否阻塞解析

    JavaScript是否阻塞解析

    摘要:设置了的外链文件,在下载文件期间不会阻塞的解析,但是下载完毕之后就会立即执行,无论现在是否正在解析。使用媒体查询可以让文件只在必要的时候解析,进而避免不必需的渲染阻塞,加快页面呈现时间 不论是内联还是外链js都会阻塞后续dom的解析和渲染 ...

    brianwaybrianway 评论0 收藏0
  • 前端面试重点之--居中问题

    前端面试重点之--居中问题

    摘要:前端面试重点居中问题在页面布局开发中,居中问题是我们经常碰到的问题,掌握居中问题对于解决页面布局非常重要,同时它也是常见的面试重点。已知宽高的元素父元素相对定位,子元素绝对定位。以上才支持的兼容性写法完 前端面试重点——居中问题 在页...

    张迁张迁 评论0 收藏0
  • 移动端input框问题

    移动端input框问题

    摘要:部分问题可参考失焦之后没有回到原来位置不聚焦问题如果引入了,那么需要修改源码,如下如果还有问题,尝试监听的,然后延时聚焦如果没有引入,网上找其他原因吧,还没遇到过 部分问题可参考:https://www.cnblogs.com/ljx20... 失焦之后webview没有回...

    chadLichadLi 评论0 收藏0
  • 移动开发兼容问题

    移动开发兼容问题

    摘要:安卓使用绝对定位布局与原生有冲突如果绝对定位的元素在最下面,键盘弹起时,绝对定位元素会在键盘上面解决办法使用布局实现,有一个可使用或者监听事件,将元素隐藏低版本浏览器,给设置之后,将兄弟元素挤出了父元素空间具体原因待查,反正需要给加一...

    wangshijunwangshijun 评论0 收藏0
  • 前端知识杂谈

    前端知识杂谈

    摘要:整理一些常用前端知识点,忘记的时候可以翻出来回忆下浏览器渲染从输入网址到显示网页的过程分析应用层解析域名客户端先检查本地是否有对应的地址,若找到则返回响应的地址。是高阶函数的一种一个特殊用法。 整理一些常用前端知识点,忘记的时候可以翻...

    fobnnfobnn 评论0 收藏0
  • css实现二级菜单

    css实现二级菜单

    摘要:不多废话,先上预览这一次还是使用的选中与否来实现展开收起二级菜单的。另外怎么上次图大佬告诉我一下吧。 不多废话,先上预览https://codepen.io/Ritr/pen/W...这一次还是使用的选中与否来实现展开、收起二级菜单的。 第一步:初始化 默认二级菜单的...

    JadenJaden 评论0 收藏0

热门文章

<