文章库ARTICLE COLUMN

  • css揭秘笔记——用户体验

    css揭秘笔记——用户体验

    摘要:使用透明边框增大热区面积,但和并不能阻止背景扩大到边框下面模拟原有边框自定义复选框思路使用与复选框绑定的的伪元素模拟一个勾选框,可以自定义其样式,将原来的复选框隐藏。这种方式被称为复选框。 选用合适的鼠标光标 css3提供了一大批内建光标(...

    huaixiaozhuaixiaoz 评论0 收藏0
  • css实现边框动画效果

    css实现边框动画效果

    摘要:边框循环动画,页面效果如下沿着边框动画的图形使用,伪类写的。具体代码如下仔细看沿着边框动画的图形,是有三个长方形组成的。根据以上设计思路,就很容易写出边框的另外三个动画效果了。 最近写了几个页面都用到css动画,以及很多before,after伪类...

    Cc_2011Cc_2011 评论0 收藏0
  • 关于写手机密码锁页面的css技巧

    关于写手机密码锁页面的css技巧

    摘要:先来看看的样式吧这里值得一提的是我们的定义的是这样写的好处是它能适配不同类型的手机的界面宽度,毕竟现在市面上手机类型太多,我们不可能为每一款手机都设置一个宽度。其次,我们为什么要定义呢这样可以使我们的页面充满整个手机页面,不会滚动。 ...

    xuhongxuhong 评论0 收藏0
  • 算法动态规划的代码优化详解(经典的背包问题)

    算法动态规划的代码优化详解(经典的背包问题)

    摘要:首先说下算法对于前端的作用和应用作用不用说了提高效率和性能应用目前也是买了算法导论这本书,看得头晕,各种数学知识需要返回去重新认识,哎,终于知道了以前学的东西总有用的。。。 首先说下算法对于前端的作用和应用 作用:不用说了提高效率和性...

    galaxy_robotgalaxy_robot 评论0 收藏0
  • 底部菜单被输入法顶上去的解决方案

    底部菜单被输入法顶上去的解决方案

    摘要:底部菜单被输入法顶上去的解决方案一最开始页面结构是酱紫的,如图二展示下问题三解决后来说说解决方案吧这个一定要写招商加盟联系客服浏览器当前的高度下面加的样式根据具体情况添加若里面只有一个是不需要加左右浮动的 遇到几次这种问题了,之前一直...

    charles_paulcharles_paul 评论0 收藏0
  • css揭秘笔记——视觉效果

    css揭秘笔记——视觉效果

    摘要:实现染色效果的混合模式是,它会保留上层元素的高亮信息,并从它的下层吸取色相和饱和度信息。当我们只有一个背景图像及一个透明背景色时,就不会有任何混合效果。 投影 知识点 box-shadow: [inset]? 注意: 在元素正下方的投影被裁切掉了,是...

    skinnerskinner 评论0 收藏0
  • 前端面经整理之JS和CSS

    前端面经整理之JS和CSS

    摘要:作为对象原型链的终点。调用函数时,应该提供的参数没有提供,该参数等于。它可以用于引用该函数的函数体内当前正在执行的函数。 一 JS 二 CSS 一 JS ==和===的区别 ===叫做严格运算符 ==叫做相等运算符严格运算符比较时不仅仅比较数值还要比较数据类...

    lvzishenlvzishen 评论0 收藏0
  • Google LOGO的CSS Sprite

    Google LOGO的CSS Sprite

    摘要:限制不高于的单张图片整合处理图片的目的是减少请求次数,如果每一张图片都向服务器发送请求,即影响服务器负载也影响页面性能。 showImg("https://segmentfault.com/img/remote/1460000011963662?w=660&h=174");为纪念美国现代舞舞蹈家玛莎·葛兰姆诞...

    BatkidBatkid 评论0 收藏0
  • canvas 实现 github404动态效果

    canvas 实现 github404动态效果

    摘要:使用来完成的动态效果前几天使用样式和致敬了一下的类似界面,同时最近又接触了,本着瞎折腾的想法便借着之前的的算法,使用来完成了的动态效果。效果图文件目录文件资源文件源码与图片在文章末尾给出代码网页的部分这里给定义好宽和高设为块级元素。 ...

    pumpkin9pumpkin9 评论0 收藏0
  • 移动端rem布局的学习(基于自己写的一个网易云播放页面的思考)

    移动端rem布局的学习(基于自己写的一个网易云播放页面的思考)

    摘要:最近在看关于移动端的响应式布局,其中涉及到比较多的就是大小属性的设置等等,今天自己就捋一捋的用法。然而万一不能用该怎么办啊,所以还是要学会自己写原生的页面布局,也就会有今天的这篇文章了。的使用是指相对于根元素的字体大小的单位。 对于一...

    he_xdhe_xd 评论0 收藏0
  • 纯 Css 绘制扇形

    纯 Css 绘制扇形

    摘要:显而易见饼干为两个削成了圆形的,我们重点演示果酱是怎么制作的如图所示,大扇形由个小扇形构成,每一小扇形占整个圆饼的,大扇形占整个圆饼的。则小扇形的圆心角为,三角形的高为,宽为。 阅读此文需具备基本数学知识:圆心角、弧度制、三角函数。 ...

    kelkel 评论0 收藏0
  • CSS3 简单图形绘制

    CSS3 简单图形绘制

    摘要:三角形绘制效果如图效果如图效果如图效果如图绘制心形效果如图绘制箭头效果如图绘制五角星效果如图绘制冒泡框提示框效果如图绘制气球效果如图绘制阴阳八卦旋转效果如图 三角形绘制 #triangle { width: 0; border-style: solid; ...

    zhangwangzhangwang 评论0 收藏0
  • css常用小技巧

    css常用小技巧

    摘要:注意上的一些缺陷行为。使用负选择元素在使用负选择到的元素。表格单元格等宽使用表格会很痛苦,因此使用来保持单元格相同的宽度无痛表格布局。漂亮的背景渐变色引用前端开发者应该知道的小技巧黑魔法小技巧,让你少写不必要的,代码更优雅 为body添加...

    zhangyucha0zhangyucha0 评论0 收藏0
  • css揭秘笔记——字体排版

    css揭秘笔记——字体排版

    摘要:现实中的文字效果图版印刷效果空心字效果效果可以说有点差了,所以不适合描边宽的样式。 插入换行 Name: zhanglu Email: zhanglu_helloworld@126.com zhanglu_helloworld@126.com Location: Earth 如何让上面这一段HTM...

    XboxYanXboxYan 评论0 收藏0
  • 工作技术点小计14条 hybrid + animate 方向

    工作技术点小计14条 hybrid + animate 方向

    摘要:设置动画的时候直接设置和变化值不会起作用需要先设置等一小会再设置变化值安卓端窗口不可见时为关键帧图片动画响应式坑若设置的动画为中代表阶段分五步阶段分步达到关键帧响应式设计方法为以为例图片要按照计算后实际尺寸做动画然后在两帧之间按照图的...

    JiobyJioby 评论0 收藏0
  • 聊聊为什么淘宝要提出「双飞翼」布局

    聊聊为什么淘宝要提出「双飞翼」布局

    摘要:于是,淘宝软对针对圣杯的缺点做了优化,并提出双飞翼布局。综合来看,不管的大小高低如何,双飞翼布局都能正常显示,嗯确实很优秀。锤子和钉子综上所见,双飞翼布局更胜一筹。 showImg("https://segmentfault.com/img/bVYtjF?w=922&h=561"); 前言 突...

    junbaorjunbaor 评论0 收藏0
  • UI 积累之select section

    UI 积累之select section

    摘要:需求一个下拉列表,有还有从设计拿来的向下的箭头。挤出文档流做法有点恶心,不考虑挡住的话,那就无法做到点击的时候出发的点击事件除非用所以,让变成透明。 需求 一个select下拉列表,有border, bg, 还有从设计拿来的向下的箭头。当点击的时候能有...

    liaosilzu2007liaosilzu2007 评论0 收藏0
  • CSS3学习小结

    CSS3学习小结

    摘要:看到人家实现的实在是太棒了,就想到该学学了。属性用来查询浏览器是否支持新特性。还有语句,不支持的时候执行。还支持多个条件块,,,。浏览器支持情况只有,,的支持情况比较好。 这几日在http://lab.iamvdo.me/houdini/看到了很炫酷的CSS实现。看...

    WrBugWrBug 评论0 收藏0
  • 鸟瞰前端 , 再论性能优化

    鸟瞰前端 , 再论性能优化

    摘要:前端性能优化的涉及点从服务器到协议再到宿主环境本身都要有比较深刻的认识,业界目前主要还是以雅虎总结出来条前端性能优化的黄金军规为参考。 欢迎大家前往腾讯云技术社区,获取更多腾讯海量技术实践干货哦~ 导语 : 从事前端有6年+的时间了,从最开...

    voidkingvoidking 评论0 收藏0
  • 深究盒模型的margin合并问题

    深究盒模型的margin合并问题

    摘要:即我们常说的脱离文档流的元素。如果一个元素不是流外的,即仍在文档流中的元素,就叫流内元素。两个兄弟盒之间的竖直距离由属性决定。同一个块格式化上下文中的相邻块级盒之间的竖直会合并。如果盒的和相邻,那么可能会被彻底合并。 1.首先,了解一些...

    cyqiancyqian 评论0 收藏0
  • 【翻译】Designing Websites for iPhone X

    【翻译】Designing Websites for iPhone X

    摘要:解决上述问题的示例注意语句可以检查是否支持,但不要在其中使用变量,例如,因为对待无效的变量是返回默认值,也就是这个例子中的的初始值。在上述的示例中,当竖屏时,是,所以函数返回了。 让网站适配 iphone X 英文原文地址:https://webkit.org/b...

    ShimmerShimmer 评论0 收藏0
  • 前端开发应届生面试指南(含各大公司具体指南及面试真题)

    前端开发应届生面试指南(含各大公司具体指南及面试真题)

    摘要:先介绍一下本人应届前端开发一枚,非科班出身,专业是化学,大学期间开始自学前端开发,在今年春招实习和秋招的时候投了一些公司,拿到一些京东拼多多虎牙等,总体来说还算满意,特地写一篇文章来总结一下面试的那些套路。 showImg("https://segmentfa...

    lentoolentoo 评论0 收藏0
  • 关于 emotion 初步使用的笔记

    关于 emotion 初步使用的笔记

    摘要:群里听达峰大大讲用的是的方案留了个心眼之前查看过一些方案大致看过不知道哪个比较好但是既然有实践经验而且当时也是我看中的几个之一觉得比较安全从写法上看侵入性比较小直接就是然后生成的是基于的包裹的插入在当中的这样运行时甚至热替换时没有什么...

    derek_334892derek_334892 评论0 收藏0
  • 关于css动态样式注入,你不知道的那些冷知识

    关于css动态样式注入,你不知道的那些冷知识

    摘要:以上三种动态样式注入,不同的使用场景,各有利弊,至于你想用哪一种,需要你自己权衡,睡觉去啦。。。。 前言 作为一个前端,我们都听过结构,样式,行为分离;关于样式,我们都听过外联样式,内联样式和行内样式;关于这三者,什么权重啊,啊,对了...

    ztyzzztyzz 评论0 收藏0
  • 这么多前端优化点你都记得住吗?

    这么多前端优化点你都记得住吗?

    摘要:不推荐移动端浏览器前端优化策略相对于桌面端浏览器,移动端浏览器上有一些较为明显的特点设备屏幕较小新特性兼容性较好支持一些较新的和特性需要与应用交互等。 GitHub链接:https://github.com/zwwill/blo... 围绕前端的性能多如牛毛,涉及到方方面...

    TonnyTonny 评论0 收藏0

热门文章

<