文章库ARTICLE COLUMN

  • 前端基础入门二(CSS)

    前端基础入门二(CSS)

    摘要:输入的时候少按一个键浏览器兼容问题比如使用的选择器命名,在是无效的能良好区分变量命名变量命名是用不要纯数字中文等命名,尽量使用英文字母来表示。选择器和类选择器最大的不同在于使用次数上。当需要设置英文字体时,英文字体名必须位于中文字体名...

    Lorry_LuLorry_Lu 评论0 收藏0
  • 搜索框设置背景图 通过设置placeholder属性添加

    搜索框设置背景图 通过设置placeholder属性添加

    摘要:名为的框搜索框添加背景图片 /#keyword/id名为keyword的input框(搜索框)添加背景图片 #keyword::-webkit-input-placeholder { color: transparent; text-indent: -9999px; background: transparent url(../img/google_custom...

    snowLusnowLu 评论0 收藏0
  • 在单页应用中,如何优雅的上报前端性能数据

    在单页应用中,如何优雅的上报前端性能数据

    摘要:本文的介绍的是如何设计一个通用的可以以较小的侵入性,自动上报前端的性能数据。具体的做法可以看我的上一篇文章在单页应用中,如何优雅的监听的变化。三如何上报性能数据那么如何上报性能数据呢,我们第一反应就是通过请求的形式来上报前端性能数据。...

    KitorinZeroKitorinZero 评论0 收藏0
  • css可变色图标及原理分析

    css可变色图标及原理分析

    摘要:只是,仅支持这一种格式是专门为开发而设计的字体,其字体尺寸更小,加载更快,应该优先使用。字体图标技术的实现就是把通常的字符集映射成了另外的图标形状例如把映射成了 本文的目标是:使用css可以控制图标的颜色,大小需要工具:png转svg工具(如果...

    RebeccaZhongRebeccaZhong 评论0 收藏0
  • 前端基础入门三(CSS总结篇——思维导图)

    前端基础入门三(CSS总结篇——思维导图)

    总结CSS学习路线 showImg("https://segmentfault.com/img/bVbnthJ?w=2271&h=2800"); showImg("https://segmentfault.com/img/bVbnthK?w=2095&h=698"); showImg("https://segmentfault.co...

    SalamanderSalamander 评论0 收藏0
  • 用前端 最舒服的躺姿 "搞定" Flutter (组件篇)

    用前端 最舒服的躺姿 "搞定" Flutter (组件篇)

    摘要:是谷歌的移动框架,可以快速在和上构建高质量的原生用户界面。在全世界好了这些,大家早就知道了,来点实在的话说隔壁师兄,闲鱼是最早一批与谷歌展开合作,并在重要的商品详情页中使用技术上线的。一切皆来自的组件皆来自。是状态不可变的称为无状态。...

    LMouLMou 评论0 收藏0
  • 前端知识点(一)

    前端知识点(一)

    摘要:为了解决协议的这一缺陷,需要使用另一种协议安全套接字层超文本传输协议,为了数据传输的安全,在的基础上加入了协议,依靠证书来验证服务器的身份,并为浏览器和服务器之间的通信加密。是超文本传输协议,信息是明文传输,则是具有安全性的加密传输协...

    tinylcytinylcy 评论0 收藏0
  • CSS选择器

    CSS选择器

    摘要:优先级相同,与元素近的选择器生效。使用建议建议说明避免将通用选择器作为通用选择器。避免选择器用标签。避免使用子选择器。后代选择器是开销最最最最大的。 看了一下最近写的css代码,发现基本只用到了id选择器(js里)、后代选择器和类选择器(因为听...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • 针对前端在百度浏览器总的固定定位的问题

    针对前端在百度浏览器总的固定定位的问题

    摘要:再做一个广告宣传页的时候,碰到这样一个问题如上边这样一张图片,底部有一个按钮这个按钮固定在底部定位看似很简单的一个效果实现,然而在百度浏览器却出现了问题按钮在百度浏览器中会隐藏不见经过大量排查之后确定,发现只有百度浏览器中会隐藏不见原...

    psycholapsychola 评论0 收藏0
  • 记录一次搜狐面试(包括笔试题)

    记录一次搜狐面试(包括笔试题)

    摘要:协议主要是通过请求头当中的一些字段来和服务器进行通信,从而采用不同的缓存策略。会缓存所有的结构,但是问题在于,一些页面开始时进行的上报或者请求可能会被影响。 1.如何用一个div实现下图 showImg("https://segmentfault.com/img/bVbm8Rf?w=133&...

    tianhangtianhang 评论0 收藏0
  • 移动端页面头部固定定位的绝对定位实现

    移动端页面头部固定定位的绝对定位实现

    摘要:在移动端进行开发时,通常整个页面的头部会固定一个区域,比如下图淘宝中的头部。其中的默认定位都是。因此最终的代码形式是禁用滚动条,实现相对于的绝对定位代替固定定位。因此如果有元素找不到非的祖先元素,那么是相对于进行定位的。 在移动端进行...

    terasumterasum 评论0 收藏0
  • 学习如何用CSS变量创建网页响应布局 — css var()

    学习如何用CSS变量创建网页响应布局 — css var()

    摘要:只是需要把要改变的属性在重新重置一下,需要在媒体查询中拥有自己的选择器,但会招致额外的大量代码,像下面这样查看效果新方法下面让我们来看如何使用变量来解决这个问题。 在创新的2018年已经过去,在2019年看看如何简单做成响应性的网站 如果你未...

    YuanfYuanf 评论0 收藏0
  • 记一次前端面试试水笔记

    记一次前端面试试水笔记

    摘要:浪费青春话不多说,之前投的简历,有家公司忽然联系说,想和我约个时间点电话面试。不了解自己的水平,永远都会止步于眼前的安逸。电话面试流程面试官简单介绍一下来意,然后先了解工作经验,再问技术问题。 最近换了个项目,现阶段处于项目启动阶段,...

    shleyZshleyZ 评论0 收藏0
  • 那些年踩过的坑——h5页面在ios端点击高亮闪烁

    那些年踩过的坑——h5页面在ios端点击高亮闪烁

    摘要:当时碰到过一个问题,页面在端点击的时候,整个页面会高亮的闪烁一下特别明显,被测试狂崔。。。当透明度设为,则会禁用此属性当透明度设为,元素在点击时不可见。 记得那是第一次独自完成一个项目,现在看来,那个项目会很简单的,但那个时候还是挺...

    姘搁『姘搁『 评论0 收藏0
  • 表单label两端对齐之css实现

    表单label两端对齐之css实现

    摘要:主要属性参见最终效果代码姓名请输入字符请输入字符密码请输入字符请输入字符确认密码请再输入一遍密码请输入字符验证码输入验证码请输入验证码注意英文字符和数字不会两端对齐 主要属性: text-align: justify; text-align-last: justify; 参见https:...

    shaonbeanshaonbean 评论0 收藏0
  • 那些年踩过的坑——input输入框 ios端 readyonly 点击出现光标

    那些年踩过的坑——input输入框 ios端 readyonly 点击出现光标

    摘要:输入框加了属性就可以达到只读的效果,但是在端,点击该输入框还是会出现光标解决办法,给输入框加上元 input输入框加了readonly属性就可以达到只读的效果,但是在ios端,点击该输入框还是会出现光标解决办法,给输入框加上 unselectable="on" onfocus...

    elliott_huelliott_hu 评论0 收藏0
  • 如何优雅地查看 JS 错误堆栈?

    如何优雅地查看 JS 错误堆栈?

    摘要:假设捕获了一个异常,上报的堆栈是这个这个堆栈,你看得出问题来吗我们发布到的脚本文件,普遍是经过压缩的,所以堆栈可读性相当的差。假如有下面的一个堆栈查看工具,又如何堆栈查看工具眼尖的同学,一眼就能找到问题。 本文由云+社区发表 在前端,我...

    freecodefreecode 评论0 收藏0
  • 聊一聊CSS中的长度单位

    聊一聊CSS中的长度单位

    摘要:有的是日常生活中使用的单位,比如厘米和英寸有的是印刷行业使用的单位,比如和有的是专门为发明的单位,比如。但是,由于目前低端打印机的每英寸点数为,而高端屏幕的每英寸点数为,因此所谓的高分辨率可能介于两者之间。。 CSS中有很多属性可以接受...

    史占广史占广 评论0 收藏0
  • 立即收藏!2019前端工程师如何应对裁员潮?

    立即收藏!2019前端工程师如何应对裁员潮?

    摘要:小肆也是被这些消息吓得瑟瑟发抖,不过生活就是这样,谁也无法预料到第二天会发生什么,只有把握好现在,积极为未知的明天做好准备才是正道。这里小肆给大家几点建议对于目前在职的同学,保持学习,提升自己核心竞争力,让自己成为不会被轻易替代的那个...

    songjzsongjz 评论0 收藏0
  • CSS实现图片与文本的居中对齐的常见方式

    CSS实现图片与文本的居中对齐的常见方式

    摘要:为图片和文本都设置这是一段文本通过弹性布局实现,外层容器设置弹性布局,通过设置交叉轴居中对齐这是一段文本借助于背景图片实现,这时只需要文本居中即可这是一段文本图片与文本左浮动,同时设置容器元素 1.为图片和文本都设置vertical-align:midd...

    CNZPHCNZPH 评论0 收藏0
  • CSS制作图形

    CSS制作图形

    摘要:气泡三角形利用的特性实现梯形梯形利用伪类加旋转透视实现爱心太极图折角 气泡三角形 showImg("https://segmentfault.com/img/bVbm6Bl?w=452&h=256"); 利用 border 的 transparent 特性实现 .bubb...

    firimfirim 评论0 收藏0
  • 原生 js 实现移动端 Touch 滑动反弹

    原生 js 实现移动端 Touch 滑动反弹

    摘要:移动端滑动反弹什么是滑动就是类似于端的滚动事件,但是在移动端是没有滚动事件的,所以就要用到事件结合去实现,效果如下准备工作什么是移动端的事件在移动端事件可以细分成三种,分别是和,并且事件必须要用去监听。 showImg("https://segmentfault....

    xiongzenghuixiongzenghui 评论0 收藏0
  • less学习之Bootstrap

    less学习之Bootstrap

    摘要:学习笔记之目录说明源代码里面的目录是这样的只给出部分文件顾名思义,为整个定义的全局变量。定义在中使用的灰色和品牌颜色。这部分定义的主要色成功失败警告等等。之后也定义了默认背景色。 less学习笔记之bootstrap 目录说明 源代码里面的目录是这...

    widuuwiduu 评论0 收藏0
  • 前端学习各阶段分别都在哪学?

    前端学习各阶段分别都在哪学?

    摘要:学习前端的不同时期我们应该学习的地方也不一样,小肆就在这里跟大家一一介绍吧。立个如果本文点好看数超过,小肆将为大家奉上小肆精心准备的前端学习资料,有文本资料视频教程面试指南,非常全面哦。 showImg("https://segmentfault.com/img/remote/1...

    PAMPANGPAMPANG 评论0 收藏0
  • css系列之before或after中content

    css系列之before或after中content

    摘要:要配合和属性使用。,给同级元素增加计数器用于标识自增计数器的作用范围,为自定义名称,为起始编号默认为。 **单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素,不过浏览器需要同时支持旧的已经存在的伪元素写法,比如:first-line、:first-letter...

    lieepslieeps 评论0 收藏0

热门文章

<