文章库ARTICLE COLUMN

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

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

    摘要:有很多坑踩过的,记录下来。尤其是,相信前端们最讨厌写的就是环境配置篇一篇文章了解上环境配置样式篇如何设置表格的单元格内容高度回答链接 有很多坑踩过的,记录下来。尤其是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
  • 除了px还有什么单位?都如何计算?

    除了px还有什么单位?都如何计算?

    摘要:选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用,如果要考虑兼容性,那就使用或者两者同时使用。做移动端页面的几乎离不开这个单位。表示字面上指的是根元素的大小。如果没有重置,默认。 选择使用什...

    happyhuangjinjinhappyhuangjinjin 评论0 收藏0
  • 前端增长-你不知道的那些细节

    前端增长-你不知道的那些细节

    摘要:前端增长重新定义大前端精心打造全新课程,欢迎吐槽反馈宝贵意见在线课程前端增长你不知道的那些细节附赠常见核心前端面试问题与详细解答官方博客前端学堂课件脑图下载课程介绍前端知识点很多,很细碎。 showImg("https://segmentfault.com/img/bVbu25...

    baishancloudbaishancloud 评论0 收藏0
  • 移动端兼容问题总结(2)

    移动端兼容问题总结(2)

    摘要:发布于上使用等相对变量单位后,为椭圆描述根据网上解决方案设置为具体值即可。在移动端兼容问题解决如果有其他解决方案,请不吝赐教。 发布于: https://luoyangfu.com/article... android 上使用 em,rem 等相对变量单位后,border-radius: 50% 为椭...

    XanaHopperXanaHopper 评论0 收藏0
  • 彻底搞懂JS事件冒泡与捕获

    彻底搞懂JS事件冒泡与捕获

    摘要:事件冒泡与事件捕获事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念都是为了解决页面中事件流事件发生顺序的问题。如下假设三层都有事件监听,这时我们点击的小的蓝方框,事件执行的顺序是怎么样的呢红黄蓝事件冒泡微软提出了名为事件冒泡的事...

    周国辉周国辉 评论0 收藏0
  • 【效果实现】在照片上面显示一段文字,最多两行,多余部分用省略号表示

    【效果实现】在照片上面显示一段文字,最多两行,多余部分用省略号表示

    摘要:思路照片上面显示文字,怎么实现呢将照片作为的背景呀效果图多行文本溢出显示我是一段很长的文字我是一段很长的文字我是一段很长的文字我是一段很长的文字我是一段很长的文字我是一段很长的文字我是一段很长的文字我是一段很长的文字单行文本溢出 思路...

    alaegealaege 评论0 收藏0

热门文章

<