文章库ARTICLE COLUMN

  • 前端开发面试题

    前端开发面试题

    摘要:前端开发面试题站点地址全栈开发原文链接前端开发面试题作用标准模式与兼容模式各有什么区别声明位于文档中的第一行,处于标签之前,告知浏览器的解析器用什么文档标准解析。如果需要使用,最好是通过动态给添加属性值,可以绕开以上两个问题。 前端开...

    KunMinXKunMinX 评论0 收藏0
  • css实现字数超过指定行数显示省略号...

    css实现字数超过指定行数显示省略号...

    摘要:比如不超过两行就全部显示,超过两行就把多余的字隐藏并显示省略号。为了实现该效果,它需要组合其他外来的属性。如果标签内是英文字符当标签内是英文字符的时候你就会发现样式失效了。英文是不会自动换行的,所以添加如下属性以兼容英文字符。 问题描...

    lemonlemon 评论0 收藏0
  • Vue项目中添加锁屏功能

    Vue项目中添加锁屏功能

    摘要:老司机快上车,来不及解释了。作者相关文章基于实现后台系统权限控制前端文档汇总增删改查附编辑添加弹框组件共用打赏衷心的表示感谢 0. 直接上 预览链接 Vue项目中添加锁屏功能 1. 实现思路 ( 1 ) 设置锁屏密码 ( 2 ) 密码存localStorage (本...

    SQCSQC 评论0 收藏0
  • JS基础入门篇(三十三)—正则表达式

    JS基础入门篇(三十三)—正则表达式

    摘要:举例一使用这个正则,打印结果为使用这个正则,打印结果为举例二打印结果如下过滤标签你好美丽的上海想转化成你好,美丽的上海如果后面加,就会进入非贪婪模式。如果后面不加,就会进入贪婪模式,结果为上海。你好美丽的上海。 1.创建一个正则表达式 ...

    y1chuany1chuan 评论0 收藏0
  • jq滑动箭头跟随,选项卡功能

    jq滑动箭头跟随,选项卡功能

    摘要:主要实现功能点击增加选中样式,同时箭头指向选中上滑列表页,超出显示范围做处理,默认选中第一个滑动时,箭头不显示,添加一个定时器后显示处理结果文件点击的高度判断是否点击的超出显示范围,跑上面了判断最接近显示范围的找到结束循环判 主要实现...

    BaoyuanBaoyuan 评论0 收藏0
  • [CSS]关于盒子模型

    [CSS]关于盒子模型

    摘要:盒子模型概念盒子模型又称框模型,包含了元素内容内边距边框外边距几个要素。盒子的包含内容即总宽度很多框架,都会对盒子模型的计算方法进行简化。规定应从父元素继承属性的值一般设置为比较好,符合直觉浏览器间的盒子模型。 盒子模型概念 CSS css盒...

    jsyzchenjsyzchen 评论0 收藏0
  • 前端每日实战:62# 视频演示如何用纯 CSS 创作一只蒸锅

    前端每日实战:62# 视频演示如何用纯 CSS 创作一只蒸锅

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。为锅体增加光影为锅盖增加光影最后,增加动画效果大功告成 showImg("https://segmentfault.com/img/...

    DoINsiStDoINsiSt 评论0 收藏0
  • 总结一下各种0.5px的线

    总结一下各种0.5px的线

    摘要:在端用的边框线,看起来还好,但在手机端看起来就很难看了,而的分割线会有种精致的感觉。的缩放和旋转默认都是按照元素的中心点来操作的元素在缩放之前尺寸就是红框元素,缩放后,位置到了红框中心,为了使之依然在左上角,缩放之前我们需进行的位移。...

    whincwhinc 评论0 收藏0
  • JS基础入门篇(三十四)— 面向对象(一)

    JS基础入门篇(三十四)— 面向对象(一)

    摘要:对象对象的定义对象是由键值对组成的无序集合。创建对象两种方法方法一字面量方法方法二构造函数创建面向对象和面向过程的比较如果想要把大象放进冰箱。 1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合。 创建对象两种方法 : 方法一 : 字面...

    QiuyueZhongQiuyueZhong 评论0 收藏0
  • 常用跨域方法总结(2)——CORS

    常用跨域方法总结(2)——CORS

    摘要:常用跨域方法总结上篇文章介绍了几种常用的跨域方法常用跨域方法总结,本片为上一篇的补充,对比较重要的详细介绍。出于安全原因,从脚本内发起的跨源请求会受到一定限制。当开发者使用对象发起跨域请求时,它们已经被设置就绪。 常用跨域方法总结(2...

    MrZONTMrZONT 评论0 收藏0
  • 文本溢出显示省略号

    文本溢出显示省略号

    摘要:一单行文本溢出前提要设置宽度超出隐藏省略号不换行二多行文本溢出方法一利用定位实现。该方法适用范围广,但文字未超出行的情况下也会出现省略号可结合优化该方法。设置显示获取字符串的字数截取字符串多余的用省略号显示参考文章链接 一、单行文本溢...

    sunnyxdsunnyxd 评论0 收藏0
  • 波纹按钮实现

    波纹按钮实现

    摘要:实现原理关键属性画圆放大平滑过渡获取鼠标位置,动态态画圆,延时放大,完成后移除元素部分按钮样式原始波纹样式部分部分合并函数参数工具函数核心点击位置元素位置对象转化为字符串驼峰转连字符添加浏览器兼容前缀获得浏览器前缀 实现原理 关键属性 ...

    RiddlerRiddler 评论0 收藏0
  • 前端进阶(1) - CSS 模块化

    前端进阶(1) - CSS 模块化

    摘要:比如以为例,一个组件,包括一个文件一个文件图片组件在中便可如下加载使用导出为对象的模块化其实,还有另外一种思路,就是将内置中,成为的一部分。 CSS 模块化 CSS(Cascading Style Sheets),从诞生之初就决定了它无法编程,甚至连解释性语言都算不...

    VishKozusVishKozus 评论0 收藏0
  • 清除浮动的方法

    清除浮动的方法

    摘要:清除浮动本质解决父级元素因为子级浮动引起内部高度为的问题。清除浮动的方法选择器额外标签法推荐的做法是通过在浮动元素末尾添加一个空的标签例如,或则其他标签等亦可。 清除浮动本质: 解决父级元素因为子级浮动引起内部高度为0 的问题。 ...

    rottengeekrottengeek 评论0 收藏0
  • 前端每日实战:63# 视频演示如何用纯 CSS 创作一台烤面包机

    前端每日实战:63# 视频演示如何用纯 CSS 创作一台烤面包机

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含个元素,分别代表机体按钮支腿手柄和面包。 showImg("https://segmentfault.com/img/bVbcL0M?w=50...

    endaenda 评论0 收藏0
  • 简单浮层制作

    简单浮层制作

    摘要:小知识透明的在中的像素小一些,背景色变一下,这样边框自然出来了点击按钮主要是切换浮层的转态阻止事件冒泡定时器,的含义会在下一轮事件循环一开始就执行。 浮层效果预览 showImg("https://segmentfault.com/img/bVbcDBw?w=163&h=64"); 实现了:. ...

    JeffJeff 评论0 收藏0
  • 深入理解css之vertical-align

    深入理解css之vertical-align

    摘要:但实质上,只要是内联元素,这两个元素都会同时在起作用。而解决方案可以有以下几种元素不使用基线对齐,可以改为对齐元素块状化设置为设置为总结讲解了的各类属性值及其效果起作用的前提是内联元素与都是同时作用在内联元素上的 前言 vertical-align...

    cgh1999520cgh1999520 评论0 收藏0
  • 前端动画技术的研究和比较

    前端动画技术的研究和比较

    摘要:它和前端动画之间没有包含与被包含的关系,更不能将它们混为一谈,只有两者的有机结合才能创建出炫酷的界面。 第一次在segmentfault上发文章 :),欢迎评论指正。原文最初发表在 https://github.com/WarpPrism/... 动画相关概念 帧:动画过程中每一个...

    endiatendiat 评论0 收藏0
  • 译文-浏览器下载图片的方式和时间点

    译文-浏览器下载图片的方式和时间点

    摘要:接下来看看浏览器是怎么处理预测浏览器行为浏览器下载图片应该独立于的构建。那么相应的浏览器就会下载不可见的。因为如果浏览器在构建前开始下载,它是没有办法知道这张图片是不是需要展示在页面上。 原文链接:https://csswizardry.com/2018/... 背...

    miguel.jiangmiguel.jiang 评论0 收藏0
  • CSS系列——浏览器默认样式

    CSS系列——浏览器默认样式

    摘要:了解标签在各浏览器当中的默认样式,可以让我们了解,为什么会要写,当中要怎么写样式最合理。 了解HTML标签在各浏览器当中的默认样式,可以让我们了解,为什么会要写Reset.css,Reset.css当中要怎么写样式最合理。试着思考下面的问题: 为什么会有默...

    lewinleelewinlee 评论0 收藏0
  • jsonp跨域获取数据实现百度搜索

    jsonp跨域获取数据实现百度搜索

    摘要:同源策略做了很严格的限制,但是在实际的场景中,又确实有很多地方需要突破同源策略的限制,也就是我们常说的跨域。使用跨域由于同源策略,一般来说位于的网页无法与不是的服务器沟通,而的元素是一个例外。 本菜鸡最近在写某个页面请求数据时,报了如...

    lemanlilemanli 评论0 收藏0
  • [杂谈]了解一些额外知识,让前端开发锦上添花

    [杂谈]了解一些额外知识,让前端开发锦上添花

    摘要:对的请求,也是要有一个了解,比如协议,请求方式,请求过程,结果状态码等。教程协议详解经典面试题一个故事讲完响应状态码上面提到响应状态码,在这里也简单写下。 劝了别人无数次,让别人喝了鸡汤,帮别人填坑,自己却掉了坑 1.前言 在前端学习里面...

    zhichangterryzhichangterry 评论0 收藏0
  • 移动 web 端屏幕适配 - rem

    移动 web 端屏幕适配 - rem

    摘要:前言最近整理了一下以前学习前端的笔记,发现自己对移动端屏幕适配这一块并没有真正理解,只是会用。接下来,把自己的一些对移动端屏幕适配的思考记录下来。量得的高度为,因为在设计稿这样尺寸的屏幕中,,所以该的的值为,即。 前言 最近整理了一下...

    SanchiSanchi 评论0 收藏0
  • css-doodle初认识

    css-doodle初认识

    摘要:详见另外这样写的话,就代表行列,宽度为,高度为若只写一个,那么行列相同,宽度和高度也相同。最后再推荐大漠老师写的文章,有更加详细的说明一个制作图案的组件除此之外,官网还有更多变量说明,也有的接口,希望你能用它创造出更多美丽惊艳的效果。...

    赵连江赵连江 评论0 收藏0
  • 前端每日实战:60# 视频演示如何用纯 CSS 创作一块乐高积木

    前端每日实战:60# 视频演示如何用纯 CSS 创作一块乐高积木

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,容器中包含一组个面居中显示定义容器尺寸画出积木的正面画出积木的右面画出积木的顶面把以上个面组合成立方体接下来画积木的凸粒。 showImg("https://segmentfault.com/img/bVbcEtZ?w=50...

    lx1036lx1036 评论0 收藏0

热门文章

<