文章库ARTICLE COLUMN

  • Sublime Text3 配置less保存自动编译

    Sublime Text3 配置less保存自动编译

    摘要:配置保存自动编译环境下需要安装,语法高亮插件,通过在终端全局安装到这里,已经可以通过手动编译文件了,在终端通过手动编译如果需要在中保存文件时自动编译成,还需要下面的步骤需要安装,把编译为的插件到此处,按照官方的,或 Sublime Text3 配置...

    hedge_hoghedge_hog 评论0 收藏0
  • 使用 rem 设计网页

    使用 rem 设计网页

    摘要:使用伪类选择元素是顶层节点,就是我们需要设置的根元素。使用媒体选择器使用媒体选择器适配不同平台,可让你的网页看起来是响应式的。 rem 是根 em (root em)的缩写。rem 是和根元素关联的,不依赖当前元素。例如,不管你在文档什么地方使用这个单位...

    MoAirMoAir 评论0 收藏0
  • 伪元素的margin值挤压主体元素解决

    伪元素的margin值挤压主体元素解决

    摘要:伪元素的值挤压主体元素解决主体是两个标签,需要再其左侧添加一个竖线,很常见的需求目标前提条件右侧的文字个数不固定问题需要让元素为文字个数不固定时,整个元素的宽度是,根据文字的内容来算,此时使用伪元素时,如果伪元素占据的宽度过大,会导致...

    tulayangtulayang 评论0 收藏0
  • 前端每日实战:149# 视频演示如何用纯 CSS 创作一个宝路薄荷糖的动画

    前端每日实战:149# 视频演示如何用纯 CSS 创作一个宝路薄荷糖的动画

    摘要:可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,只有个元素居中显示定义容器尺寸用伪元素画出个像宝路薄荷糖状的黑色圆环接下来制作动画效果。 showImg("https:/...

    avwuavwu 评论0 收藏0
  • 一篇文章搞定前端面试

    一篇文章搞定前端面试

    摘要:客户端发送包到服务器,并进入状态,等待服务器确认。再进一步接收到客户端的就进入状态。通常情况下连接就是连接,因此连接一旦建立通讯双方开始互发数据进行通信,直到其中一方或双方断开连接为止。统一资源定位符。 本文旨在用最通俗的语言讲述最枯...

    AirmusicAirmusic 评论0 收藏0
  • 前端自动化开发环境

    前端自动化开发环境

    摘要:前端自动化开发环境配置前端自动化开发环境,主要功能有浏览器自动刷新安装去官网下载最新稳定版本,即版本,环境下下载安装版,否则需要自己手动添加路径到环境变量中。 前端自动化开发环境 配置前端自动化开发环境,主要功能有: 浏览器自动刷新 1 ...

    wow_worktilewow_worktile 评论0 收藏0
  • 深入理解css之BFC

    深入理解css之BFC

    摘要:属性,会破坏文档流,与非定位元素很难结合起来用,因此也不适合自适应布局。,其对无感,无法自适应剩余浏览器空间。总结的定义,就如同结界一样,完全封闭对外无任何影响。引起的各种属性与自适应布局自适应布局与属性说明 BFC的定义 BFC的全称是blo...

    姘搁『姘搁『 评论0 收藏0
  • github 上有趣又实用的前端项目(持续更新,欢迎补充)

    github 上有趣又实用的前端项目(持续更新,欢迎补充)

    摘要:上有趣又实用的前端项目持续更新,欢迎补充幻灯片展示框架一个专门用来做幻灯片的框架,支持和语法。又一个幻灯片展示框架一个受的启发,使用了现代浏览器里支持的和的特效幻灯片。我的个人网站首页也是用开发的。好在有可以帮助我们解决这个问题。 gi...

    morganmorgan 评论0 收藏0
  • 前端每日实战:145# 视频演示如何用纯 CSS 创作一个电源开关控件

    前端每日实战:145# 视频演示如何用纯 CSS 创作一个电源开关控件

    摘要:源代码下载每日前端实战系列的全部源代码请从下载代码解读定义,包含个元素,分别代表控件开关和灯光居中显示定义控件的样式,把控件的设置为透明,使其不可见,但仍可与用户交互。 showImg("https://segmentfault.com/img/bVbhwqh?w=400&h=301"); 效...

    cklljckllj 评论0 收藏0
  • 前端面试中最常问到的垂直水平居中问题

    前端面试中最常问到的垂直水平居中问题

    摘要:方法一和元素宽高未知的情况宽高未知方法二绝对定位和自身宽度一半,自身高度的一半已知宽高宽高已知方法三布局方法四被居中的元素是或者元素和元素方法五绝对定位和定高方法六父级高度和 方法一、 CSS3 transform和position(元素宽高未知的情况) ...

    hatlonelyhatlonely 评论0 收藏0
  • css不常见属性之pointer-events

    css不常见属性之pointer-events

    摘要:上介绍为属性指定在什么情况下如果有某个特定的图形元素可以成为鼠标事件的。属性值有其中默认属性为。当值为表示鼠标事件穿透该元素并且指定该元素下面的任何东西。网友叙帝利给出了一种使用场景。加上则不会响应事件了。 MDN 上介绍为 CSS 属性指定...

    AndroidTravelerAndroidTraveler 评论0 收藏0
  • 前端每日实战:144# 视频演示如何用 D3 和 GSAP 创作一个集体舞动画

    前端每日实战:144# 视频演示如何用 D3 和 GSAP 创作一个集体舞动画

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。引入库删除掉文件中的子元素节点,删除掉文件中声明的变量。 showImg("https://segmentfault.com/im...

    kviccnkviccn 评论0 收藏0
  • [前端开发]--分享个人习惯的命名方式

    [前端开发]--分享个人习惯的命名方式

    摘要:最近在知乎上看到这个作为程序员,有没有让你感到既无语又崩溃的程序命名。今天,也分享下最近自己在使用的命名习惯,当然只是个人习惯。但是两个函数的命名,一个是,另一个是。关于的命名规范,应该很多人都是习惯用大驼峰命名。 把一件平凡的事情做...

    EastWoodYangEastWoodYang 评论0 收藏0
  • HTML&&CSS基础知识点整理

    HTML&&CSS基础知识点整理

    摘要:并减少对样式的请求。缺点暴露了模块成员,外部可以修改模块内部状态。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。 HTML&&CSS基础知识点整理 一、WEB标准:一系列标准的集合 1. 结构(Structure):ht...

    lindroidlindroid 评论0 收藏0
  • npm发布包的那些事

    npm发布包的那些事

    摘要:因为最初的这个,所以一开始我们可能换成了国内淘宝的镜像。但是淘宝这个镜像没有开放上传的权限,因此会报这样的错误有至少两种方法命令修改中的字段命令直接在命令行修改即可。 npm发包的那些事 最近一直在研习关于node的知识,发布包虽然是最基础的...

    DirtyMindDirtyMind 评论0 收藏0
  • 09.26 腾讯校招前端一面经历

    09.26 腾讯校招前端一面经历

    摘要:自我介绍对前端的理解为什么中间会出现空隙浏览器会把元素间的空白字符空格换行等渲染成一个空格。解决方法一为设置。方法二将所有写在同一行。选择器选择器匹配出现在后面的。和这两种元素必须具有相同的父元素,但不必紧跟在的后面。 1. 自我介绍 2....

    stdyingstdying 评论0 收藏0
  • 一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。

    一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码。整合了一下,有错误欢迎指出。

    摘要:正方形长方形左上三角右上三角左下三角右下三角平行四边形梯形六角星五角星五边形六边形桃心。无限大符号蛋提示对话框十二角星八角星钻石八卦 1.正方形 square { width: 100px; height: 100px; background: red;} showImg("https://segmentfault.com/i...

    darkbaby123darkbaby123 评论0 收藏0
  • css绘制各种各样的形状图形

    css绘制各种各样的形状图形

    摘要:我们在编写前端代码时,经常会遇到各种各样的形状图形如边框对话框,三角形,平行四边形圆角边框圆形四叶草花瓣等,除了用背景图片雪碧图或精灵图定位引用和插入图片的方法,我们还可以用边框圆角渐变和定位的方法结合使用,绘制各种各样的形状图形。 ...

    levinitlevinit 评论0 收藏0
  • css简单实现带箭头的边框

    css简单实现带箭头的边框

    原文地址 https://tianshengjie.cn/artic... css简单实现带箭头的边框 普通边框 .border { width: 100px; height: 50px; border: 1px solid red; } showImg("https://segmentfault.com/img/b...

    BlackFlagBinBlackFlagBin 评论0 收藏0
  • CSS:两端对齐原理(text-align:justify)

    CSS:两端对齐原理(text-align:justify)

    摘要:我查了下奇巧淫技是什么意思,嘎嘎。我问写个文章会不会被封,他说应该不会,只会被别人揍,哈哈 我是一个小白我是一个小白我是一个小白喷我吧,哈哈 写样式的是时候经常会碰到字体两端对齐的效果,一般就网上找端css样式复制下就结束了,没有考虑过原理...

    justCodingjustCoding 评论0 收藏0
  • 前端每日实战:146# 视频演示如何用纯 CSS 创作一个脉动 loader

    前端每日实战:146# 视频演示如何用纯 CSS 创作一个脉动 loader

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbhzSl?w=400&h=300"); 效果预览 按下右侧的点击预览...

    AiryAiry 评论0 收藏0
  • 前端面试题整理(定期更新)

    前端面试题整理(定期更新)

    摘要:标签写在后与前有什么区别什么是预处理器后处理器预处理器例如,用来预编译或,增强了代码的复用性,还有层级变量循环函数等,具有很方便的组件模块化开发能力,极大的提高工作效率。 前言 因为面试的原因,最近又开始关注前端面试题,浏览过网上很多...

    CoreDumpCoreDump 评论0 收藏0
  • 前端每日实战:147# 视频演示如何用纯 CSS 创作透视按钮的悬停特效

    前端每日实战:147# 视频演示如何用纯 CSS 创作透视按钮的悬停特效

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbhDnp?w=400&h=302"); 效果预览 按下右侧的点击预览...

    hikuihikui 评论0 收藏0
  • 前端每日实战:141# 视频演示如何用 CSS 的 Grid 布局创作一枚小狗邮票

    前端每日实战:141# 视频演示如何用 CSS 的 Grid 布局创作一枚小狗邮票

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbhqjK?w=400&h=300"); 效果预览 按下右侧的点击预览...

    BaoyuanBaoyuan 评论0 收藏0
  • 大厂的532道面试题知识点笔记

    大厂的532道面试题知识点笔记

    摘要:在运行这一行之后,也指向这显然会导致继承链的紊乱明明是用构造函数生成的,因此我们必须手动纠正,将对象的值改为。下文都遵循这一点,即如果替换了对象,那么,下一步必然是为新的对象加上属性,并将这个属性指回原来的构造函数。 express&koa 面试...

    cgspinecgspine 评论0 收藏0

热门文章

<